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

一、使用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（正式版），僅在當前小程序為開發版或體驗版時此參數有效，如果當前小程序是正式版，則打開的小程序必定是正式版
   　　*/ 
})    

 跳轉后 另一個小程序的js添加此代碼，點擊后即可跳轉回該小程序。wx.navigateBackMiniProgram({  extraData: {    foo: 'bar'  },  success(res) {    // 返回成功  } })

 

二、使用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（正式版），僅在當前小程序為開發版或體驗版時此參數有效，如果當前小程序是正式版，則打開的小程序必定是正式版
   */