HTML5ページの二次共有の実装

結局のところ、H5 ページにとって二次共有は非常に重要であり、QQ は WeChat で送信された後も組み込みの共有機能を使用します。 PC側とは異なり、PCはアドレスを直接コピーします。 2 日前に招待状を作成していましたが、多くの間違いに遭遇しました。個人の開発と会社の開発は依然として異なります。招待状の追記にはさまざまな問題やその他の問題が記載されています。本題に入りましょう。

WeChat のドキュメントは非常に充実しています。記事全体を読めば、基本的に多くの落とし穴を回避できます (WeChat ドキュメントでは、いくつかの落とし穴をまとめるのではなく最後に書くことに慣れていることに注意してください)。

公式APIの導入によるドキュメントアドレス。このドキュメントはよく書かれているので、 shareInfoに直接渡すだけです。

 <script src=//res.wx.qq.com/open/js/jweixin-1.2.0.js></script>wx.config({ debug: false, // デバッグ モードをオンにし、すべての API が戻り値はクライアント側で通知されます。受信したパラメータを表示するには、PC 側でパラメータ情報を表示します。appId のみが表示されます。サイン.appid, //必須、公式アカウントの一意の識別子タイムスタンプ:sign.timestamp, //必須、署名を生成するためのタイムスタンプ nonceStr:sign.nonceStr, //必須、署名署名を生成するためのランダム文字列:sign.signature, //必須、署名、付録 1 を参照 jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // 必須、使用する必要がある JS インターフェイスのリスト、すべての JS インターフェイスのリストについては付録 2 を参照}); wx.ready(function() { wx.showOptionMenu(); wx.onMenuShareAppMessage(shareInfo) ); //「友達に共有」ボタンのクリック ステータスとカスタム共有コンテンツ インターフェイスを取得します (まもなく廃止されます) wx.onMenuShareTimeline(shareInfo); //Share to Moments ボタンとカスタム共有コンテンツ インターフェイスのクリック ステータスを取得します (まもなく廃止されます) wx.onMenuShareQQ(shareInfo) //Share to QQ ボタンとカスタム共有コンテンツ インターフェイスのクリック ステータスを取得します wx .onMenuShareWeibo(shareInfo); / /Tencent Weibo への共有ボタンのクリック ステータスとカスタム共有コンテンツ インターフェイスを取得します wx.onMenuShareQZone(shareInfo); //QQ スペースへの共有ボタンのクリック ステータスとカスタム共有コンテンツ インターフェイスを取得します});

良い？正しく書いたのに、なぜうまくいかないのですか？文書に要件が記載されていませんか？

まず、WeChat パブリック プラットフォーム - 開発 - インターフェイスの権限を確認し、権限を持っていない人には、権限を取得していないことを示すメッセージが表示されることを確認してから、WeChat の共​​有インターフェイスにアクセス権を取得したことを示すメッセージが表示されます。上では何と言われましたか？ WeChat のドキュメントは後で見ることができ、一般的な手順が記載されています。これは以下の文ですが、問題は個人アカウントが認証できないということです。

iOS および Android では共有できません (公式アカウントが認証されていることを確認してください。認証された公式アカウントのみが関連インターフェイスを共有する権限を持ちます。実際に認証されている場合は、wx.ready コールバックでリスニング インターフェイスがトリガーされるかどうかを確認してください)関数）

API が調整できないというエラーを整理する

• invalid url domain 、私の問題は、JS セキュア ドメイン名が修正されていないことです
• invalid url signature 、私の問題はjsapi_ticketが更新されていないことです
• WeChat JSインターフェース署名検証ツール

インターネット上で出回っているドキュメントや API があり、試してみましたが、うまくいきません。住所から入って最終保守は15年とかです。

メタタグは最も科学的です。

 <meta itemprop=name content=title/><meta itemprop=image content=subtitle/><meta name=description itemprop=description content=share image/>

注意すべき点はありますか？

このメタ タグは後から追加することはできません。ページに入るときに存在する必要があります。つまり、背景テンプレートのみを使用できます。そうしないと、 Android一部の下位バージョンでは概要を取得できず (はい、一部の携帯電話では動的に取得できます)、 iOS概要がサポートされません。

実際、技術記事は時間に左右されます。

この記事は2018年7月30日に書かれました

試験時間 2018年7月30日

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。