码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Uniapp App 微信登录&苹果登录


    核心逻辑,通过第三方登录获取唯一值(openId | userId),调接口获取此唯一值对应的账号,如果未绑定跳转绑定页
    微信授权返回的是一个会变的code(每次都不一致),需要调用微信相关api换取openId作为唯一值
    苹果授权返回的user,可以直接作为唯一值

    1 微信开放平台,移动应用>应用详情,申请开通微信登录功能,提交审核,审核通过后,进行后面步骤

    2 项目内 manifest.json 勾选 oAuth 登录

    在这里插入图片描述

    由于 ios 硬性规定,有微信登录,则必须同时支持苹果登录,所以也只能勾选苹果登录(Sign in with Apple)

    3 简单代码实现点击逻辑

    <text @click="wxLogin">微信登录</text>
    <text @click="iosLogin" style="margin-left: 20rpx">苹果登录</text>
    
    
    // 微信登录
    const wxLogin = () => {
      uni.login({
        provider: 'weixin',
        onlyAuthorize: true, // 微信登录仅请求授权认证
        success: function (event) {
          const { code } = event
          // 微信登录后获取到的是 code
          // 调后端接口,后端判断是否绑定,绑定则返回取用户信息
          // 未绑定,则跳转绑定页面
          console.log(code)
        },
      })
    }
    // 苹果登录
    const iosLogin = () => {
      uni.login({
        provider: 'apple',
        success: function (event) {
          const { user } = event
          // 微信登录后获取到的是 user 【苹果账户唯一标识】
          // 调后端接口,后端判断是否绑定,绑定则返回取用户信息
          // 未绑定,则跳转绑定页面
          console.log(user)
        },
        fail: function (err) {
          // 登录授权失败
          // err.code错误码参考`授权失败错误码(code)说明`
          console.log(err)
        },
      })
    }
    

    4 苹果配置文件调整增加 Sign in with Apple,下载最新的 profile 文件

    1.开发后台 Identifiers,对app增加上此配置,然后保存
    在这里插入图片描述
    在这里插入图片描述

    2.在第一步操作后,切换菜单到 Profiles,选中对应的配置文件,此时本来可以下载的配置文件,无法再下载了
    3.此时要点进去点一下编辑,再点一下保存,就可以下载了
    profiles
    在这里插入图片描述
    5 需要替换最新的 profile 打包后,ios手机才能使用微信登录和苹果登录,不替换的话,ios 点击微信登录会提示 “打包时未添加 oAuth 模块”

  • 相关阅读:
    重保特辑|筑牢第一道防线,云防火墙攻防演练最佳实践
    适用于LLM的代理搜索增强事实评估器 (Search-Augmented Factuality Evaluator,SAFE)
    P1014 [NOIP1999 普及组] Cantor 表
    一分钟看懂“低代码“是什么?低代码真能“砸“掉程序员饭碗?
    Tailwindcss Layout布局相关样式及实战案例,5万字长文,附完整源码和效果截图
    基于Keilv5新建STM32F030工程
    光路科技:工业以太网交换机引领工业互联网新篇章
    算法通关村第三关-青铜挑战数组专题
    素问·阴阳应象大论原文
    浙江大学利用 SVM 优化触觉传感器,盲文识别率达 96.12%
  • 原文地址:https://blog.csdn.net/weixin_45152848/article/details/139864694
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号