小程序跳转链接怎么做

做过小程序开发的人都知道，页面跳转和链接交互是绝对绕不开的基础需求。看似只是简单的“点一下跳过去”，但在具体的业务场景里，不同跳转方式的底层逻辑和隐藏的坑点还真不少。今天我们就结合实际开发场景，把小程序里各类跳转的实现方式好好捋一捋。

先聊聊最常见的小程序内部页面流转。微信提供了一套成熟的导航 API，关键在于根据业务逻辑选对方法。比如从商品列表点进详情页，最合适的就是 wx.navigateTo。它会保留当前页面，把新页面压入栈中，用户看完详情点返回，还能回到列表原来的位置。不过要注意，小程序页面栈最多只能存 10 层，层级太深的话这招就失效了。如果是登录成功后需要跳回首页，用 wx.redirectTo 更合适。它会直接关闭当前页面再跳转，避免在栈里留下一堆无用的登录页。要是遇到退出登录这种需要清空历史的场景，直接上 wx.reLaunch，它会关闭所有已打开的页面，直接跳转到指定的目标页，干脆利落。至于底部导航栏（tabBar）的页面切换，就别用上面那几个了，老老实实用 wx.switchTab，它专门用来切换 tab 页，同时会自动关闭其他非 tabBar 页面。当然，如果你只是想在页面上放个简单的静态跳转链接，不想在 JS 里写一堆事件绑定，直接用 <navigator> 组件就行，把目标路径写在 url 属性里，特别适合列表项的快捷跳转。

业务做深了，总会遇到在小程序里打开外部 H5 页面的情况，比如嵌入活动页或第三方客服系统。这时候 <web-view> 组件就派上用场了。代码写起来就一行 <web-view src="{{src}}"></web-view> 的事，但背后的配置却容易让人头疼。最大的坑在于域名校验：你必须在小程序管理后台的“开发设置”里，把目标 H5 的域名加到业务域名白名单中，还得下载校验文件放到该域名的根目录下。很多开发者在本地调试时图省事，勾选了“不校验合法域名”，结果一上线就发现页面直接白屏报错。另外得提醒一句，个人主体的小程序没法使用 <web-view>，接需求前最好先确认下账号资质。

有时候我们需要做矩阵产品引流，或者接入第三方服务，这就涉及跨小程序跳转了。最常规的做法是调用 wx.navigateToMiniProgram API。把目标小程序的 appId 和具体页面路径 path 传进去，如果有需要传递的参数就塞在 extraData 里，用户点击后就能无缝切入另一个小程序。另一种思路是利用 URL Scheme。你可以在目标小程序后台生成专属的 Scheme 链接，然后在当前小程序里通过按钮或链接触发跳转。这种方式在从外部浏览器、短信或公众号文章拉起小程序时特别好用。不过，跨小程序跳转有个硬性前提，就是目标小程序得对你开放权限。有时候代码写得一点没错，但就是跳不过去，多半是对方后台没把你的 appId 加进白名单。

其实不管用哪种跳转方式，核心都在于理清当前的业务场景和页面状态。路径拼错、参数漏传、域名没配好，这些都是开发中容易踩的雷。微信的 API 和平台规则时不时会有微调，遇到诡异的跳转失败，别急着死磕代码，先去翻翻最新的官方文档，往往能最快找到答案。