微信小程式使用者手機號登入
關於微信小程式獲取手機號並使用雲函式解密、存入資料庫,請見我的這篇博文:
https://blog.csdn.net/weixin_43900888/article/details/110120330
本文將省略上述操作。
思路:拿到使用者手機號後,將判斷此使用者的手機號是否已在雲資料庫中,若存在,則直接跳轉到主頁,若不存在,則在資料庫中新增這個手機號,再跳轉到主頁。
const app = getApp()
const db = wx.cloud.database()
const admin = db.collection('user')
......
data:{
isLogin:false,
tlp:''
},
......
getPhoneNumber(e)
{
const that=this
wx.cloud.callFunction({
name:'getPhone', //獲取手機號操作的雲函式名
data:{
cloudID:e.detail.cloudID
}
}).then(res=>{
console.log("獲取成功",res)
this.setData({
tlp:res.result.list[0].data.phoneNumber//將獲取的手機號賦值給data中的變數tlp
})
admin.get().then(re => {
let users = re.data;//將資料庫的user表存在users中
for(let i=0;i<users.length;i++)//遍歷user表,判斷該手機號是否存在
{
if(users[i].telephone===that.data.tlp)
{
that.setData({
isLogin:true//如果存在,將布林值設為true
})
break;
}
}
if(that.data.isLogin===true)
{
wx.redirectTo({
url: '../homepage/homepage'//跳轉到首頁
})
}
else
{
admin.add({
data:{
telephone:res.result.list[0].data.phoneNumber
},
success: r => {
console.log('[資料庫] [新增記錄] 成功,記錄 _id: ', r._id)
wx.redirectTo({
url: '../homepage/homepage'//寫入資料庫後跳轉到首頁
})
},
fail: err => {
console.error('[資料庫] [新增記錄] 失敗:', err)
}
})
}
})
})
}
注:
telephone:res.result.list[0].data.phoneNumber 處,要注意這裡的res和wx.cloud.callFunction的res寫法一致,不要和admin.get()的re一致,也不要和admin.add的r一致,否則將報錯:找不到list。這是因為,res.result.list[0].data.phoneNumber是雲函式獲取的資料,應為雲函式wx.cloud.callFunction的返回值res。
相關文章
- 微信小程式手機號登入微信小程式
- 微信開發之小程式獲取手機號授權登入
- 微信小程式如何獲取使用者手機號微信小程式
- 微信小程式登入微信小程式
- 微信小程式登入那些事微信小程式
- 微信小程式踩坑之獲取手機號微信小程式
- 微信小程式的登入體系微信小程式
- 微信小程式的授權登入微信小程式
- uniapp微信小程式獲取手機號 位置資訊APP微信小程式
- 微信小程式授權登入獲取使用者資訊微信小程式
- 微信小程式之登入態的探索微信小程式
- 微信小程式 unionid 登入解決方案微信小程式
- Java微信授權登入小程式介面Java
- SpringBoot微信掃碼登入(小程式版)Spring Boot
- 微信小程式 2019 入坑手冊微信小程式
- 微信小程式獲取微信繫結授權手機號getPhoneNumber 全流程及出現手機號帶*號問題詳解微信小程式
- 微信小程式授權登入最佳實踐微信小程式
- uni-app 微信小程式授權登入APP微信小程式
- ThinkPHP5-微信小程式獲取使用者授權登入資訊PHP微信小程式
- 微信小程式登入頁動畫-雲層漂浮微信小程式動畫
- 微信小程式登入方式的修改解決方案微信小程式
- 小程式登入、微信網頁授權(Java版)網頁Java
- 微信小程式的登入流程微信小程式
- 微信小程式開發系列五:微信小程式中如何響應使用者輸入事件微信小程式事件
- 微信掃小程式碼實現網頁端登入網頁
- Spring Security 整合 微信小程式登入的思路探討Spring微信小程式
- 【微信小程式】為什麼你在手機上預覽時無法使用微信聯合登入微信小程式
- 微信怎麼繫結手機號碼?微信繫結手機號碼的步驟
- 微信登入
- Spring Boot+微信小程式_儲存微信登入者的個人資訊Spring Boot微信小程式
- 入門微信小程式 (一)微信小程式
- 微信小程式入門教程微信小程式
- 多企業關聯微信小程式的登入處理微信小程式
- 微信小程式預約影片號直播微信小程式
- 微信小程式 文字超出省略號微信小程式
- 【網頁登入】QQ 登入、微信登入、微博登入、GitHub 登入網頁Github
- Laravel 實現使用者名稱 + 郵箱 + 手機號登入Laravel
- 微信小程式,使用button元件讓使用者主動登陸方式。微信小程式元件