uniapp如何写出一个登录

这篇文章主要写了uniapp如何写出登录

---

前言

这篇文章主要写了uniapp如何写出登录，获取用户信息用户头像。

---

一、获取Code

 这里需要复制一下官网的代码

getCode() {
	uni.login({
		provider: 'weixin',
			success: function(loginRes) {
				that.code = loginRes.code //获取code
				}
			});
		},

二、获取用户信息用户头像

login() {
				// 获取用户信息
				uni.getUserProfile({
					desc: '获取您的用户信息',
					success: function(res) {
						that.avatarUrl = res.userInfo.avatarUrl  //获取头像
						that.nickName = res.userInfo.nickName    //获取昵称
						console.log(res,'res的值');
						that.getLogin()                          //调用接口
					},
					fail: function(err) {
						if (err.errMsg == 'getUserProfile:fail auth deny') return uni.showToast({
					title: '您已取消授权',
					icon: 'none'
					})
				}
			});
		},

三、调接口

这里需要调接口来的，具体方法看👉👉👉uniapp的封装

			async getLogin() {
				try {
					const res = await getLogin(this.code,this.avatarUrl,this.nickName)
					console.log('getLogin111', res)
					that.avatarUrl = res.userInfo.avatar
					that.nickName = res.userInfo.nickName
					that.token  = res.userInfo.token //获取token
					uni.setStorageSync('token',res.userInfo.token)
					uni.setStorageSync('userInfo',res.userInfo)
					uni.showToast({
						title:'登录成功'
					})
					// 保存数据
				} catch (err) {
					uni.showToast({
						title: err,
						icon: 'none'
					})
					console.log('getLogin', err)
				}
			},

---

总结

这样就写出一个uniapp登录了，谢谢大家的观看。