1. 程式人生 > 其它 >微信小程式如何跳轉到另一個小程式

微信小程式如何跳轉到另一個小程式

一、使用wx.navigateToMiniProgram實現跳轉

先在app.json中配置以下程式碼

"navigateToMiniProgramAppIdList": [
    "目標小程式的appid1",
    "目標小程式的appid2"
],

對應 js 的程式碼如下,詳情

wx.navigateToMiniProgram({
     appId: '目標小程式的appid',
     path: '',//空則預設開啟另一個小程式的首頁
    extraData: {
        name: '帆',
        id: '4509222222222222'
     },
    envVersion: 
'release',// 開啟正式版 success(res) { console.log(res) // 開啟成功    }, fail: function (err) { console.log(err); },    complete(res){ // 呼叫結束 不管成功還是失敗都執行 }   /**   * appId:跳轉到的小程式app-id   * path:開啟的頁面路徑,如果為空則開啟首頁,path 中 ? 後面的部分會成為 query,在小程式的 App.onLaunch、App.onShow 和 Page.onLoad的回撥函式中獲取query資料   * extraData:需要傳遞給目標小程式的資料,目標小程式可在 App.onLaunch、App.onShow 中獲取到這份資料   * envVersion:要開啟的小程式版本,有效值: develop(開發版),trial(體驗版),release(正式版),僅在當前小程式為開發版或體驗版時此引數有效,如果當前小程式是正式版,則開啟的小程式必定是正式版   
*/ })

二、使用navigator(跳轉)

官方文件:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

<navigator class="btn" target="miniProgram" open-type="navigate" app-id="目標小程式appid" version="trial">點選跳轉另一個小程式</navigator>
/**
   * target:在哪個目標上發生跳轉,預設當前小程式,有效值: self(當前小程式),miniProgram(其它小程式)
   * open-type:跳轉方式 “avigate    對應 wx.navigateTo 或 wx.navigateToMiniProgram 的功能”
   * app-id:跳轉到的小程式app-id
   * version:要開啟的小程式版本,有效值: develop(開發版),trial(體驗版),release(正式版),僅在當前小程式為開發版或體驗版時此引數有效,如果當前小程式是正式版,則開啟的小程式必定是正式版
   
*/