序文昨日、h5 WeChat認証の実装が必要なプロジェクトがありました。したがって、この機能を完了するには 2 時間かかりました。 作業開始前の準備プロセスの説明 [事前に伝えられたプロセス]
ドメイン名、ポート
ドメイン名とポート番号は、WeChat パブリック アカウントの構成と WeChat サーバー コールバックにドメイン名とポート 80 が必要であるため、必須です。 ここでは、同じドメイン名とポートがフロントエンドとバックエンドの IP アドレスに適合され、nginx 統合プロキシを介して処理されます。 仕事の準備
WeChatパブリックアカウントを設定する ドメイン名の設定 検証ファイルをサーバーのルート パスにアップロードします。そうしないと、ドメイン名の構成を保存できません。 ホワイトリストの設定 コードを書く React をインポートし、{useEffect} を "react" から取得します。 "@tarojs/components" から View をインポートします。 エクスポートデフォルト()=> { 使用効果(() => { // バックエンド コールバックのパスの形式: http://xxx.cn/#/pages/webAuthorization?bindFlag=0&openid=xxxxxxxxxxx&unionid=null&isAuth=true var isBindFlag = false、isAuth = false、opendId = '', paramsArray = []; /* * 省略されたコード: アドレスの決定、パラメータの処理、isAuth、isBindFlag、openIdへの割り当て */ if (!isAuth) { // 権限がありません window.location.href=`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${'xxxxxxx'}&redirect_uri=http://xxxxx/api/auth?response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect`; } else if (!isBindFlag) { // 登録されていません window.location.href = '#/pages/login' } else { // ログイン window.location.href = '#/pages/index' } }, []); 戻る ( <表示> </表示> ); }; 要約するH5 WeChatパブリックアカウント認証に関するこの記事はこれで終わりです。WeChatパブリックアカウント認証に関するより関連性の高いコンテンツについては、123WORDPRESS.COMの過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも123WORDPRESS.COMを応援していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: nginx httpモジュールのデータ保存構造の概要
目次クエリキャッシュの最適化概要クエリプロセスクエリキャッシュ構成クエリキャッシュの無効化メモリ管理...
最近、次のような効果を達成する必要がある最初は、CSS3D回転を使用して記述すると、次の効果しか得ら...
Docker プライベートイメージライブラリDockerプライベートイメージライブラリとAlibab...
01. コマンドの概要seq コマンドは整数のシーケンスを生成するために使用されます。 02. コマ...
Web ページ制作では、input と img が同じ行に配置されることが多く、img タグが常に ...
この記事では、ツリーテーブルを実装するためのVueの具体的なコードを例として紹介します。具体的な内容...
結果: html <canvas id="スターフィールド"><...
序文Vue Router は、Vue.js の公式ルーティング マネージャーです。 Vue.js の...
最近、Yahoo の 34 の黄金律を読み、ウェブサイトのパフォーマンスを最適化する方法を学びました...
序文開発プロセスでは、すべてのデータではなく特定の期間内のデータをクエリするなど、クエリのフィルタリ...
この記事では、例を使用して、MySQL マスター/スレーブ レプリケーションと読み取り/書き込み分離...
今日も Watch アプリのデザインに関する話です。私はケーススタディが大好きなので、同じトピックを...
トランザクション分離レベルの設定 グローバルトランザクション分離レベルを読み取りコミット済みに設定;...
MySQL のデフォルトの動作モードは自動コミット モードです。つまり、明示的にトランザクションを開...
序文Linux のファイルまたはディレクトリの権限については、通常の rwx 権限についてすべて知っ...