微信小程序如何使用uni-app一鍵獲取用戶信息

本篇內容介紹了“微信小程序如何使用uni-app一鍵獲取用戶信息”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

用戶不想輸入賬號密碼，一鍵登錄 

<label for="" @click="LoginDL">一鍵登陸</label>

uni.getUserProfile(只支持微信小程序)

獲取用戶信息。每次請求都會彈出授權窗口，用戶同意后返回 userInfo。 

參數說明：

uni.getUserProfile({ //獲取微信信息
	desc: '用于獲取您的個人信息', // 聲明獲取用戶個人信息后的用途，不超過30個字符
	success: res1 => { //接口調用成功的回調
		uni.showLoading({
			title: '登錄中'
		})
		setTimeout(() => {
			uni.hideLoading(); //關閉登陸中狀態
			uni.switchTab({
				url: '../myfile/myfile'
			})
			uni.$emit('updateCart') //為了同步渲染購物車數量
		}, 1000)
		var wxfor = {
			wx: res1.userInfo
		}
		//寫成鍵值對形勢添加到數據庫中
		res.data.data = Object.assign(res.data.data, wxfor)
		this.login(res.data.data)
		console.log(res1);
	}

})

LoginDL() {
    // 傳用戶名和信息的接口
	getLogin(this.username, this.password).then(res => {
		console.log(11111111111);
		console.log(res);
		uni.getUserProfile({ //獲取微信信息
			desc: '用于獲取您的個人信息', // 聲明獲取用戶個人信息后的用途，不超過30個字符
			success: res1 => {  //接口調用成功的回調
				uni.showLoading({
					title: '登錄中'
				})
				setTimeout(() => {
					uni.hideLoading(); //關閉登陸中狀態
					uni.switchTab({
						url: '../myfile/myfile'
					})
					uni.$emit('updateCart') //為了同步渲染購物車數量
				}, 1000)
				var wxfor = {
					wx: res1.userInfo
				}
				//寫成鍵值對形勢添加到數據庫中
				res.data.data = Object.assign(res.data.data, wxfor)
				this.login(res.data.data)
				console.log(res1);
			}
		})
	})
},

在要獲取頭像的頁面接收新增的wx數據，渲染即可。

“微信小程序如何使用uni-app一鍵獲取用戶信息”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！