官方文件：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

步驟和例子按照官方的來就行，我說注意的點：

1,首先記得引入sdk,在需要呼叫JS介面的頁面引入如下JS檔案：http://res.wx.qq.com/open/js/jweixin-1.6.0.js （支援https）

2，要進行微信公眾號的授權，就是跟平時做微信分享一樣的，就是在最後加上需要使用的開放標籤列表openTagList就行

wx.config({
  debug: true, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來，若要檢視傳入的引數，可以在pc端開啟，引數資訊會通過log打出，僅在pc端時才會列印
 

  appId: '', // 必填，公眾號的唯一標識
  timestamp: , // 必填，生成簽名的時間戳
  nonceStr: '', // 必填，生成簽名的隨機串
  signature: '',// 必填，簽名
  jsApiList: [], // 必填，需要使用的JS介面列表,這裡最好也填上了一個，例如onMenuShareTimeline
  openTagList: ['wx-open-launch-weapp'] // 可選，需要使用的開放標籤列表，例如['wx-open-launch-weapp'] });

3，最後一點按照官方示例複製過去，設定好跳轉的小程式id和路徑就行，最重要的一點一定要用手機微信開啟才能看到按鈕，電腦端微信和微信開發者工具都是不行的，切記一定要實機，不然對著電腦除錯半天也是出不來的

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"  //小程式號的ID，在小程式號的後臺的設定裡可以看到,都是gh_開頭的，跟appid不是同一個
  path="pages/home/index.html?user=123&action=abc"  //小程式的頁面路徑
>
  <template>
    <style>.btn { padding: 12px }</style>
    <button class="btn">開啟小程式</button>
  </template>
</wx-open-launch-weapp>
<script>
  var
 
 btn = document.getElementById('launch-btn');
  btn.addEventListener('launch', function (e) {
    console.log('success');
  });
  btn.addEventListener('error', function (e) {
    console.log('fail', e.detail);
  });
</script>