微信小程序使用uni-app一鍵獲取用戶信息
用戶不想輸入賬號(hào)密碼,一鍵登錄
<label for="" @click="LoginDL">一鍵登陸</label>
uni.getUserProfile(只支持微信小程序)
獲取用戶信息。每次請(qǐng)求都會(huì)彈出授權(quán)窗口,用戶同意后返回 userInfo。
參數(shù)說(shuō)明:
uni.getUserProfile({ //獲取微信信息 desc: '用于獲取您的個(gè)人信息', // 聲明獲取用戶個(gè)人信息后的用途,不超過(guò)30個(gè)字符 success: res1 => { //接口調(diào)用成功的回調(diào) uni.showLoading({ title: '登錄中' }) setTimeout(() => { uni.hideLoading(); //關(guān)閉登陸中狀態(tài) uni.switchTab({ url: '../myfile/myfile' }) uni.$emit('updateCart') //為了同步渲染購(gòu)物車(chē)數(shù)量 }, 1000) var wxfor = { wx: res1.userInfo } //寫(xiě)成鍵值對(duì)形勢(shì)添加到數(shù)據(jù)庫(kù)中 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: '用于獲取您的個(gè)人信息', // 聲明獲取用戶個(gè)人信息后的用途,不超過(guò)30個(gè)字符 success: res1 => { //接口調(diào)用成功的回調(diào) uni.showLoading({ title: '登錄中' }) setTimeout(() => { uni.hideLoading(); //關(guān)閉登陸中狀態(tài) uni.switchTab({ url: '../myfile/myfile' }) uni.$emit('updateCart') //為了同步渲染購(gòu)物車(chē)數(shù)量 }, 1000) var wxfor = { wx: res1.userInfo } //寫(xiě)成鍵值對(duì)形勢(shì)添加到數(shù)據(jù)庫(kù)中 res.data.data = Object.assign(res.data.data, wxfor) this.login(res.data.data) console.log(res1); } }) }) },
在要獲取頭像的頁(yè)面接收新增的wx數(shù)據(jù),渲染即可,效果如下:(點(diǎn)擊一鍵登錄 ——出現(xiàn)彈窗,點(diǎn)擊允許——獲取成功)
到此這篇關(guān)于微信小程序使用uni-app一鍵獲取用戶信息的文章就介紹到這了,更多相關(guān)微信小程序使用uni-app一鍵獲取用戶信息內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- uni-app小程序?qū)崿F(xiàn)微信在線聊天功能(私聊/群聊)
- 微信小程序使用uni-app實(shí)現(xiàn)首頁(yè)搜索框?qū)Ш綑诠δ茉斀?/a>
- uni-app微信小程序使用echarts的詳細(xì)圖文教程
- 如何基于uni-app實(shí)現(xiàn)微信小程序一鍵登錄與退出登錄功能
- 解決uni-app微信小程序input輸入框在底部時(shí),鍵盤(pán)彈起頁(yè)面整體上移問(wèn)題
- 微信小程序使用uni-app開(kāi)發(fā)小程序及部分功能實(shí)現(xiàn)詳解
- uni-app?微信小程序授權(quán)登錄的實(shí)現(xiàn)步驟
- uniapp微信小程序多環(huán)境配置以及使用教程
- Vue微信小程序和uniapp配置環(huán)境地址
相關(guān)文章
vue 導(dǎo)航菜單刷新?tīng)顟B(tài)不消失,顯示對(duì)應(yīng)的路由界面操作
這篇文章主要介紹了vue 導(dǎo)航菜單刷新?tīng)顟B(tài)不消失,顯示對(duì)應(yīng)的路由界面操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08vue實(shí)現(xiàn)公告消息橫向無(wú)縫循環(huán)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)公告消息橫向無(wú)縫循環(huán)滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04Vue.js集成Word實(shí)現(xiàn)在線編輯功能
在現(xiàn)代Web應(yīng)用中,集成文檔編輯功能變得越來(lái)越常見(jiàn),特別是在協(xié)作環(huán)境中,能夠直接在Web應(yīng)用內(nèi)編輯Word文檔可以極大地提高工作效率,本文將詳細(xì)介紹如何在Vue.js項(xiàng)目中集成Word在線編輯功能,需要的朋友可以參考下2024-08-08基于vue實(shí)現(xiàn)一個(gè)神奇的動(dòng)態(tài)按鈕效果
今天我們將利用vue的條件指令來(lái)完成一個(gè)簡(jiǎn)易的動(dòng)態(tài)變色功能按鈕,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2019-05-05解決vue-router在同一個(gè)路由下切換,取不到變化的路由參數(shù)問(wèn)題
今天小編就為大家分享一篇解決vue-router在同一個(gè)路由下切換,取不到變化的路由參數(shù)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09詳解windows下vue-cli及webpack 構(gòu)建網(wǎng)站(四) 路由vue-router的使用
本篇文章主要介紹了windows下vue-cli及webpack 構(gòu)建網(wǎng)站(四) 路由vue-router的使用,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06簡(jiǎn)單的vue-resourse獲取json并應(yīng)用到模板示例
本篇文章主要介紹了簡(jiǎn)單的vue-resourse獲取json并應(yīng)用到模板示例,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。2017-02-02