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，如下圖
先調用uni.getUserInfo方法獲取code，然后調用后臺的api，傳入code，換取登錄信息比如openid什么的，然后調用后臺的例如賬號密碼或者手機驗證碼等相關登錄的接口，換取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微信登錄內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
控件cloneNode（）方法的使用 實例代碼。2009-07-07
這篇文章主要給大家介紹了關于JavaScript深拷貝的一些踩坑記錄，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
一文熟練掌握JavaScript中Object.keys()與Object.values()的實用技巧
本文詳細介紹了JavaScript中Object.keys()和Object.values()方法的使用方法、功能及應用場景,通過實例展示了如何使用這些方法進行對象的遍歷、復制、比較和屬性計算等操作,需要的朋友可以參考下2025-01-01
javascript實現(xiàn)的textarea運行框效果代碼 不用指定id批量指定
今天在寫一個網頁的時候用到了N多嵌套在textarea標簽里的代碼，定義雙擊運行其內的代碼段。但是每次創(chuàng)建一個這樣的可運行的實例都要給textarea元素自定義一個id值和寫入雙擊事件，好不麻煩。2009-12-12
本文給大家分享的是純js實現(xiàn)的類似flash里的圖片環(huán)繞旋轉效果，非常炫酷，有需要的小伙伴可以參考下。2015-04-04
在現(xiàn)代 Web 前端開發(fā)中,動態(tài)獲取和解析當前頁面的 URL 是一項基礎但至關重要的技能,無論是實現(xiàn)路由跳轉、權限校驗、埋點上報、第三方登錄回調處理,還是進行 SEO 優(yōu)化,本文將深入探討 JavaScript 獲取當前 URL 的多種方式,需要的朋友可以參考下2025-08-08
這篇文章主要介紹了JS對象深度克隆,結合實例形式分析了JavaScript對象深度克隆的實現(xiàn)方法與相關注意事項,需要的朋友可以參考下2017-03-03
JavaScript是解釋型語言是毋庸置疑的，但它是不是僅在運行時自上往下一句一句地解析的呢？2009-10-10
我寫JavaScript代碼已經很久了，都記不起是什么年代開始的了。本文給大家分享javascript七大技巧(二)，對javascript技巧相關知識感興趣的朋友一起學習吧2015-12-12
這篇文章主要介紹了uniapp,微信小程序中使用 MQTT的問題，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07