微信公众号内跳转小程序

微信公众号内跳转小程序

微信官方文档：概述 | 微信开放文档

引入微信sdk:

<script src="https://yun.duiba.com.cn/cdqd/cdn/jweixin-1.6.0.js"></script>

微信初始化的时候 加入需要使用的标签 比如下面的 "wx-open-launch-weapp"

wx.config({
  debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印。
  appId: '', // 必填，公众号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: ["wx-open-launch-weapp"] // 必填，需要使用的 JS 接口列表
})

标签使用 其中需要传入 path 和 username

<span className="btn btn_ljty" >
  <wx-open-launch-weapp
    style={{
      width: "100%",
      height: "100%",
      position: "absolute",
      top: "0",
      left: "0",
      display: "block",
      border: "none",
      background: "none",
      opacity: 0,
    }}
    id="mainactivities"
    username={CFG.originalID || "gh_b924bf09732f"}
    path={i.href}
  >
    <script type="text/wxtag-template">
      <div className="weapp-btn" style={{
        width: "100%",
        height: "100%",
        position: "absolute",
        top: "0",
        left: "0",
        display: "block",
        border: "none",
        background: "none",
        opacity: 0,
      }}>
      </div>
    </script>
  </wx-open-launch-weapp>
</span>

文档如下：目录 | 微信开放文档