第一步,获取code

如果小程序有登录页面,这一步可以放在onload里面获取,获取后保存使用,避免造成和后面获取信息的冲突
// 使用wx.login()方法获取code
wx.login({success (res) {const code = res.code;console.log(code);}
})

第二步,获取用户个人信息,这一步需要绑定按钮点击事件才能获取

通过以下方法,获取到加密数据encryptedData,iv。
// 如果有企业appid,可以按钮设置打开方式getPhoneNumber获取用户电话信息
<button open-type="getPhoneNumber" bindgetphonenumber="handleWeChatLogin">微信一键登录</button>
handleWeChatLogin(e) {const {encryptedData, iv} = e.detail;
}
// 获取用户基本信息,下面两个方法在新版本中都不会返回用户头像和昵称信息
wx.getUserInfo({desc: '用户登录', // 声明获取用户个人信息后的用途,后续会展示在弹窗中success: (res) => {const {encryptedData, iv} = res;resolve(res);},fail: (err) => {reject(err);}
});
wx.getUserProfile({desc: '用户登录', // 声明获取用户个人信息后的用途,后续会展示在弹窗中success: (res) => {const {encryptedData, iv} = res;resolve(res);},fail: (err) => {reject(err);}
});

第三步,将加密数据和code一起返回给后台进行解密数据和登录

const params = {code,encryptedData,iv
}
// 登录接口,进行登录后,获取token啥的进行一系列后续操作
api.login(params).then((res) => {console.log(res);
});

微信小程序登录详细流程介绍相关推荐

  1. 微信小程序登录授权流程

    文章目录 小程序授权登陆流程 1.当用户进入微信小程序时,首先我们先判断用户是否授权过此小程序 2.如果没有授权,我们通过一个按钮来实现授权登录 3.通过bindgetuserinfo事件,我们可以获 ...

  2. access突然需要登录_早知道早好,微信小程序登录开发需要注意的事项

    最近公司要做一个企业微信的小程序,方便企业内的成员来登录,以便一些公司内的业务,只限于公司内的成员来操作,因为有微信小程序的开发经验,所以先当作微信小程序来开发了! 首先来讲一下这个企业微信小程序与微 ...

  3. 微信小程序登录流程+介绍wx.login和auth.code2Session

    微信小程序登录流程+介绍wx.login和auth.code2Session 几个核心API和核心字段 wx.login() 调用接口获取登录凭证(code) code2Session 登录凭证校验, ...

  4. 微信小程序开发详细步骤(企业小程序开发流程)

    今天珍奶bb给大家简单唠唠微信小程序开发详细步骤(企业小程序开发流程)? 微信小程序制作流程是什么?微信小程序制作模板套用怎么操作?今天珍奶bb给大家简单唠唠微信小程序制作流程是什么? 在唠微信小程序 ...

  5. Python Flask微信小程序登录流程及登录api实现代码

    1.小程序端调用wx.login 2.判断用户是否授权 3.小程序端访问 wx.getUserInfo 4.小程序端js代码:+ wx.login({success: resp => {// 发 ...

  6. 微信小程序-微信小程序登录流程(一)

    微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用 冷启动: ...

  7. Abp 微信小程序登录 基本的流程和实践

    需求:有个web端,然后移动端使用微信小程序.要把微信用户和系统中的用户对应起来 上一篇搞了个钉钉小程序登录:钉钉小程序登录 微信小程序登录,方便用户输入和系统中校验的也就只有手机号了,既能保证用户唯 ...

  8. 微信小程序登录功能的前端设计与实现

    导语 | 登录/注册这模块就像个冰山,我们通常以为它就是「输入账号密码,就完成登录了」,但实际下面还有各种需要考虑的问题.作为应用的基础能力,登录/注册的设计需要有足够的健壮性,避免出现全站性阻塞.同 ...

  9. 微信小程序开发详细步骤解决方案

    什么行业适合使用微信小程序? 01. 什么是微信小程序? 微信内嵌的小程序,不需要下载安装就能使用,具有开发成本低.使用方便等特点,它实现了应用"触手可及",用户通过扫描或搜索就能 ...

最新文章

  1. 几张图帮你弄清楚什么是 RPC
  2. 精通python爬虫框架-精通Python爬虫框架Scrapy PDF 中文清晰版
  3. 热备份路由选择协议(HSRP)
  4. nginx反向代理和负载均衡
  5. 修改Tomcat7的/webapps/ROOT发布路径
  6. python shelve模块_说说 Python 的 shelve 模块
  7. 心电信号去噪(part2)--中值滤波器
  8. 童话 计算机教程,数学绘本 | 脑袋里装了个计算器(第四讲)
  9. python中的pickle解析
  10. Linux下分割、合并文件——dd和cat
  11. java jdbc 参数 转义_jdbc URL中的各个参数详解
  12. 光环PMP 项目范围管理 、项目进度管理、项目成本管理、项目质量管理
  13. 华为手机鸿蒙系统官方下载入口,华为鸿蒙系统升级入口
  14. html怎么把正方形改成圆形,css怎样让div变成圆的?
  15. 你不得不知的网络编程三剑客
  16. 基于SpringBoot+VUE(PC端+小程序端)的智能在线考试系统毕业设计
  17. 【魔方攻略】镜面魔方教程(原创)
  18. 联想笔记本怎么把计算机移到桌面上,怎样把软件移到桌面上
  19. spark python_Python、流、SQL 有更新!耗时两年,Spark 3.0 重磅发布!
  20. 一节计算机课英语,电脑课的英语

热门文章

  1. Instagram社会化营销从入门到精通(一)Instagram概述 -选择正确的用户名(3)
  2. springboot整合之统一异常处理
  3. 18. 面向对象进阶
  4. 【QT开发笔记-基础篇】| 第一章 QT入门 | 1.2 搭建Qt开发环境
  5. Summary.02
  6. 2022年快手春节美食饮品行业营销洞察
  7. 服务器查看网络端口,竟然有这么多命令
  8. jmeter jp@gc - Stepping Thread Group (deprecated)-自定义启动线程
  9. Foxmail邮件的删除与恢复
  10. 在TP 钱包中DApp 绑定团队邀请关系不生效,技术如何解决?