Maison  >  Article  >  interface Web  >  Comment demander la connexion WeChat dans uniapp

Comment demander la connexion WeChat dans uniapp

藏色散人
藏色散人original
2021-01-26 10:45:595391parcourir

La méthode pour qu'uniapp demande la connexion à WeChat : inscrivez-vous d'abord sur la plateforme ouverte WeChat et effectuez la certification d'entreprise ; puis obtenez l'appid et la clé secrète, puis entrez le paramètre « manifest.json » dans le code client ; enfin implémenter le code de la méthode de connexion par clic.

Comment demander la connexion WeChat dans uniapp

L'environnement d'exploitation de ce tutoriel : système Windows7, version uni-app2.5.1, ordinateur Dell G3.

Recommandé (gratuit) : Tutoriel uni-app

uniapp implémente le processus de connexion APP WeChat

1. Inscrivez-vous à la plateforme ouverte WeChat

1. Enregistrez un compte

https://open.weixin.qq.com

2. requis pour la connexion à WeChat)

3. Créez une application et remplissez les informations

4. En attente de révision

5. Obtenez l'appid et la clé secrète (il suffit d'ouvrir le paiement APP et lier le commerçant)

2. Entrez les paramètres manifest.json dans le code client

3. Implémentation du code de l'interface de connexion

Écrivez un bouton de connexion

<button  class="confirm-btn" @click="weixinLo">微信登录</button>
Implémentez le code et les instructions de la méthode de connexion par clic


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'
									});
								}
							});
					}
				});
			},

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn