WeChat html5 ページで共有インターフェイスを呼び出す方法

この記事では主に WeChat HTML5 ページ通話共有インターフェイスの例に関する関連情報を紹介します。内容は非常に優れているので、参考として共有します。

最近、会社は学生が投票するためのH5ページを作成しました。これは主にWeChatで使用され、WeChat共有機能を追加する必要があります。

この記事は主にWeChatに電話するときに注意する必要がある事項を記録しています。共有インターフェース;

1. angular1 フレームワークの場合、最初に WeChat インターフェース ファイルを myApp.run に記述します。この関数は、現在のページの URL を取得して解析し、最後に対応する署名を生成してコードを直接アップロードする必要があることに注意してください。バックエンドは、appId、タイムスタンプ、ランダムな文字列、署名を返し、必要に応じて手動で追加する必要があります。これは配列の形式であることに注意してください。ここで共有インターフェイスを呼び出す必要があります。

デバッグ時に、WeChat インターフェイスが呼び出されるたびにインターフェイス情報のアラートが表示され、インターフェイスの呼び出しが正常であるかどうかを確認できます。この関数の後、共有コンテンツをカスタマイズします。コードは次のとおりです。wx.config の後に wx.ready が自動的に実行され、コンテンツを共有するための一般的なオブジェクトを作成し、それを直接呼び出します。必要に応じて、友人、友人サークル、Weibo などを共有するためのさまざまなコンテンツを定義することもできます。詳細については、WeChat インターフェイスのドキュメントを確認してください。主に共有リンクは JS セキュア ドメイン名セットの下にある必要があります。あなたの公式アカウントで共有しないと、共有が成功しません。

共有リンク画像がカスタマイズされた画像を読み込めないことと、共有タイトルが間違っていることが原因です。このプロジェクトは投票用です。そのため、クリックするたびにユーザー コードを取得する必要があります。記事を共有するだけでユーザー情報が必要ない場合は、リンクを記事のリンクに変更してください

6. 投票カテゴリについては、こちらをご覧ください。ご存知のとおり、H5 が WeChat ユーザー情報を取得するには 2 つの方法があり、もう 1 つはユーザーにユーザーの公開情報を取得するよう求め、ユーザーは [OK] をクリックします。 。ただし、これらは両方とも WeChat の要件に従って特別な WeChat リンクに接続する必要があります。したがって、ドメイン名は WeChat に付属しており、弊社独自の公式アカウントの JS 安全なドメイン名ではありません。共有リンクの場合、ユーザー コードを取得する必要がある場合は、他の方法を使用してそれを実現する必要があります。私が使用したのは、空白のページを追加し、ページが読み込まれた後に WeChat にジャンプしてコード リンクを取得することです。 , http://dev.spbcn.org/wechat -vote-phone/redirect.html このリンクは空白のページです。

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

8.つまり、追加の空白ページが追加されます。まだ良い方法が思いつきません。どなたでもメッセージを残していただけます。9. この手順を追加しない場合、共有リンクは正常に表示されます。を取得できず、バックエンドがユーザーを判断できないため、ユーザーの投票を制限できません。

以上がこの記事の全内容です。その他の関連事項については、学習が役立つことを願っています。内容については、PHP 中国語 Web サイトにご注意ください。

関連する推奨事項:

WeChat友達サークル、QQ友達、QQスペースへの共有機能を実現するためのHTML5の使い方Weibo QRコード

HTML5、選択の右側にアイコンを追加するための実装コードドロップダウン ボックス (ユーザー エクスペリエンスを向上させるため)

以上がWeChat html5 ページで共有インターフェイスを呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。