微信小程序开发一键登录 获取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 相关文章推荐
imgAreaSelect 中文文档帮助说明
Oct 08 Javascript
JS实现点击上移下移LI行数据的方法
Aug 05 Javascript
Javascript原型链的原理详解
Jan 05 Javascript
jQuery简单入门示例之用户校验demo示例
Jul 09 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
Jun 03 Javascript
基于Vue2x的图片预览插件的示例代码
May 14 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
Dec 12 Javascript
JavaScript实现简单计算器功能
Dec 19 Javascript
JavaScript实现tab栏切换效果
Mar 16 Javascript
javascript canvas时钟模拟器
Jul 13 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
Nov 02 Javascript
ECharts transform数据转换和dataZoom在项目中使用
Dec 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出错界面
2006/10/09 PHP
Drupal7中常用的数据库操作实例
2014/03/02 PHP
使用PHP和HTML5 FormData实现无刷新文件上传教程
2014/09/06 PHP
PHP上传图片时判断上传文件是否为可用图片的方法
2016/10/20 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
Aster vs KG BO3 第二场2.19
2021/03/10 DOTA
(function(){})()的用法与优点
2007/03/11 Javascript
javascript OFFICE控件测试代码
2009/12/08 Javascript
LABjs、RequireJS、SeaJS的区别
2014/03/04 Javascript
推荐一个封装好的getElementsByClassName方法
2014/12/02 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
详解vue表单验证组件 v-verify-plugin
2017/04/19 Javascript
原JS实现banner图的常用功能
2017/06/12 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
Vue中$refs的用法详解
2018/06/24 Javascript
详解vue组件中使用路由方法
2019/02/12 Javascript
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
在Python编程过程中用单元测试法调试代码的介绍
2015/04/02 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
selenium+python实现自动化登录的方法
2018/09/04 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
Python 创建守护进程的示例
2020/09/29 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
澳大利亚拥有最佳跳伞降落点和最好服务的跳伞项目运营商:Skydive Australia
2018/03/05 全球购物
麦当劳印度网上订餐:McDelivery
2020/03/16 全球购物
傲盾软件面试题
2015/08/17 面试题
捐书倡议书
2014/08/29 职场文书
作文评语怎么写
2014/12/25 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书
关于空气污染危害的感想
2015/08/11 职场文书
2016年优秀共产党员先进事迹材料
2016/02/29 职场文书