uniapp实现微信授权登录的方法:首先获取对应的appid和appsecret;然后在uniapp项目的manifest.json中进行APP SDK配置和模块权限配置。最后实现编码。
本教程操作环境:windows7系统,uni-app版本2.5.1,此方法适用于所有品牌的电脑。
推荐(免费):统一应用开发教程
通过uniapp实现微信授权登录的方法:
(1)在App中实现微信授权,需要在微信公众平台申请一个应用,获得相应的appid和appsecret;
填写申请表时需要注意两点:
应用包名称:应用打包时可以填写下图:
应用签名可以在微信公众平台-资源中心-资源下载头导航中点击手机软件下载,输入应用包名称后直接生成副本;
(2) APP SDK配置和模块权限配置在uniapp项目的manifest.json中进行;
(3)最后进入正式环节,开始编码:
//app第三方登录handlethirdloginapp(){ console . log(" App微信拉授权")var那= this uni . GetProvider({ service:& # 39;oauth & # 39,成功:function(RES){ console . log(RES . provider);//支持if(~ RES . provider . indexof(& # 39;weixin & # 39)){ uni . log in({ provider:& # 39;weixin & # 39,成功:函数(loginRes){ console . log(& quot;App微信成功获取用户信息",loginRes);that . getapplogindata(login RES)//请求登录界面方法},fail:function(RES){ console . log(" App微信获取用户信息失败",RES);} }) } }});}、//请求登录接口方式getapplogindata (data) {var那= this//这是前端自行调整微信用户信息的接口。如果需要请求接口,如果前端不需要获取接口,就交给后端,这样可以保存第二个操作uni . request({ URL:“https://api.weixin.qq.com/sns/userinfo? access _ token = & quot;+data . AuthResult . access _ token+& quot;& ampopenid = & quot+data.authResult.openid,方法:& # 39;GET & # 39,DataType:& # 39;json & # 39,表头:{ & # 39;内容类型& # 39;: 'application/x-www-form-URL encoded & # 39;//默认值},success(RES){ console . log(& # 39;【登录回调唧唧】& # 39;,res)那个。$ API . Ajax(& # 39;smdc/index/applogin & # 39;,res.data,function(ret){ console . log(& quot;登录界面成功回调:“,ret)},& # 39;POST & # 39,true)},fail() {}})}相关免费学习推荐:php编程(视频)
以上是uniapp如何实现微信授权登录的细节,更多