微信小程序开发一键登录 获取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 相关文章推荐
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
Apr 12 Javascript
jquery 插件学习(三)
Aug 06 Javascript
js 获取时间间隔实现代码
May 12 Javascript
28个常用JavaScript方法集锦
Jan 14 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
正则中的回溯定义与用法分析【JS与java实现】
Dec 27 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
基于vue+canvas的excel-like组件实例详解
Nov 28 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
小程序实现搜索框
Jun 19 Javascript
基于JavaScript获取base64图片大小
Oct 18 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 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
smarty模板中拼接字符串的方法
2014/02/14 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
解决Laravel5.5下的toArray问题
2019/10/15 PHP
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
JavaScript 嵌套函数指向this对象错误的解决方法
2010/03/15 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
Iframe 自动适应页面的高度示例代码
2014/02/26 Javascript
JavaScript常用小技巧小结
2014/12/29 Javascript
cookie的secure属性详解
2015/04/08 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
jQuery实现的数值范围range2dslider选取插件特效多款代码分享
2015/08/27 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
JavaScript实现倒计时跳转页面功能【实用】
2016/12/13 Javascript
Canvas实现放射线动画效果
2017/02/15 Javascript
微信小程序实现城市列表选择
2018/06/05 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
2018/08/16 Javascript
记React connect的几种写法(小结)
2018/09/18 Javascript
nodejs实现日志读取、日志查找及日志刷新的方法分析
2019/05/20 NodeJs
Vue 中 template 有且只能一个 root的原因解析(源码分析)
2020/04/11 Javascript
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
2020/09/04 Javascript
JavaScript函数柯里化实现原理及过程
2020/12/02 Javascript
python图像处理之反色实现方法
2015/05/30 Python
Python编写登陆接口的方法
2017/07/10 Python
Python_LDA实现方法详解
2017/10/25 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
python opencv实现图像边缘检测
2019/04/29 Python
python opencv把一张图片嵌入(叠加)到另一张图片上的实现代码
2020/06/11 Python
Python用Jira库来操作Jira
2020/12/28 Python
Html5 Geolocation获取地理位置信息实例
2016/12/09 HTML / CSS
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
瑞典时尚服装购物网站:Miinto.se
2017/10/30 全球购物
Elemental Herbology官网:英国美容品牌
2019/04/27 全球购物
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
机械电子工程专业求职信
2014/06/22 职场文书
迁户口计划生育证明
2014/10/19 职场文书