微信小程式和微信小程式之間的跳轉和傳參示例程式碼附講解
阿新 • • 發佈:2019-02-15
可以掃碼加我微信,承接小程式開發。
微信小程式開發交流qq群 173683895 、 526474645 ;
正文:
一:微信小程式跳轉
使用限制
需要使用者觸發跳轉
從 2.3.0 版本開始,若使用者未點選小程式頁面任意位置,則開發者將無法呼叫此介面自動跳轉至其他小程式。
需要使用者確認跳轉
從 2.3.0 版本開始,在跳轉至其他小程式前,將統一增加彈窗,詢問是否跳轉,使用者確認後才可以跳轉其他小程式。如果使用者點選取消,則回撥 fail cancel
。
每個小程式可跳轉的其他小程式數量限制為不超過 10 個
從 2.4.0 版本以及指定日期(具體待定)開始,開發者提交新版小程式程式碼時,如使用了跳轉其他小程式功能,則需要在程式碼配置中宣告將要跳轉的小程式名單,限定不超過 10 個,否則將無法通過稽核。該名單可在釋出新版時更新,不支援動態修改。配置方法詳見 配置。呼叫此介面時,所跳轉的 appId 必須在配置列表中,否則回撥 fail appId "${appId}" is not in navigateToMiniProgramAppIdList
。
配置方法:
在app.json檔案修改如下:
程式碼:
"navigateToMiniProgramAppIdList": [
"wx313490c64bc53c23"
]
示例:小程式a跳轉到小程式b
小程式a程式碼: 跳轉到小程式b並傳id
wx.navigateToMiniProgram({ appId: '', path: 'pages/index/index?id=123', extraData: {}, envVersion: 'develop', success(res) { // 開啟成功 } })
小程式b程式碼:
//index.js 接收並列印小程式a傳遞過來的引數
Page({
onLoad: function (options) {
console.log(options)
}
})
二:返回上一個微信小程式
wx.navigateBackMiniProgram({
extraData: {},
success(res) {
// 返回成功
}
})