[wechat authorized login] the small program developed by uniapp realizes the function of obtaining wechat authorized login

One 、 Their thinking ：

Wechat authorized login （ Get user information ）
1. Get user information first —— After user authorization is allowed , By calling uni.login Can be obtained code.
2. Take what you got code To call —— Login interface , Can be obtained token.
3. hold token Deposited in the cache . You can judge whether you are logged in on the page .

Two 、 Code

<view @click="getUserInfo()"> Click login </view>

<script>
	export default {
    
		data() {
    
			return {
    
				localtoken: ''
			}
		},
		
		onLoad() {
    },
		onHide() {
    },
		onShow() {
    
			this.localtoken = uni.getStorageSync('localtoken');
		},

		methods: {
    
			getUserInfo() {
    
				var that = this;
				uni.showLoading({
     //  Display load box 
					title: ' Loading ',
				});
				uni.getUserProfile({
     // Get user information 
					desc: ' Data can be synchronized after login ',
					success: async (obj) => {
    
						console.log('obj', obj);
						that.nickName = obj.userInfo.nickName // user name 
						that.avatarUrl = obj.userInfo.avatarUrl // The avatars 

						//  call  action , Request login interface 
						uni.login({
    
							provider: 'weixin',
							success: (res) => {
    
								console.log('res-login', res);
								// Get code
								that.code = res.code;
								// console.log('code', res.code);

								// Request login interface 
								if (res.errMsg == 'login:ok') {
    
									var params = {
    
										code: that.code,
										nickname: that.nickName,
										avatar: that.avatarUrl
									}
									that.$api.appPlateForm('POST', 'auth/login', params, function(
										res) {
    

										if (res.code == 200) {
    
											uni.showToast({
    
												title: ' Login successful ',
												icon: 'success',
												mask: true,
											});
											// Get token  Deposited in the cache . Pass Yes No token To determine whether to log in 

											// console.log(' Login interface ',res)
											uni.setStorageSync('localtoken', res.data.data.access_token)
											that.myProfile()  // User information interface 
											that.getHistoryList()   // Footprint interface 

										}
									}, function(err) {
    
										uni.showToast({
    
											icon: 'none',
											title: err.msg
										})
									});

								}
							},
						});
					},
					fail: () => {
    
						uni.showToast({
    
							title: ' Authorization cancelled ',
							icon: 'error',
							mask: true,
						});
					},
					complete: () => {
    
						//  hide loading
						uni.hideLoading();
					},
				});
			},


		}
	}
</script>

3、 ... and 、 Effect display

ending~