[[334432]]

繼小程序灰度測試分享朋友圈刷屏后，滴滴滴，這...

閑著也閑著，順藤摸瓜點了進去，好家伙，產品小姐姐寫這個文案還是太含蓄了，我猜有可能是老干媽還沒吃夠

[[334433]]

根據刀哥多年寫代碼要看文檔的經驗來看，證實了這次更新不僅支持了打開小程序，連app也順帶支持了，這個信息量著實有點大

下面讓我們一起來看文檔

新增開放標簽

定義: 微信開放標簽是微信公眾平臺面向網頁開發者提供的擴展標簽集合。通過使用微信開放標簽，網頁開發者可安全便捷地使用微信或系統的能力，為微信用戶提供更優質的網頁體驗

有哪些開放標簽?

•  <wx-open-launch-weapp> 打開小程序
•  <wx-open-launch-app> 打開app

接入要求

•  主體要求: 僅開放給已認證的服務號
•  系統要求：

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

接入方法

打開小程序使用步驟與微信JS-SDK類似，需要綁定安全域名、引入JS文件等步驟

打開app需要前往微信開放平臺的管理中心-公眾賬號或小程序詳情-接口信息-網頁跳轉移動應用-關聯設置中綁定所需要跳轉的App

示例:

1.  配置最新JSSDK 

wx.config({  
  // 其它配置不變， openTagList配置可使用的開放標簽,   
  openTagList: ['wx-open-launch-app, wx-open-launch-weapp']  
}) 

      2.  頁面使用開放標簽

•  打開小程序 

<wx-open-launch-weapp  
  id="launch-btn" 
  // 小程序id  
  username="gh_xxxxxxxx"  
  // 小程序路徑  
  path="/a/b/c?d=1&e=2#fg"  
>  
  <template>  
    <style>.btn { padding: 12px }</style>  
    <button class="btn">打開小程序<button>  
  </template>  
</wx-open-launch-weapp> 

•  打開app

<wx-open-launch-app  
  id="launch-btn"  
  // 移動應用appid  
  appid="your-appid"  
  // 額外信息, 客戶端自行解析  
  extinfo="your-extinfo"  
>  
  <template>  
    <style>.btn { padding: 12px }</style>  
    <button class="btn">App內查看</button>  
  </template>  
</wx-open-launch-app> 

•  回調 

<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> 

結語

怎么樣，看完文檔后是不是感覺很easy，