站长图库

微信小程序中跳转另一个微信小程序的方法

 发布时间 2020-01-11 22:08:01 热度  227

 当前位置:  首页>>教程>>前端开发

微信为了不让小程序成为孤岛,提供了从一个微信小程序跳转到另一个微信小程序的功能,这个功能也是经过了很多波折,方式也不断改变,所以导致很多小伙伴在网上找到的方法都不能正确解决自己的问题。

下面我来分享一下跳转方法的变化,以及最新的从一个微信小程序跳转到另一个微信小程序,现在改怎么做。


版本一:该版本下小程序互跳有一个条件,那就是小程序A和小程序B必须绑定在同一个公众号下,一个小程序可以跳转很多个其他小程序,限制比较小,但是有些开发者在这上面做了文章,所以微信做了调整


版本二:该版本也是目前最新的版本,没有了公众号的限制,但是加了新的限制规则:

1、跳转必须点击按钮

2、不能进入小程序自动跳转

3、跳转到其他小程序会有弹框提示,防止用户误点

4、一个小程序最多只能跳转10个其他小程序

5、新添加的小程序必须在app.json文件中配置AppId,具体配置如下

"navigateToMiniProgramAppIdList": [
    "wxc0acfddb7a2...1b"
]

以上两个版本对于跳转方法上倒是没做什么改变,具体跳转方法如下,也可以参考官方的文档查看

https://developers.weixin.qq.com/miniprogram/dev/api/navigateToMiniProgram.html

1、在js文件中通过js代码跳转:

wx.navigateToMiniProgram({
    appId: '',// 要跳转的小程序的appid
    path: 'pages/index/index?id=123',// 跳转的目标页面
    extraData: {
        foo: 'bar'
    },
    success(res) {
        // 打开成功
    }
})

2、直接在页面上进行跳转(navigator方式跳转,需要小程序版本库在2.0.7及以上)

<navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">打开绑定的小程序</navigator>

以上就是站长图库分享的微信小程序中跳转另一个微信小程序的方法,希望对大家有所帮助!


站长图库

站长素材 - 建站资源分享平台

猜你喜欢
替换uploadify用Huploadify实现上传图片或文件

替换uploadify用Huploadify实现上传图片或文件

 199 2019-12-25

之前项目用uploadify(flash version)实现图片上传功能,但是由于chrome浏览器已经屏蔽...

无需借助其他软件或者插件实现Chrome网页长截图

无需借助其他软件或者插件实现Chrome网页长截图

 619 2018-11-21

相信大家在电脑需要截图的时候使用最多的应该就是QQ上自带的截图功能(Ctrl+Alt+A),但这个功能一次性截...

使用PHP+ajax+mysql+layui实现每日签到及提醒功能

使用PHP+ajax+mysql+layui实现每日签到及提醒功能

 1365 2019-01-13

这篇文章主要为大家详细介绍了使用PHP+layui实现每日签到及提醒功能,具有一定的参考价值,感兴趣的小伙伴们...

全平台通用评论神器一键自动填写昵称、邮箱和网址

全平台通用评论神器一键自动填写昵称、邮箱和网址

 571 2019-04-18

我们在访问网站时,看到一篇文章,想发表评论时,是否经常要在评论框里手动填写自己的昵称、E-mail 和网址等留...