序文昨日、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モジュールのデータ保存構造の概要
質問昨日、データベースSQLを書いているときに問題が発生しました。問題の根本は、SQL ステートメン...
IPSec の概要IPSec (インターネット プロトコル セキュリティ): ネットワーク層と適用さ...
最近、Linux オペレーティング システムを使用して実行可能ファイルを実行していたところ、「そのよ...
テーブル パーティショニングは、データベース パーティショニングとは異なります。では、テーブル パー...
docker を使用すると、ファイルをマウントできない場合があります。これは、仮想マシンの共有フォル...
目次1 STMP プロトコルに基づいてメールを送信する Node.js メソッド2 MS Excha...
目次序文&& 演算子|| 演算子|| 演算子の簡単なデモ章の目的ケース演習(json...
まず、MySQL とは何かを理解しましょう。 MySQL は、スウェーデンの会社 MySQL AB ...
1つ: 1.セマンティック タグは単なる HTML であり、CSS にはセマンティクスはありません...
<br />注目を集めるウェブサイトを作成するには、どのような原則に従うべきでしょうか?...
達成される効果は、固定ズームが 2 倍になり、マウスが左側の画像領域に入るとマスク レイヤーが表示さ...
すべてのオーケストレーション ファイルと構成ファイルは、私の Github からアクセスできます。構...
この記事では、以下の環境をテストします。 CentOS 7 64 ビット 最小 MySQL 5.7 ...
目次序文:結果: 1.重合効果: 2. 散布効果:具体的な実装手順: 1. プロジェクトにOpenL...
CocosCreator バージョン: 2.3.4ほとんどのゲームにはレイヤー管理機能があり、例えば...