微信小程序如何跳转到另一个小程序的实现方法
发表于:2022-08-31 16:30:21浏览:2356次
如果你希望在自己创建的小程序页面中,插入「其它小程序」的入口。比如说在勾股CMS小程序,插入勾股OA小程序。随着微信小程序的各个功能的开放,微信小程序如何跳转到另一个小程序有两个实现方案:
一、使用wx.navigateToMiniProgram实现跳转
1、先在 app.json 中配置以下代码
"navigateToMiniProgramAppIdList": [
"目标小程序的appid1",
"目标小程序的appid2"
],
2、页面对应 js 的代码如下:
wx.navigateToMiniProgram({
appId: '目标小程序的appid',
path: '',//空则默认打开另一个小程序的首页
extraData: {
name: '勾股OA',
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(正式版),仅在当前小程序为开发版或体验版时此参数有效,如果当前小程序是正式版,则打开的小程序必定是正式版
*/
推荐文章
- 最新PHP 7.4.32, PHP8.0.24 & PHP8.1.11三个分支发布了新版本
- 图解设置二级、三级域名泛解析,部署saas系统
- 勾股DEV,一款专为IT行业研发团队打造的智能化项目管理与团队协作的工具软件
- 图片变形处理,可设置CSS属性object-fit: cover完美解决
- 资深程序员:MySQL不建议使用delete删除数据
- PHP根据昵称或者姓名自动生成文字头像(图片)的方法
- 2021年度个税汇算今起开始,3月1日至3月15日需要预约,3月16日至6月30日,无需预约
- 如何在gitee上提交Pull Request,给他人的项目贡献自己的代码
- ThinkPHP6接入阿里云短信实战:阿里云短信验证码登录
- 使用搜狐IP地址查询接口获取IP所在城市