微信小程序 如何实现微信登录微信认证小程序

2022-11-25 0 884

原副标题:QQ小流程 怎样同时实现QQ登入QQ证书小流程

微信小程序 如何实现微信登录微信认证小程序

要学间接加wxd20008

流程:

1:具体来说须要两个按键促发该事件

2:如上所述化QQ小流程的登入USBwx.login,领到code

重要信息的USBwx.getUserProfile,领到采用者的个人隐私

4:领到的个人隐私如上所述化前台的USB,把个人隐私传予前台,登入获得成功并把有关重要信息储存在邻近地区的内存中,方便快捷后的合作开发采用

上面已经开始用标识符如是说

wxml:

<view>

<button bindtap=”login”>登入</button>

</view>

js:

1:data如上所述统计数据

//前台USB须要的呵呵模块(具体内容要和前台的同僚商议)

loginInfo: {

code: ,

spread_spid: 0,

spread_code: 0

}

2:按键促发的login点击该事件,

如上所述化QQ小流程的登入USB:

wx.login(Object object) | QQ开放文档

QQ合作开发者平台文档

https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html

重要信息的USB:

wx.getUserProfile(Object object) | QQ开放文档

QQ合作开发者平台文档

https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html

//登入按键促发的该事件

login(){

let that = this

//如上所述化QQ小流程的登入USB

wx.login({

success(e) {

that.data.loginInfo.code = e.code //领到的code储存在data中

wx.showModal({

title: 温馨提示,

content: QQ授权登入后才能正常采用小流程功能,

cancelText: 拒绝,

confirmText: 同意,

success( sucessInfo ) {

wx.getUserProfile({

lang: zh_CN,

success(info) {

Info中

that.data.loginInfo = Object.assign( that.data.loginInfo, info )

//如上所述化前台的USB,把所有整合的个人隐私传过去

that.handlerLogin( that.data.loginInfo )

},

fail(e) {

}

})

},

fail() {

console.log(“拒绝”)

},

complete() {}

})

},

fail(e) {

console.log(fail, e)

wx.showToast({

title: 网络异常,

duration: 2000

})

return

}

})

}

3:调用前台的登入USB,

wx.setStorageSync() :将统计数据储存在邻近地区内存中,

wx.setStorageSync(string key, any data) | QQ开放文档

QQ合作开发者平台文档

https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html

wx.getStorageSync(

any wx.getStorageSync(string key) | QQ开放文档

QQ合作开发者平台文档

https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorageSync.html

//如上所述化前台的登入USB

handlerLogin( loginInfo ) {

let that = this

//login是前台USB封装的方法

login( loginInfo ).then(( res ) => {

console.log(登入获得成功, res)

let { cache_key, expires_time, token, userInfo } = res.data

//把采用者重要信息储存到storage中,方便快捷其它地方采用

wx.setStorageSync(cache_key, cache_key)

wx.setStorageSync(expires_time, expires_time)

wx.setStorageSync(token, token)

wx.setStorageSync(isLog, true)

wx.setStorageSync(userInfo, JSON.stringify( userInfo ))

wx.setStorageSync(loginRecord, new Date().getTime())

})

.catch(( res ) => {

console.log(catch, res)

})

.finally(() => {

console.log(finally)

})

}

以上就是QQ小流程合作开发时,同时实现的登入。一共4步走,希望能帮助得到大家。

————————————————

版权声明:本文为CSDN博主「我不怕,我是超人」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_48145150/article/details/123897786

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务