تسجيل الدخول الآن 做小程序开发，页面跳转是绕不开的基本功。从首页 Banner 点进活动页、从商品列表进入详情页、跳到合作方的另一个小程序，甚至直接打开一个 H5 页面——这些场景背后，都离不开跳转链接。听起来没什么难度，真动起手来才会发现门道不少：微信提供了好几种跳转方式，各有适用范围，选错了轻则体验别扭，重则功能直接罢工。
最省事的做法是用 <navigator> 组件，在 wxml 里写一个标签就行：
<navigator url="/pages/detail/detail?id=123">点击查看详情</navigator>
这种声明式写法很直观，页面上看到什么就是什么，思路和 HTML 里的
<a> 标签一脉相承。想调整跳转行为，可以通过 open-type 属性指定，比如 navigate（默认值，保留当前页）、redirect（关闭当前页）、switchTab（跳到 tabBar 页面）等等。如果只是页面间的普通跳转，优先选它准没错，可读性最好。一旦需要动态控制跳转逻辑，就得改用 API 了。
wx.navigateTo() 和 wx.redirectTo() 是最常被调用的两个：前者保留当前页面，用户能点返回键回来；后者直接关掉当前页，没有回头路可走。具体怎么选？举个常见的例子——用户提交订单成功后要跳转到订单详情页，这时用 redirectTo 显然更合理，总不能让人点个"返回"又回到提交页，再重复下单一次吧。这里有个新手常踩的坑：如果目标页面是 tabBar 页面（就是底部导航栏里的那些），wx.navigateTo() 是不生效的，必须换成
wx.switchTab()。不少人第一次遇到时都一头雾水——代码没报错，页面却纹丝不动。还有一点要留心：小程序的页面栈有层数上限，业务链路一长，navigateTo 一路往上叠，叠到顶就跳不动了，这种时候可以靠 wx.reLaunch()（关闭所有页面再重新打开）救急。要是想跳外部网页，事情会稍微麻烦一些。出于安全考虑，小程序不允许随便打开外部链接，正规做法是借助 web-view 组件来承载 H5 页面，而且目标域名得提前在小程序后台配置为业务域名。至于跳转到别的小程序，可以用
wx.navigateToMiniProgram()，传入对方的 appId 就行。这两类需求在电商导流、活动页投放中都很常见，提前摸清规则能少走不少弯路。
等项目的跳转逻辑复杂起来——比如跳转前要先校验登录态、要统一埋点统计点击来源、不同角色的用户得跳去不同页面——散落在各处的 navigator 和 API 调用就会变得很难收拾。这时候不妨把跳转逻辑封装成自定义组件，对外只暴露 url、type 之类的属性，校验、埋点、异常兜底全在内部统一处理。以后需求有变动，改一处就够了，总比在几十个页面里挨个翻跳转代码省心得多。
不管用哪种方式，有几个细节都值得留意：目标路径必须真实存在，并且已经在 app.json 中注册，否则跳转会静默失败；url 带参数时记得用 encodeURIComponent 处理，免得特殊字符把参数截断；写完跳转逻辑后，别只在开发者工具里点两下就收工——安卓和 iOS 在真机上偶尔会有表现差异，务必实测一遍。
说到底，跳转本身并不难，难的是在不同场景下挑对方式。简单跳转交给 navigator，需要逻辑控制就上 API，涉及外部网页或其他小程序就走 web-view 和 navigateToMiniProgram，逻辑再复杂就封装成组件。把这套思路理顺了，小程序里的跳转基本就难不倒你了。