微信小程序内部跳转外部小程序(不限数量)

微信官方公布于 2020年4月24日 开始,小程序内跳转外部第三方小程序取消数量限制,但是跳转前会跳出提示弹窗,另外利用此功能做小程序互推的话有被处罚的可能。微信开放交流社区上的问答有的没有及时更新,可能很多朋友没有注意到4月底出的新通知,原文地址: https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html

小程序内跳转小程序,这里我在网上找了一些微信小程序的appid做了测试,是可以的,如果你觉得小程序的appid不够测试用,你可以在手机微信上搜索小程序然后进入主页详情可以看到小程序的appid及主体信息。

一、使用navigator标签打开小程序

下面的代码中的小程序appid不一定都能打开,没有使用任何js代码,使用navigator标签打开的。

<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx93bede522c4c7614" path="" extra-data="" version="release" class="uploader-text"><text>001小程序html</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx93bede722c4c7615" path="" extra-data="" version="release" class="uploader-text"><text>002小程序html</text></navigator>
</view>

<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wxd199639527e02190" path="" extra-data="" version="release" class="uploader-text"><text>001小程序html</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx0581153bb212da8d" path="" extra-data="" version="release" class="uploader-text"><text>002小程序htmlok</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx41c7df70bd769fbb" path="" extra-data="" version="release" class="uploader-text"><text>003小程序htmlok</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx7aff39a82224d557" path="" extra-data="" version="release" class="uploader-text"><text>004小程序htmlok</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx52871c5c3eb2ce31" path="" extra-data="" version="release" class="uploader-text"><text>005小程序htmlok</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wxc2da67948bb7e864" path="" extra-data="" version="release" class="uploader-text"><text>006小程序htmlok</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx0f65c4c3364e5ed8" path="" extra-data="" version="release" class="uploader-text"><text>007小程序htmlok?</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx2bc59daa4b9a9301" path="" extra-data="" version="release" class="uploader-text"><text>008小程序html</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx1ce49f323932f98e" path="" extra-data="" version="release" class="uploader-text"><text>009小程序htmlok</text></navigator>
</view>
<view class="uploader">
<navigator target="miniProgram" open-type="navigate" app-id="wx3bb86ea2ef5fd53b" path="" extra-data="" version="release" class="uploader-text"><text>010小程序htmlok</text></navigator>
</view>

二、使用js打开小程序,bindtap触发onOpenLiteApp

xxxx.wxml

  <view class="uploader">
  <navigator url="pages/index/index" class="uploader-text" bindtap="onOpenLiteApp"><text>打开小程序js</text></navigator>
</view>

xxxx.js

data: {
xxxxxxxxxx
……………………
xxxxxxxxxx
  },
    onOpenLiteApp: function() {

    wx.navigateToMiniProgram({
      appId: 'wx0782ecb4b383ac35',//要打开的小程序 appId
      path: 'pages/index/index?id=123',//打开的页面路径,如果为空则打开首页
      extraData: {
        foo: 'bar'//需要传递给目标小程序的数据,目标小程序可在 App.onLaunch,App.onShow 中获取到这份数据
      },
      envVersion: 'develop',//要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版,则打开的小程序必定是正式版。
      success(res) {
        // 打开成功
        //alert('sss');
        console.log('[openapp] 调用成功:', res)
      }
    })


  },
…………………………

基于互联网精神,在注明出处的前提下本站文章可自由转载!

本文链接:https://ranjuan.cn/wechat-mini-open/

赞赏

微信赞赏支付宝赞赏

发表评论