欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue3 uniapp微信登錄功能實現(xiàn)

 更新時間：2024年04月23日 12:04:14   作者：irisMoon06  
根據(jù)最新的微信小程序官方的規(guī)定,uniapp中的uni.getUserInfo方法不再返回用戶頭像和昵稱、以及手機號,這篇文章主要介紹了vue3 uniapp微信登錄功能實現(xiàn),需要的朋友可以參考下

根據(jù)最新的微信小程序官方的規(guī)定，uniapp中的uni.getUserInfo方法不再返回用戶頭像和昵稱、以及手機號

首先，需獲取appID，appSecret，如下圖

先調(diào)用uni.getUserInfo方法獲取code，然后調(diào)用后臺的api，傳入code，換取登錄信息比如openid什么的，然后調(diào)用后臺的例如賬號密碼或者手機驗證碼等相關登錄的接口，換取token存入本地，即可。

uni.getUserInfo({
			provider: 'weixin',
			success: function(info) {
				// 獲取用戶信息成功, info.authResult保存用戶信息
				uni.login({
					provider: 'weixin',
					success: function(loginRes) {
						console.log(loginRes, '---loginRes')
						wxLoginApi({
							code: loginRes.code
						}).then(res => {
							if (res.code === '200') {
								loginParamObj.value = res.data;
								if (loginParamObj.value.bindStatus === '1') {
											//已綁定，直接登錄
									// userStore.SET_FRESH_TOKEN(res.data.refresh_token)
								} else {
									// 留在登錄頁
									initLoginStatus.value = true
								}
							}
						})
					},
					fail: function(err) {
						// 登錄授權失敗
						// err.code是錯誤碼
					}
				});
			}
		})

登錄后要配合pinia，將token存入本地即可

import {
	defineStore
} from 'pinia'
const user = defineStore(
	'user', () => {
		const token = ref(''); // 登錄token
		const fresh_token = ref('');
		const SET_TOKEN = (value : string) => {
			token.value = value
		};
		const SET_FRESH_TOKEN = (value : string) => {
			fresh_token.value = value
		};
		return {
			token,
			fresh_token,
		}
	}, {
	unistorage: true // 開啟后對 state 的數(shù)據(jù)讀寫都將持久化
})
// const user = ()=>{
// }
export default user

到此這篇關于vue3 uniapp微信登錄的文章就介紹到這了,更多相關vue3 uniapp微信登錄內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

最新評論