微信小程序登录详细流程介绍
第一步,获取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.当用户进入微信小程序时,首先我们先判断用户是否授权过此小程序 2.如果没有授权,我们通过一个按钮来实现授权登录 3.通过bindgetuserinfo事件,我们可以获 ...
- access突然需要登录_早知道早好,微信小程序登录开发需要注意的事项
最近公司要做一个企业微信的小程序,方便企业内的成员来登录,以便一些公司内的业务,只限于公司内的成员来操作,因为有微信小程序的开发经验,所以先当作微信小程序来开发了! 首先来讲一下这个企业微信小程序与微 ...
- 微信小程序登录流程+介绍wx.login和auth.code2Session
微信小程序登录流程+介绍wx.login和auth.code2Session 几个核心API和核心字段 wx.login() 调用接口获取登录凭证(code) code2Session 登录凭证校验, ...
- 微信小程序开发详细步骤(企业小程序开发流程)
今天珍奶bb给大家简单唠唠微信小程序开发详细步骤(企业小程序开发流程)? 微信小程序制作流程是什么?微信小程序制作模板套用怎么操作?今天珍奶bb给大家简单唠唠微信小程序制作流程是什么? 在唠微信小程序 ...
- Python Flask微信小程序登录流程及登录api实现代码
1.小程序端调用wx.login 2.判断用户是否授权 3.小程序端访问 wx.getUserInfo 4.小程序端js代码:+ wx.login({success: resp => {// 发 ...
- 微信小程序-微信小程序登录流程(一)
微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打开应用 冷启动: ...
- Abp 微信小程序登录 基本的流程和实践
需求:有个web端,然后移动端使用微信小程序.要把微信用户和系统中的用户对应起来 上一篇搞了个钉钉小程序登录:钉钉小程序登录 微信小程序登录,方便用户输入和系统中校验的也就只有手机号了,既能保证用户唯 ...
- 微信小程序登录功能的前端设计与实现
导语 | 登录/注册这模块就像个冰山,我们通常以为它就是「输入账号密码,就完成登录了」,但实际下面还有各种需要考虑的问题.作为应用的基础能力,登录/注册的设计需要有足够的健壮性,避免出现全站性阻塞.同 ...
- 微信小程序开发详细步骤解决方案
什么行业适合使用微信小程序? 01. 什么是微信小程序? 微信内嵌的小程序,不需要下载安装就能使用,具有开发成本低.使用方便等特点,它实现了应用"触手可及",用户通过扫描或搜索就能 ...
最新文章
- 几张图帮你弄清楚什么是 RPC
- 精通python爬虫框架-精通Python爬虫框架Scrapy PDF 中文清晰版
- 热备份路由选择协议(HSRP)
- nginx反向代理和负载均衡
- 修改Tomcat7的/webapps/ROOT发布路径
- python shelve模块_说说 Python 的 shelve 模块
- 心电信号去噪(part2)--中值滤波器
- 童话 计算机教程,数学绘本 | 脑袋里装了个计算器(第四讲)
- python中的pickle解析
- Linux下分割、合并文件——dd和cat
- java jdbc 参数 转义_jdbc URL中的各个参数详解
- 光环PMP 项目范围管理 、项目进度管理、项目成本管理、项目质量管理
- 华为手机鸿蒙系统官方下载入口,华为鸿蒙系统升级入口
- html怎么把正方形改成圆形,css怎样让div变成圆的?
- 你不得不知的网络编程三剑客
- 基于SpringBoot+VUE(PC端+小程序端)的智能在线考试系统毕业设计
- 【魔方攻略】镜面魔方教程(原创)
- 联想笔记本怎么把计算机移到桌面上,怎样把软件移到桌面上
- spark python_Python、流、SQL 有更新!耗时两年,Spark 3.0 重磅发布!
- 一节计算机课英语,电脑课的英语
热门文章
- Instagram社会化营销从入门到精通(一)Instagram概述 -选择正确的用户名(3)
- springboot整合之统一异常处理
- 18. 面向对象进阶
- 【QT开发笔记-基础篇】| 第一章 QT入门 | 1.2 搭建Qt开发环境
- Summary.02
- 2022年快手春节美食饮品行业营销洞察
- 服务器查看网络端口,竟然有这么多命令
- jmeter jp@gc - Stepping Thread Group (deprecated)-自定义启动线程
- Foxmail邮件的删除与恢复
- 在TP 钱包中DApp 绑定团队邀请关系不生效,技术如何解决?