微信小程序开发一键登录 获取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中变量提升 Hoisting
Jul 03 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
Feb 13 Javascript
javascript鼠标滑动评分控件完整实例
May 13 Javascript
react-router实现按需加载
May 09 Javascript
原生JS实现的碰撞检测功能示例
May 18 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
Jun 23 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
Oct 10 Javascript
Node.js JSON模块用法实例分析
Jan 04 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
Mar 21 Javascript
Node.js爬虫如何获取天气和每日问候详解
Aug 26 Javascript
js实现多个标题吸顶效果
Jan 08 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多维数组的深度的方法
2014/01/07 PHP
php eval函数一句话木马代码
2015/05/21 PHP
window.addeventjs事件驱动函数集合addEvent等
2008/02/19 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
2013/04/27 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
jquery插件orbit.js实现图片折叠轮换特效
2015/04/14 Javascript
JS+CSS实现经典的左侧竖向滑动菜单效果
2015/09/23 Javascript
深入理解vue.js双向绑定的实现原理
2016/12/05 Javascript
简单的渐变轮播插件
2017/01/12 Javascript
vue中将网页打印成pdf实例代码
2017/06/15 Javascript
基于js的变量提升和函数提升(详解)
2017/09/17 Javascript
细说Vue组件的服务器端渲染的过程
2019/05/30 Javascript
Vue 嵌套路由使用总结(推荐)
2020/01/13 Javascript
JS实现滑动导航效果
2020/01/14 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
Element InputNumber 计数器的实现示例
2020/08/03 Javascript
[03:56]显微镜下的DOTA2第十一期——鬼畜的死亡先知播音员
2014/06/23 DOTA
python 的列表遍历删除实现代码
2020/04/12 Python
python字典DICT类型合并详解
2017/08/17 Python
理解Python中的绝对路径和相对路径
2017/08/30 Python
python爬取哈尔滨天气信息
2018/07/14 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
python opencv minAreaRect 生成最小外接矩形的方法
2019/07/01 Python
在django view中给form传入参数的例子
2019/07/19 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
opencv-python 提取sift特征并匹配的实例
2019/12/09 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
师范生实习个人的自我评价
2013/09/28 职场文书
校园网站的创业计划书范文
2013/12/30 职场文书
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
小学班主任培训方案
2014/06/04 职场文书
运动会班级口号
2014/06/09 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
见习报告的格式
2014/11/04 职场文书
2015年安全生产工作总结范文
2015/04/02 职场文书
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python