微信小程序开发一键登录 获取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权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
jQuery事件绑定.on()简要概述及应用
Feb 07 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
js实现定时进度条完成后切换图片
Jan 04 Javascript
Bootstrap导航条学习使用(一)
Feb 08 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
Bootstrap模态框(Modal)实现过渡效果
Mar 17 Javascript
JavaScript基础之this详解
Jun 04 Javascript
jQuery实现的form转json经典示例
Oct 10 jQuery
JavaScript轮播停留效果的实现思路
May 24 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
浅谈React Native 传参的几种方式(小结)
May 21 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
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
Laravel5.1 框架控制器基础用法实例分析
2020/01/04 PHP
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
2010/11/11 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
JS 使用for循环遍历子节点查找元素
2014/09/06 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
2015/08/28 Javascript
php利用curl获取远程图片实现方法
2015/10/26 Javascript
使用JQuery实现的分页插件分享
2015/11/05 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
Node.js文件操作方法汇总
2016/03/22 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
webpack配置文件和常用配置项介绍
2017/04/28 Javascript
JavaScript实现元素滚动条到达一定位置循环追加内容
2017/12/28 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
微信小程序生成二维码的示例代码
2019/03/29 Javascript
js笔试题-接收get请求参数
2019/06/15 Javascript
JQuery获得内容和属性方法解析
2020/05/30 jQuery
python将xml xsl文件生成html文件存储示例讲解
2013/12/03 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例
2020/02/26 Python
基于python实现复制文件并重命名
2020/09/16 Python
python3中calendar返回某一时间点实例讲解
2020/11/18 Python
Python存储读取HDF5文件代码解析
2020/11/25 Python
Banana Republic欧盟:美国都市简约风格的代表品牌
2018/05/09 全球购物
简述安装Slackware Linux系统的过程
2012/05/08 面试题
拓展培训心得体会
2014/01/04 职场文书
网络管理专业求职信
2014/03/15 职场文书
小学教师自我鉴定范文
2014/03/20 职场文书
工人先锋号申报材料
2014/12/29 职场文书
期末个人总结范文
2015/02/13 职场文书
导游词之苏州盘门景区
2019/11/12 职场文书