Scanner le code QR Télécharger le code QR
Boutique de domaines
empêcher l'interception des liens
Sélectionner les types de plateformes autorisés

如何退出小程序并跳转链接

小程序的好处,用过的人都懂:不用下载安装,点开即用,功能还一点不打折。除了自身承载的服务,小程序还支持向外跳转,应用场景一下子宽了不少。实际开发或运营中,经常会有这样的需求——引导用户离开当前小程序,直接进入另一个小程序的指定页面。这件事具体怎么做?下面把整个流程拆开讲一遍。

在微信小程序里,完成这个动作用的是官方内置API:wx.navigateToMiniProgram。名字已经说明了一切——打开另一个小程序,并且能直接定位到对方程序里的某个具体页面。实现起来不算复杂,跟着下面的步骤走一遍,基本就能跑通。

先打开小程序的工程文件,找到需要加跳转功能的页面,定位到对应的.js文件,写入这段代码:

wx.navigateToMiniProgram({
appId: '跳转的小程序appId',
path: '跳转页面的路径',
success(res) {
console.log(res);
},
fail(res) {
console.log(res);
}
})


不过,光写代码还不够。出于安全和管理上的考虑,微信要求开发者提前声明自己打算跳转到哪些小程序。所以接下来要打开小程序的.json配置文件,把目标小程序的appId加进"navigateToMiniProgramAppIdList"这个列表里:

"navigateToMiniProgramAppIdList": [
"跳转的小程序appId"
]




这一步千万别漏。少了这个声明,调用API时会直接失败,跳转自然无从谈起。不少新手就栽在这里,翻来覆去检查代码逻辑都找不到毛病,最后才发现是配置没写。



代码和配置都就位了,接下来得给用户一个触发入口。最常见的做法是在页面上放一个按钮,用button组件就能搞定:



<button bindtap="navigateToMiniProgram">跳转链接</button>


按钮摆上去之后,还得让它真正"活"起来。回到.js文件,给按钮绑一个点击事件函数,用户点下去的那一瞬间,跳转逻辑就会被触发:

Page({
navigateToMiniProgram() {
wx.navigateToMiniProgram({
appId: '跳转的小程序appId',
path: '跳转页面的路径',
success(res) {
console.log(res);
},
fail(res) {
console.log(res);
}
})
}
})


到这里,整条链路就打通了:用户点一下按钮,就能从当前小程序直接进入目标小程序的指定页面,中间没有多余步骤,几乎是秒级完成。

这种一键跳转的能力,在实际业务里价值不小。最典型的场景是合作小程序之间互相导流——用户在A小程序里看到感兴趣的内容,点一下就无缝进入B小程序继续操作。跳转路径越短,中途流失的用户越少,转化率自然更容易做起来。需要提醒的是,平台的相关规则偶尔会调整,比如可跳转数量的限制、审核口径的变化等等。项目正式上线前,最好顺手翻一下最新的官方文档,免得踩坑。



回过头看,这套方案的核心其实就是wx.navigateToMiniProgram这一个API,再配上.js里的跳转代码、.json里的白名单声明,以及一个绑定了点击事件的按钮。技术门槛不高,但对用户体验和运营转化的拉动是实实在在的。如果你的小程序正好有这类需求,不妨照着上面的步骤动手试试。