微信H5跳转任意小程序

主要知识点:wx-open-launch-weapp

首先获取微信签名

wx.config({
      debug: true,
      appId: res.appId, // 必填,公众号的唯一标识
      timestamp: res.timestamp, // 必填,生成签名的时间戳
      nonceStr: res.nonceStr, // 必填,生成签名的随机串
      signature: res.signature,// 必填,签名
      jsApiList: [], // 必填,需要使用的JS接口列表
      openTagList: [‘wx-open-launch-weapp‘]
});

 然后使用wx-open-launch-weapp组件跳转小程序

<wx-open-launch-weapp id="launch-btn" username="小程序原始id(在更多资料里面gh_开头)" path="目标小程序路径">
    <template>
      <style>
        .btn {
          padding: 12px
        }
      </style>
      <button class="btn">打开小xxx程序</button>
    </template>
  </wx-open-launch-weapp>

 

微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

 

微信H5跳转任意小程序

上一篇:初涉JavaScript模式系列 阶段总结及规划


下一篇:小程序开发日记-08工作流的页面重用