微信小程序跳转到另一个小程序(往返)

您所在的位置:网站首页 按钮跳转至小程序 微信小程序跳转到另一个小程序(往返)

微信小程序跳转到另一个小程序(往返)

2024-07-12 23:33| 来源: 网络整理| 查看: 265

今天正好遇见一个需求——实现小程序之前的跳转,现在做一个整理,具体如下: 程序之间的跳转,小程序A跳转到小程序B: 微信官方要求,要想实现小程序之间的跳转,必须由用户点击某个页面之间的组件进行跳转,并且跳转时有窗口跳出提醒。 防止用户误点造成程序跳转。 先看微信官方提供的跳转文档: 打开另一个小程序示例 部分截图 **前面可知,实现小程序之间的跳转需要用户自己操作,所以:

小程序A到B,使用到的函数:wx.navigateToMiniProgram(Object object) 小程序B到A,使用到的函数:wx.navigateBackMiniProgram(Object object)

在小程序A中

第一步:首先全局配置,代码如下:** App.json

"navigateToMiniProgramAppIdList": [ "wx3b034c9eabf7b460" //小程序的appid ]

第二步:程序跳转起始页面 AAAA.wxml //选择一个组件,例如一个“按钮” AAAA.js //找到按钮所绑定的函数,进入到这个函数,

wx.navigateToMiniProgram({ appId: '', **// 小程序B的appid** path: 'pages/index/index?id=123', **//小程序B的页面路径** extraData: {}, envVersion: 'develop', //打开版本 开发版 develop;体验版trial; 正式版release success(res) { // 打开成功 } fail(res){ //打开失败 } })

到此,已经能实现小程序A跳转到小程序B功能。

在小程序B中

接收并打印小程序a传递过来的参数 index.js

Page({ onLoad: function (options) { console.log(options) } })

小程序B返回小程序A的操作:

wx.navigateBackMiniProgram({ **//返回函数** extraData: {}, success(res) { **// 返回成功** } fail(res){ **//返回失败** } })


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3