WeChat公衆番号H 5のWeChatは共通のエラーと問題を共有する(まとめ)


urlトランスコード
公式文書の説明:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.〹62
urlがページ全体のurlであることを確認します。http(s)を含みます。😕/'セクション後ろのGETパラメータの部分には、'奄'hashの後ろの部分は含まれていません。
url完了アドレスを取得する方法は

let url = window.location.href.split('#')[0];
リンクに中国語の文字や特殊な記号がある場合、フロントエンドはencodeURIComponentコードを使用する必要があります。バックエンドは復号に協力する必要があります。

let url = encodeURIComponent(window.location.href.split('#')[0]);
config注入
公式文書の説明:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_apps/JS-SDK.〹4
同一のurlは一回だけ呼び出して、urlを変化させるSPAのウェブアプリはurlが変化するたびに呼び出すことができます。
なお、jssdkメソッドを使う前には、まず設定情報を注入し、使用するたびに、configに注入します。
vueには、ルーティングのたびに変化するときに書くことができます。

router.beforeEach((to, from, next) => {
  //         (  )      getConfig,           !
  let res
  //       
  wx.config({
   debug: false, //     
   appId: res.appId, //   ,        
   timestamp:res.timestamp , //   ,        
   nonceStr: res.nonceStr, //   ,        
   signature: res.signature,//   ,  
   jsApiList: ["updateAppMessageShareData","updateTimelineShareData"] //   ,     JS    
  });
  wx.ready(() => {
   // doSoming
  });
})
セキュリティドメイン名
リンクリンクリンクリンクリンクリンクリンクリンクリンクなどのWeChat公衆番号の設定情報を必ず再三確認します。
多くの場合のエラーはフロントエンド方法やsdkなどの問題ではなく、バックグラウンドに正しいセキュリティドメインやホワイトリストが設定されていますか?

 wx.updateAppMessageShareData({ 
  title: '', //     
  desc: '', //     
  link: '', //     ,                     JS      
  imgUrl: '', //     
  success: function () {
   //     
  }
 })
よくあるエラー
ウィーチャット公式文書-付録5
住所:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.〹62
開発過程で出会う
  • invalid signature
  • the permission value is ofline veriflying
  • permission denied
  • まずドキュメントを参考にして、基本的な要素を排除します。それともだめですか?検索エンジンの答えを探します。
    以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。