UNI-APP_APP微信授权登录

短命女 2022-10-12 14:58 127阅读 0赞

在App中要实现微信授权则需要在微信公众平台申请一个应用,获取相应的appid和appsecret
在填写申请时有2个地方需要注意:
在这里插入图片描述
应用包名:是app打包时候可以填写的如下图位置:
在这里插入图片描述
应用签名可以在:微信公众平台的头部导航 — 资源中心 —资源下载 中点击下载一个手机软件,输入应用包名后直接生成复制;
在这里插入图片描述
在uniapp项目中的manifest.json 进行APP模块配置;
在这里插入图片描述

  1. getApploginData(data) {
  2. let that = this
  3. //这边是前端自己去调微信用户信息的接口,根据接口需要请求,如果不需要前端去获取的话就交给后端,可省去次操作
  4. uni.request({
  5. url: "https://api.weixin.qq.com/sns/userinfo?access_token=" + data.authResult.access_token + "&openid=" + data.authResult
  6. .openid,
  7. method: 'GET',
  8. dataType: 'json',
  9. header: {
  10. 'content-type': 'application/x-www-form-urlencoded' // 默认值
  11. },
  12. success(res) {
  13. console.log('【登录回调啾啾啾】', res)
  14. },
  15. fail() {
  16. }
  17. })
  18. },
  19. handleThirdLoginApp() {
  20. console.log("App微信拉起授权")
  21. let that = this
  22. uni.getProvider({
  23. service: 'oauth',
  24. success: (res) =>{
  25. // console.log(res.provider);
  26. //支持微信、qq和微博等
  27. if (~res.provider.indexOf('weixin')) {
  28. uni.login({
  29. provider: 'weixin',
  30. success: (loginRes) =>{
  31. // console.log("App微信获取用户信息成功", loginRes);
  32. that.getApploginData(loginRes) //请求登录接口方法
  33. },
  34. fail: (res) =>{
  35. console.log("App微信获取用户信息失败", res);
  36. }
  37. })
  38. }
  39. }
  40. });
  41. },

发表评论

表情:
评论列表 (有 0 条评论,127人围观)

还没有评论,来说两句吧...

相关阅读

    相关 授权登录

    首先说一下我写这个的初衷: 我有一个应用场景:就是我们的网站最近计划添加微信登录功能,PC端。 然后做微信的技术选型,网上乱七八糟的说什么的都有,看得头晕脑花,想骂人。没办

    相关 网页授权登录

      用户通过点击微信公众平台中的菜单链接,进行网页授权获取openId进行无感应登录  微信菜单可以通过公众平台中进行配置  如果使用了微信服务器响应器地址,则需要使用代码生

    相关 小程序授权登录

    现在微信小程序非常火爆,很多常规的APP都推出了自己的微信小程序。说到微信小程序,不可避免会触及到微信账号的授权登录,现在来说说一下哈! 首先需要自己的一个小程序,可以到微

    相关 公众号授权登录

    前几天写了一篇《微信小程序授权登录》的博文,今天来写一篇关于微信公众号授权登录的博文。 首先需要拿到一个微信公众号的appID和appsecret,这里在微信公众平台申请了

    相关 小程序授权登录

    现在微信小程序非常火爆,很多常规的APP都推出了自己的微信小程序。说到微信小程序,不可避免会触及到微信账号的授权登录,现在来说说一下哈! 首先需要自己的一个小程序,可以到微