? ??? ?? ???? ??? ?? ???? ??? ???? ?????. ?? ???? ??? ??? ????.

?? ????? ??? ??? ?????

Background

? ???? js? ?? ????? ??? ??? ??? ???? ????? ???? ???? ??? ?? ???. ?? ???? ????? ???? ? ??? ????.

• ??? ????? ? ???? ?? ???
• ??? ? ?? ???
• ????? ???, ? ?? ???? ???? ??

?? ?????? ?????? selected ??? ??? ?? ???? ? ???? ????, ?? ???? ??? ????, webView? ??? ? ???? ?????? ?????, ?? ???? JSCore?? ????.

?? ????? ?? ??? ??:

• ?? ???: ??????? ???? ?? ??? ???? ?????. ??? ???? ?? ?? ????? ???? ??? ??? ??? ?? ??, ??? ?? ? ?????? ?????. ??.
• View ???: ????? ???? webView ????? ???? ?? ??? ??? ????? ?????? ?????.
• jsBridge: ?? ????? API? ?? ?? ??? ??? ? ??? ???. appId? ?????. uniId? openId ??? ??? ????

openID

openID? WeChat ?? ???? ?? ????? ?????. ?? ?? ?? ??? WeChat ?? ????? WeChat ?? ??? WeChat ???? ?????. ??? ?? ?? ???? ???? ?? ??? ?? ????? ? ????? ??? ??ID? ?????. ??? ??? ???? ?? ??????? ?? WeChat ???? ??? UnionID

? ?? ???. ?: ??? ?? ???? A? WeChat ?? ?? B?? ? ?? ??????? ????. A? B? ??? ??? ???? ???. A ? B. ? ?? ??????? ??? ??? ???? ??????. WeChat ??? ???? ??? ??? ? ?? ? UnionID? ??? ???? ???? ??? ?? ???????? ?????. ????? UnionID? ?? ? ??? ??? ?? ??? ? ????.

AppID

AppID? ??? ??????? ?? ??????

???? ??? ?? ????, ??? ?? ?? ? ? ?? ??????? ????. AppId? ? ? ??????? ?? ??????

???? ???? ???? ? ??? ?? ????? ?? ??? ???????. ???? ??

?? ??? ?? ?????? ????? ????? ??? ?? ??? ??? ????. ? ??? ?? ???? ??? ?? ??? ???. . ?? ??? ????? ??? ?? A?? ??? ?? ??? ????? ?? ??? ? ??? ??? ?? ???. ?? ??? ?? ?????? ???? ????. ? ?? ?? ?? A? ?????? ??? ?? ???? ?? ?????. ??? ???? ??? ? ???? ???? ?????. ??? ?????. ?? ??? ??? ????? ??? ?? ??? ?????. ? ??? ???? ???

?? ??? ??? ??? ??? ?????

?? 1: ??? ???? ?? ??? ???? ?? ??? QR ??? ?????. ????? ?? ??? ?? ??

?? ???? ???? ??? ???? ?? ???? ???? ????? ?????? ?? ?????

?? 2: WeChat? ?? ?? wx-open-launch-weapp ??

????? ??? ???? ?? A ?? ?????? ?????(??? ? ??? ? ?? ??? ?? ???? ?????)

??? ??? ? ? ?? ??? ? ???? ????? ?????.

??:

??? ??? ??, ??? ??? ???? "js ????? ?? ??? ??" ??? ? ???? ? ??? ???? ????? ??? ???? ?? ????? ??? ? ????.

js ?? ?? https://res.wx .qq.com/open/js/jweixin -1.6.0.js

?? ?????? ?? ?? ??? ???? openTagList ??? ?? ??? ?? ??? ?????

• wx.config({
    debug: false,
    appId: '',   // 公眾號唯一標(biāo)識
    timestamp: '',  // 生成簽名的時(shí)間戳
    nonceStr: '',   // 生成簽名的隨機(jī)串
    signature: '',  // 簽名
    jsApiList: ["wx-open-launch-weapp"],
    openTagList: ["wx-open-launch-weapp"] // 微信開放標(biāo)簽 小程序跳轉(zhuǎn)按鈕：<wx-open-launch-weapp>
  });
  // 通過ready處理成功驗(yàn)證
  wx.ready(function () {
    console.log(&#39;ready&#39;)
  
  })
  // 處理失敗驗(yàn)證
  wx.error(function(error) {
    console.error("err", error);
  });
  
  <wx-open-launch-weapp
    id="launch-btn"
    username="gh_xxxxxxxx"
    path="pages/home/index?user=123&action=abc"
  >
    <script type="text/wxtag-template">
      <style>.btn { padding: 12px }</style>
      <button class="btn">打開小程序</button>
    </script>
  </wx-open-launch-weapp>

  • WeChat ?? ??? ???? ?????? ??? ??

  文本內(nèi)容....<a href=&#39;&#39; data-miniprogram-appid=&#39;{{appid}}&#39; data-miniprogram-path=&#39;pages/index/index&#39;>點(diǎn)擊跳小程序</a>

  • data-miniprogram-appid填寫小程序鏈接，表示跳轉(zhuǎn)小程序
  • data-miniprogram-path 小程序路徑，可帶參數(shù)
  • 公眾號必須和小程序相關(guān)聯(lián)
  • 鏈接中的各個(gè)屬性值必須使用單引號

  小程序跳轉(zhuǎn)小程序

  wx.navigateToMiniProgram({
      envVersion: 'release', // 要打開的小程序版本，develop: 開發(fā)版，trial：體驗(yàn)版，release：正式版。僅在當(dāng)前小程序?yàn)殚_發(fā)版或體驗(yàn)版時(shí)此參數(shù)有效。
      appId: ’‘, // 跳轉(zhuǎn)appid
      path: ’‘  //  跳轉(zhuǎn)路徑
  })

  • 需要用戶手動觸發(fā)
  • 需要用戶確認(rèn)跳轉(zhuǎn)

  【相關(guān)學(xué)習(xí)推薦：小程序開發(fā)教程】

? ??? ??? ???? ??? ?? ?? ??? ???? ?????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!