ホームページ > ウェブフロントエンド > uni-app > uniappでWeChatログインを申請する方法

uniappでWeChatログインを申請する方法

藏色散人
リリース: 2023-01-13 00:44:30
オリジナル
5433 人が閲覧しました

uniapp が WeChat ログインを申請する方法: まず WeChat オープン プラットフォームに登録し、エンタープライズ認証を実施し、次に appid と秘密キーを取得し、次にクライアント コードに「manifest.json」設定を入力します。最後にクリックログインメソッドのコードを実装するだけです。

uniappでWeChatログインを申請する方法

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、Dell G3 コンピューター。

推奨 (無料): uni-app チュートリアル

uniapp は APP WeChat ログイン プロセスを実装します

1。 WeChat オープン プラットフォームに登録します

1、アカウントを登録します

https://open.weixin.qq.com

2、エンタープライズ認証 (WeChat ログインは

3. アプリケーションを作成し、情報を入力します

4. レビュー待ち

5. appid と秘密キーを取得します (APP 支払いを開くだけです)

2. クライアント コードに managemanifest.json 設定を入力します

##3. ログイン インターフェイス コードの実装

ログイン ボタンを作成する

<button  class="confirm-btn" @click="weixinLo">微信登录</button>
ログイン後にコピー
クリック ログイン メソッドのコードと手順を実装します


weixinLo() {
				let that = this;
				uni.login({
					provider: 'weixin',
					success: function(loginRes) {
						that.$queue.showLoading('正在登录中...');
						console.error(loginRes.authResult);
//获取登录的token
that.$queue.setData('weixinToken',loginRes.authResult.access_token);
//获取登录的unionid 这个还是在开放平台做了 公众号 小程序 微信登录app关联才会有
						that.$queue.setData('unionid', loginRes.authResult.unionid);
//获取openid
						that.$queue.setData('weixinOpenid', loginRes.authResult.openid);
//这里吧数据全部提交给后台核验,有没有注册 注册了 后台代码会请求接口String s = HttpClient.doGet("https://api.weixin.qq.com/sns/userinfo?access_token=" + loginInfo.getToken() + "&openid=" + loginInfo.getOpenid()); 获取头像和昵称
						that.$Request
							.postJson('/user/loginApp', {
								token: loginRes.authResult.access_token,
								unionid: loginRes.authResult.unionid,
								openid: loginRes.authResult.openid
							})
							.then(res => {
								if (res.status === 0) {

									//绑定手机号直接登录
									that.getUserInfo(res.data.userId, res.data.uuid);
								} else {
									//没有绑定手机号让绑定手机号
									uni.navigateTo({
										url: '/pages/public/wxmobile'
									});
								}
							});
					}
				});
			},
ログイン後にコピー

以上がuniappでWeChatログインを申請する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート