H5网站跳转打开微信小程序源码 小程序外链跳转源码

---

一、详细介绍

非个人主体并且已认证的(微信认证)小程序，使用云开发静态网站托管的网页，

可以免鉴权跳转任意合法合规的小程序。即可以在微信内部浏览器的 H5 跳转小程序，

也可以在微信外部浏览器或其他部分软件跳转微信小程序。

静态网站网页在微信客户端打开时，wx.config 可以传入小程序 AppID

并且不需计算签名，也就是免鉴权即可使用跳转小程序的能力。

二、效果展示

1.部分代码

代码如下（示例）：

var launchBtn = document.getElementById('launch-btn')
          launchBtn.addEventListener('ready', function (e) {
            console.log('开放标签 ready')
          })
          launchBtn.addEventListener('launch', function (e) {
            console.log('开放标签 success')
          })
          launchBtn.addEventListener('error', function (e) {
            console.log('开放标签 fail', e.detail)
          })

          wx.config({
            // debug: true, // 调试时可开启
            appId: 'wxc65a6e8bcaf3e409', // <!-- replace -->
            timestamp: 0, // 必填，填任意数字即可
            nonceStr: 'nonceStr', // 必填，填任意非空字符串即可
            signature: 'signature', // 必填，填任意非空字符串即可
            jsApiList: ['chooseImage'], // 必填，随意一个接口即可 
            openTagList:['wx-open-launch-weapp'], // 填入打开小程序的开放标签名
          })
        } else if (isDesktop) {
          // 在 pc 上则给提示引导到手机端打开
          var containerEl = document.getElementById('desktop-web-container')
          containerEl.classList.remove('hidden')
          containerEl.classList.add('full', 'desktop-web-container')
        }  else {

2.效果图展示

---

三、学习资料下载

蓝奏云：https://qumaw.lanzoul.com/i63Xo1zceo4b