美文网首页
小程序跳转到另一个小程序

小程序跳转到另一个小程序

作者: Giraffe_00 | 来源:发表于2020-03-25 20:40 被阅读0次
方法一 、wx.navigateToMiniProgram API实现 官方文档
wx.navigateToMiniProgram({
  appId: '',//要打开的小程序 appId
  path: 'page/index/index?id=123',//打开的页面路径,如果为空则打开首页。
  extraData: {//需要传递给目标小程序的数据
    foo: 'bar'
  },
  //develop 开发版; trial 体验版; release 正式版
  envVersion: 'develop',//要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版,则打开的小程序必定是正式版。
  success(res) {
    // 打开成功
  }
})

从 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用此接口自动跳转至其他小程序。
从 2.3.0 版本开始,在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。如果用户点击取消,则回调 fail cancel

方法二 、<navigator> 组件实现 官方文档
<navigator  target="miniProgram" open-type='navigate' app-id="wx*****" path="pages/index/index" extra-data="" version="release">打开另一个小程序</navigator>
//open-type:跳转方式;值为navigate对应wx.navigateToMiniProgram的功能
//target:在哪个目标上发生跳转,默认当前小程序;默认值self
//app-id:当target="miniProgram"时有效,要打开的小程序 appId
//path:当target="miniProgram"时有效,打开的页面路径,如果为空则打开首页
//extra-data:当target="miniProgram"时有效,需要传递给目标小程序的数据
//version:当target="miniProgram"时有效,要打开的小程序版本;develop 开发版、 trial 体验版、 release 正式版。

注意:

每个小程序可跳转的其他小程序数量限制为不超过 10 个 ,开发者提交新版小程序代码时,如使用了跳转其他小程序功能,则需要在代码配置中声明将要跳转的小程序名单,限定不超过 10 个,否则将无法通过审核。该名单可在发布新版时更新,不支持动态修改。

App.json配置

"navigateToMiniProgramAppIdList": [
  "小程序appid",
  "小程序appid",
  "小程序appid"
]
例子 跳转到京东小程序 查看其它小程序appid

.wxml

<!-- 方法一 -->
<button bindtap="toSkip">打开另一个小程序</button>
<!-- 方法二 -->
<navigator target="miniProgram" open-type='navigate' app-id="wx91d27dbf599dff74" version="release">打开另一个小程序</navigator>

.js

Page({

  data: {},
  /**
   * 方法一
   */
  toSkip: function() {
    wx.navigateToMiniProgram({
      appId: 'wx91d27dbf599dff74',
      extraData: {},
      envVersion: 'release',
      success(res) {
        console.log('跳转成功');
      }
    })
  },
})

app.json

 "navigateToMiniProgramAppIdList": [
    "wx91d27dbf599dff74"
  ]

相关文章

  • 小程序跳转到另一个小程序

    实现小程序跳转到另一个小程序 在app.json文件中新增 "navigateToMiniProgramAppId...

  • 从一个小程序跳到另一个小程序

    本小程序代码: 还需要在本小程序app.json里声明要跳转到的小程序的appid 另一个小程序接收数据: 使用限...

  • 小程序与H5如何互相跳转

    由于小程序官方没有提供外部H5网页直接跳转到小程序的api,所以目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳...

  • 小程序与H5如何互相跳转

    由于小程序官方没有提供外部H5网页直接跳转到小程序的api,所以目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳...

  • 小程序与H5如何互相跳转

    由于小程序官方没有提供外部H5网页直接跳转到小程序的api,所以目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳...

  • 小程序跳转小程序

    小程序如何跳转到其他小程序 微信小程序跳转到其他小程序有两种方式。 一种是用组件navigator跳转: 一种是用...

  • 小程序跳转到另一个小程序

    方法一 、wx.navigateToMiniProgram API实现 官方文档 从 2.3.0 版本开始,若用户...

  • 微信小程序跳转测试

    一、我们的微信小程序跳转到另外一个小程序 1、在真机上面,微信小程序跳转到另外一个小程序,直接允许跳转就可以: 2...

  • 【小程序】生成小程序码

    什么是小程序码? 小程序码通过后台接口获取,扫描小程序码可以跳转到小程序对应的页面所有生成的小程序码永久有效,可放...

  • 小程序跳转到另一个小程序问题

    1,需要知道另一个小程序appID, (说明:appid是小程序的身份证号码,是微信公众平台上的小程序ID,有了它...

网友评论

      本文标题:小程序跳转到另一个小程序

      本文链接:https://www.haomeiwen.com/subject/zatfuhtx.html