uni-app APP端-微信登录流程

uni-app APP端-微信登录流程

手把手教学

1.前期准备

• 在微信开放平台注册账户 微信开放平台 (qq.com)
• 在管理中心中创建移动应用项目，按要求填写相关信息
• 审核通过后即可获得我们所需的 AppID和AppSecret
• 然后才uniapp项目中填写，在manifest.json中的App模块配置内。

2.获取微信信息

			uni.getProvider({
					service: 'oauth',
					success: function(res) {
						console.log(res.provider);
						//支持微信、qq和微博等
						if (~res.provider.indexOf('weixin')) {//用户拥有微信是才回进行一下操作
							uni.login({
								provider: 'weixin',
								success: function(loginRes) {
									console.log('-------获取openid(unionid)-----');
									console.log(JSON.stringify(loginRes));
									// 获取用户信息
									uni.getUserInfo({//进行登录吗，拉起微信弹窗
										provider: 'weixin',
										success: function(infoRes) {
											console.log('-------获取微信用户所有-----');
											console.log(JSON.stringify(infoRes
												.userInfo));
                                            //在此处向服务器后端发送请求，可以将unionid发送至后端
                                            
                                            
										}
									});
									//没有绑定过才跳转到绑定页面
									if ('已绑定') {//一定绑定账户的微信用户进入主页面
										uni.switchTab({
											url: '../index/index'
										})
									} else {//未绑定账户的微信用户进入绑定页面，进行绑定
										uni.navigateTo({
											url: 'binding/binding'
										})
									}


								},
								fail() {
									uni.showToast({
										title: "微信登录失败，请重新登录",
										duration: 1000,
										icon: "none"
									})
								}
							});
						} else {
							uni.showToast({
								title: "请先安装微信",
								duration: 1000,
								icon: "none"
							})
						}
					},
				});

3.附赠一张官方流程图