微信小程序开发一键登录 获取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 相关文章推荐
浅谈tudou土豆网首页图片延迟加载的效果
Jun 23 Javascript
jquery动画3.创建一个带遮罩效果的图片走廊
Aug 24 Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 Javascript
js时间比较示例分享(日期比较)
Mar 05 Javascript
IE6浏览器中window.location.href无效的解决方法
Nov 20 Javascript
基于socket.io+express实现多房间聊天
Mar 17 Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
详解Vue路由自动注入实践
Apr 17 Javascript
Fetch超时设置与终止请求详解
May 18 Javascript
js实现一款简单踩白块小游戏(曾经很火)
Dec 02 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
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
laravel中的错误与日志用法详解
2016/07/26 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
laravel ORM 只开启created_at的几种方法总结
2018/01/29 PHP
50个优秀经典PHP算法大集合 附源码
2020/08/26 PHP
innerHTML 和 getElementsByName 在IE下面的bug 的解决
2010/04/09 Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
2011/09/09 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
javascript将异步校验表单改写为同步表单
2015/01/27 Javascript
jQuery插件zepto.js简单实现tab切换
2015/06/16 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
2016/04/15 Javascript
JavaScript中的prototype原型学习指南
2016/05/09 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
Vue.js学习笔记之 helloworld
2016/08/14 Javascript
无法获取隐藏元素宽度和高度的解决方案
2017/03/07 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
vue移动端路由切换实例分析
2018/05/14 Javascript
浅谈webpack 构建性能优化策略小结
2018/06/13 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
python算法演练_One Rule 算法(详解)
2017/05/17 Python
python计算列表内各元素的个数实例
2018/06/29 Python
对Python发送带header的http请求方法详解
2019/01/02 Python
python实现浪漫的烟花秀
2019/01/30 Python
使用python快速实现不同机器间文件夹共享方式
2019/12/22 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
详解如何解决H5开发使用wx.hideMenuItems无效果不生效
2021/01/20 HTML / CSS
中国跨境海淘网站:考拉海购
2016/08/01 全球购物
求职简历自荐信范文
2013/10/21 职场文书
培训专员岗位职责
2014/02/26 职场文书
中秋寄语大全
2014/04/11 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
Python实现信息轰炸工具(再也不怕说不过别人了)
2021/06/11 Python
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis