小程序跳转其他小程序

Posted 哎呦啊秋吖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序跳转其他小程序相关的知识,希望对你有一定的参考价值。

两个小程序要绑定在一个微信公众平台!!!

//A小程序
<!--index.wxml-->
<view class="container">
//方法1
  <!-- <navigator target="miniProgram" open-type="navigate" app-id="{{BappId}}" path="{{path}}" extra-data="{{datas}}" version="develop" bindsuccess="toMiniProgramSuccess">
    </navigator> -->
//方法2
    <text class="user-motto" bindtap="isbindViewTap">{{motto}}</text>
    </view>
</view>

//获取应用实例
const app = getApp()

Page({
//方法1
  data: {
    BappId:1212,
  path:pages/index/index?id=123 ,
  datas: {name:安琪111},
    motto: 点击跳转,
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse(button.open-type.getUserInfo)
  },
  //事件处理函数
  bindViewTap: function() {
    wx.navigateTo({
      url: ../logs/logs
    })
  },
  toMiniProgramSuccess(res){
    //从其他小程序返回的时候触发
    wx.showToast({
      title: 通过超链接跳转其他小程序成功返回了
    })
},
//方法2
  isbindViewTap:function(){
    wx.showModal({
      title: 提示,
      content: 将跳转至B小程序,
      confirmColor: "#1aad19",//设置确认按钮为绿色
      showCancel: false,//不显示取消按钮
      success: function (sm) {
          wx.navigateToMiniProgram({
               appId: "121",//需要跳转的小程序的appId
               path: pages/index/index,//跳转页面的路径如path/index/index
               extraData: {//传递的参数
                  Number: 121212,
               },
               envVersion: "trial",//线上版固定为release,开发为develop,体验版为trial
               success(res) {
                 // 打开成功
                 console.log("跳转成功");
               }
           });
          }
       })
  },
  
})
//app.json
{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],"navigateToMiniProgramAppIdList": [
    "wxff106b10a98a63f3"
  ]
}

//B小程序接收
//app.js
//获取应用实例
App({
  onLaunch: function(options) {
    this.globalData.number=options.referrerInfo.extraData.Number
    console.log(this.globalData.number)
    // 展示本地存储能力
    var logs = wx.getStorageSync(logs) || []
    logs.unshift(Date.now())
    wx.setStorageSync(logs, logs)
  globalData: {
    number: ‘‘
  }
})
//index.js页面获取
const app = getApp()
Page({
   onLoad(){
        consloe.log(app.globalData.number)
    }
})
 

 

以上是关于小程序跳转其他小程序的主要内容,如果未能解决你的问题,请参考以下文章

请问大佬们,自己公司的微信小程序能跳转到其他合作公司的微信小程序中吗,怎么跳转啊

小程序跳转其他小程序

微信小程序页面滑到到底部,继续上拉跳转到其他界面

微信小程序页面跳转参数怎么传递

请问如何在小程序里实现引导页面跳转设置啊?

微信小程序支付成功后跳转APP卡死