uni-app小程序授权登录,uniapp发布的h5微信登录

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: