微信公眾號跳轉小程序＜wx-open-launch-weapp＞

官方使用開放標簽的條件：

微信版本要求為：7.0.12及以上。 系統版本要求為：iOS 10.3及以上、Android 5.0及以上。

配置好域名。就可以開始使用了。

wx-open-launch-weapp標簽需要先引入http://res2.wx.qq.com/open/js/jweixin-1.6.0.js 。

以下是關鍵代碼

<script type="text/javascript" src="/js/jweixin-1.6.0.js"></script>
<script type="text/javascript">
    var appId = "{{$data['appId']}}";
    var nonceStr = "{{$data['nonceStr']}}";
    var timestamp = "{{$data['timestamp']}}";
    var signature = "{{$data['signature']}}";
  

    wx.config({
        debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
        appId: appId, // 必填，公眾號的唯一標識
        timestamp: timestamp, // 必填，生成簽名的時間戳
        nonceStr: nonceStr, // 必填，生成簽名的隨機串
        signature: signature,// 必填，簽名
        jsApiList: [], // 必填，需要使用的JS接口列表
        openTagList: ['wx-open-launch-weapp']
    });
    wx.ready(function(){
        // config信息驗證后會執行ready方法，所有接口調用都必須在config接口獲得結果之后，config是一個客戶端的異步操作，所以如果需要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的接口，則可以直接調用，不需要放在ready函數中。
        var btn = document.getElementById('launch-btn');
        btn.addEventListener('launch', function (e) {
            console.log('success');
        });
        btn.addEventListener('error', function (e) {
            console.log('fail', e.detail);
        });
    });
    wx.error(function(res){
        // config信息驗證失敗會執行error函數，如簽名過期導致驗證失敗，具體錯誤信息可以打開config的debug模式查看，也可以在返回的res參數中查看，對於SPA可以在這里更新簽名。
    });
    wx.checkJsApi({
        jsApiList: [], // 需要檢測的JS接口列表，所有JS接口列表見附錄2,
        success: function(res) {
        // 以鍵值對的形式返回，可用的api值true，不可用為false
        // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
        }
    });
    
    
  
</script>

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_XXX"
  path="pages/index/index.html"
>
  <template>
    <style>.btn { padding: 12px }</style>
    <button class="btn">打開小程序</button>
  </template>
  
</wx-open-launch-weapp>