微信小程序开发一键登录 获取session_key和openid实例


Posted in Javascript onNovember 23, 2016

微信小程序开发一键登录 获取session_key和openid实例

思来想去不愿自己的微信小程序是个单机版本.自己又不会写后台.现在借助leancloud可以实现微信小程序一键登录功能.尝试后,做笔记.

第一步:下载av-weapp.js,放到utils下.

第二步:使用 const AV = require('../../utils/av-weapp.js');路径根据具体情况而定.

第三步:做初始化.

AV.init({ 
 appId: 'EJx0NSfY********-gzGzoHsz', 
 appKey: 'FBVPg5G**********T97SNQj', 
 });

第四步:在微信公众平台获取AppID(小程序ID) 和AppSecret(小程序密钥)

微信小程序开发一键登录 获取session_key和openid实例

第五步:leancloud控制台配置AppID(小程序ID) 和AppSecret(小程序密钥)

微信小程序开发一键登录 获取session_key和openid实例

微信小程序开发一键登录 获取session_key和openid实例

第六步:用户登录

<span style="font-size:24px;">AV.User.loginWithWeapp().then(user => { 
 this.globalData.user = user.toJSON(); 
}).catch(console.error);</span>

登陆后在平台查看用户信息

微信小程序开发一键登录 获取session_key和openid实例

获取到: session_key和openid

微信小程序开发一键登录 获取session_key和openid实例

第七步:获取当前用户信息

const user = AV.User.current(); 
// 调用小程序 API,得到用户信息 
wx.getUserInfo({ 
 success: ({userInfo}) => { 
 // 更新当前用户的信息 
 user.set(userInfo).save().then(user => { 
  // 成功,此时可在控制台中看到更新后的用户信息 
  this.globalData.user = user.toJSON(); 
 }).catch(console.error); 
 } 
});

注意:

wx.request() 需要配置合法域名,否则会报错.

在上一次笔记中已经写明.1 微信小程序 wx.request合法域名配置详解2.在微信小程序中使用 LeanCloud

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
表单元素的submit()方法和onsubmit事件应用概述
Feb 01 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
May 08 Javascript
JS获取地址栏参数的几种方法小结
Feb 28 Javascript
js判断上传文件类型判断FileUpload文件类型代码
May 20 Javascript
使用jQuery设置disabled属性与移除disabled属性
Aug 21 Javascript
JavaScript更改字符串的大小写
May 07 Javascript
详解JavaScript中|单竖杠运算符的使用方法
May 23 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
jQuery实现选项卡功能(两种方法)
Mar 08 Javascript
JavaScript实现一个简易的计算器实例代码
May 10 Javascript
Vue之封装公用变量以及实现方式
Jul 31 Javascript
原生微信小程序开发中 redux 的使用详解
Feb 18 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
Nov 23 #Javascript
JavaScript实现的CRC32函数示例
Nov 23 #Javascript
JavaScript 控制字体大小设置的方法
Nov 23 #Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 #Javascript
怎样判断jQuery当前元素是隐藏还是显示
Nov 23 #Javascript
自己封装的一个简单的倒计时功能实例
Nov 23 #Javascript
jQuery实现根据生日计算年龄 星座 生肖
Nov 23 #Javascript
You might like
深入理解:单一入口、MVC、ORM、CURD、ActiveRecord概念
2013/06/06 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
PHP邮箱验证示例教程
2016/06/01 PHP
PHP中关键字interface和implements详解
2017/06/14 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
Javascript this指针
2009/07/30 Javascript
JavaScript中几个重要的属性(this、constructor、prototype)介绍
2013/05/19 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
网络传输协议(http协议)
2016/11/18 Javascript
JS实现改变HTML上文字颜色和内容的方法
2016/12/30 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
2017/03/13 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
微信小程序中显示倒计时代码实例
2019/05/09 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
node中实现删除目录的几种方法
2019/06/24 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
python中正则的使用指南
2016/12/04 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
Python3的介绍、安装和命令行的认识(推荐)
2018/10/20 Python
python如何将多个PDF进行合并
2019/08/13 Python
python内置模块collections知识点总结
2019/12/19 Python
快速解决jupyter notebook启动需要密码的问题
2020/04/21 Python
Python用SSH连接到网络设备
2021/02/18 Python
印度在线内衣和时尚目的地:Zivame
2017/09/28 全球购物
承认错误的检讨书
2014/01/30 职场文书
同事打架检讨书
2014/02/04 职场文书
汉语言文学专业求职信
2014/06/19 职场文书
银行优秀员工推荐信
2015/03/24 职场文书
民事起诉状范文
2015/05/19 职场文书
2015年三年级班主任工作总结
2015/05/21 职场文书
恰同学少年观后感
2015/06/08 职场文书
格林童话读书笔记
2015/06/30 职场文书
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js