[[334432]]

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

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

[[334433]]

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

下面讓我們一起來看文檔

新增開放標(biāo)簽

定義: 微信開放標(biāo)簽是微信公眾平臺面向網(wǎng)頁開發(fā)者提供的擴展標(biāo)簽集合。通過使用微信開放標(biāo)簽，網(wǎng)頁開發(fā)者可安全便捷地使用微信或系統(tǒng)的能力，為微信用戶提供更優(yōu)質(zhì)的網(wǎng)頁體驗

有哪些開放標(biāo)簽?

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

接入要求

•  主體要求: 僅開放給已認證的服務(wù)號
•  系統(tǒng)要求：

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

接入方法

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

打開app需要前往微信開放平臺的管理中心-公眾賬號或小程序詳情-接口信息-網(wǎng)頁跳轉(zhuǎn)移動應(yīng)用-關(guān)聯(lián)設(shè)置中綁定所需要跳轉(zhuǎn)的App

示例:

1.  配置最新JSSDK 

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

      2.  頁面使用開放標(biāo)簽

•  打開小程序 

<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"  
  // 移動應(yīng)用appid  
  appid="your-appid"  
  // 額外信息, 客戶端自行解析  
  extinfo="your-extinfo"  
>  
  <template>  
    <style>.btn { padding: 12px }</style>  
    <button class="btn">App內(nèi)查看</button>  
  </template>  
</wx-open-launch-app> 

•  回調(diào) 

<script>  
  var btn = document.getElementById('launch-btn');  
  // 調(diào)起成功回調(diào)  
  btn.addEventListener('launch', function (e) {  
    console.log('success');  
  });  
  // 調(diào)起失敗回調(diào)  
  btn.addEventListener('error', function (e) {  
    console.log('fail', e.detail);  
  });  
</script> 

結(jié)語

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