uni-app小程序授权登录,uniapp发布的h5微信登录
Uni实现微信授权登录的方法:首先获取对应的appid和appsecret;然后在uniapp项目的manifest.json中配置APP SDK和模块权限;最后可以实现编码。
UNI-APP开发(仿饿)开发课程:进入学习
本教程运行环境:windows7系统,Uni-App版本2.5.1。这个方法适用于所有品牌的电脑。
推荐(免费):uni-app开发教程
uniapp实现微信授权登录的方法:
(1)在App中实现微信授权,需要在微信公众平台申请应用,获取相应的appid和appsecret;
填写申请表时有两点需要注意:
应用包名称:是app打包时可以填写的如下位置:
在微信公众平台-资源中心-资源下载的头部导航中点击下载一款手机软件,输入应用包名称后直接生成副本,即可进行应用签约;
(2)在uniapp项目中的manifest.json中配置APP SDK和模块权限;
(3)最后进入正式环节,开始编码:
//app第三方登录
handleThirdLoginApp(){
Console.log(App微信拉起授权)
变那个=这个
uni.getProvider({
服务:“oauth”,
成功:函数(res) {
console . log(RES . provider);
//支持微信、qq、微博等
if(~ RES . provider . index of( weixin ){
uni.login({
提供商:微信,
成功:函数(登录){
Console.log(App微信成功获取用户信息,log in RES);
那个。getapplogindata(log in RES)//请求登录接口方法
},
失败:函数(res){
Console.log(App微信获取用户信息失败,RES);
}
})
}
}
});
},
//请求登录接口方法
getApploginData(数据){
变那个=这个
//这里是前端自行调整微信用户信息的接口。如果前端不需要获取,就交给后端,可以省去二次操作。
uni.request({
网址: https://API . weixin . QQ . com/SNS/userinfo?access _ token= data . authresult . access _ token OpenID= data . authresult . OpenID,
方法:“GET”,
数据类型: json ,
标题:{
content-type : application/x-www-form-urlencoded //默认值
},
成功(res) {
console . log([登录回调唧唧喳喳],res)
那个。$api.ajax(smdc/index/applogin ,res.data,function(ret){
Console.log(登录界面成功回调:,ret)
}, POST ,真)
},fail() {
}
})
}相关免费学习推荐:php编程(视频)
以上是uniapp如何实现微信授权登录的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。