微信小程序开发一键登录 获取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 相关文章推荐
js二维数组排序的简单示例代码
Jan 24 Javascript
javascript:json数据的页面绑定示例代码
Jan 26 Javascript
jQuery中:header选择器用法实例
Dec 29 Javascript
jQuery移动web开发中的页面初始化与加载事件
Dec 03 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
May 19 Javascript
JSON字符串和对象相互转换实例分析
Jun 16 Javascript
jQuery实现简单的网页换肤效果示例
Sep 18 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
Feb 12 Javascript
ES6新特性五:Set与Map的数据结构实例分析
Apr 21 Javascript
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
如何手写一个简易的 Vuex
Oct 10 Javascript
Vue+Element UI实现概要小弹窗的全过程
May 30 Vue.js
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
url decode problem 解决方法
2011/12/26 PHP
php模板引擎技术简单实现
2016/03/15 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
PHP类和对象相关系统函数与运算符小结
2016/09/28 PHP
javascript调试说明
2010/06/07 Javascript
jquery 页面滚动到指定DIV实现代码
2013/09/25 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
2013/11/29 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
javascript设计模式之对象工厂函数与构造函数详解
2015/07/30 Javascript
探索angularjs+requirejs全面实现按需加载的套路
2016/02/26 Javascript
Vue2.0 v-for filter列表过滤功能的实现
2018/09/07 Javascript
[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队!”
2015/12/27 DOTA
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
python黑魔法之参数传递
2016/02/12 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
Python3.4实现从HTTP代理网站批量获取代理并筛选的方法示例
2017/09/26 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
Python3利用Dlib19.7实现摄像头人脸识别的方法
2018/05/11 Python
python实现简单的文字识别
2018/11/27 Python
详解利用Python scipy.signal.filtfilt() 实现信号滤波
2019/06/05 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
pytorch查看torch.Tensor和model是否在CUDA上的实例
2020/01/03 Python
解决django FileFIELD的编码问题
2020/03/30 Python
Python基于百度AI实现OCR文字识别
2020/04/02 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
Python中return函数返回值实例用法
2020/11/19 Python
Pytorch自定义Dataset和DataLoader去除不存在和空数据的操作
2021/03/03 Python
幼儿园教师请假制度
2014/01/16 职场文书
学习十八届三中全会精神实施方案
2014/02/17 职场文书
租房合同协议书
2014/04/09 职场文书
关于建议书的格式范文
2014/05/20 职场文书
党员群众路线承诺书
2014/05/20 职场文书
计算机专业自荐信范文
2014/05/28 职场文书
公司任命书范本
2014/06/04 职场文书
校长创先争优承诺书
2014/08/30 职场文书