微信小程序开发一键登录 获取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 相关文章推荐
javascript实现的网页局布刷新效果
Dec 01 Javascript
Javascript 实现TreeView CheckBox全选效果
Jan 11 Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 Javascript
22点关于jquery性能优化的建议
May 28 Javascript
javascript中定义类的方法汇总
Dec 28 Javascript
JavaScript中Math.SQRT2属性的使用详解
Jun 14 Javascript
jquery插件uploadify实现带进度条的文件批量上传
Dec 13 Javascript
ES6基础之展开语法(Spread syntax)
Feb 21 Javascript
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
React中获取数据的3种方法及优缺点
Feb 18 Javascript
详解小程序横屏方案对比
Jun 28 Javascript
js实现滑动滑块验证登录
Jul 24 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
php curl基本操作详解
2013/07/23 PHP
使用PHP curl模拟浏览器抓取网站信息
2013/10/28 PHP
IE6下focus与blur错乱的解决方案
2011/07/31 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
2013/12/25 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
搞定immutable.js详细说明
2016/05/02 Javascript
vue-hook-form使用详解
2017/04/07 Javascript
Vue组件化通讯的实例代码
2017/06/23 Javascript
深入浅析ES6 Class 中的 super 关键字
2017/10/20 Javascript
vue实现循环切换动画
2018/10/17 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
实例讲解JavaScript预编译流程
2019/01/24 Javascript
详解vue-cli@2.x项目迁移日志
2019/06/06 Javascript
layui表格内容溢出的解决方法
2019/09/06 Javascript
Python常用库推荐
2016/12/04 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
Python中模块string.py详解
2017/03/12 Python
Python中的浮点数原理与运算分析
2017/10/12 Python
python pandas修改列属性的方法详解
2018/06/09 Python
mac下给python3安装requests库和scrapy库的实例
2018/06/13 Python
pandas进行数据的交集与并集方式的数据合并方法
2018/06/27 Python
python退出命令是什么?详解python退出方法
2018/12/10 Python
在Python中表示一个对象的方法
2019/06/25 Python
python递归法解决棋盘分割问题
2019/07/17 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
python操作yaml说明
2020/04/08 Python
Python接口测试环境搭建过程详解
2020/06/29 Python
python 装饰器的使用示例
2020/10/10 Python
Python 找出英文单词列表(list)中最长单词链
2020/12/14 Python
如何开启linux的ssh服务
2015/02/14 面试题
电子信息科学专业自荐信
2014/01/30 职场文书
2014年关于两会精神的心得体会
2014/03/17 职场文书
计算机软件专业求职信
2014/06/10 职场文书
优秀应届生求职信
2014/06/16 职场文书
好的促销活动方案
2014/08/21 职场文书