微信小程式使用uni-app一鍵獲取使用者資訊

2023-01-26 18:00:27

使用者不想輸入賬號密碼，一鍵登入

<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一鍵獲取使用者資訊的文章就介紹到這了,更多相關微信小程式使用uni-app一鍵獲取使用者資訊內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！

微信小程式使用uni-app一鍵獲取使用者資訊

uni.getUserProfile(只支援微信小程式)

熱門文章