微信小程序开发一键登录 获取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 相关文章推荐
推荐dojo学习笔记
Mar 24 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
May 13 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
TypeScript Type Innference(类型判断)
Mar 10 Javascript
jQuery实现ToolTip元素定位显示功能示例
Nov 23 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
给vue项目添加ESLint的详细步骤
Sep 29 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
Vue 实现可视化拖拽页面编辑器
Feb 01 Vue.js
JavaScript实现两个数组的交集
Mar 25 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中error_reporting()用法详解
2015/08/31 PHP
PHP多进程编程总结(推荐)
2016/07/18 PHP
php判断手机浏览还是web浏览,并执行相应的动作简单实例
2016/07/28 PHP
JavaScript 保存数组到Cookie的代码
2010/04/14 Javascript
js 优化次数过多的循环 考虑到性能问题
2011/03/05 Javascript
jquery移动节点实例
2015/01/14 Javascript
jquery实现兼容IE8的异步上传文件
2015/06/15 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
详解Require.js与Sea.js的区别
2018/08/05 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
JavaScript中AOP的实现与应用
2019/05/06 Javascript
javascript导出csv文件(excel)的方法示例
2019/08/25 Javascript
JavaScript数组排序小程序实现解析
2020/01/13 Javascript
Javascript幻灯片播放功能实现过程解析
2020/05/07 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
2020/12/11 Vue.js
简介Django框架中可使用的各类缓存
2015/07/23 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
Python引用计数操作示例
2018/08/23 Python
python获取微信小程序手机号并绑定遇到的坑
2018/11/19 Python
Python字符串的全排列算法实例详解
2019/01/07 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
Django shell调试models输出的SQL语句方法
2019/08/29 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
Django实现简单网页弹出警告代码
2019/11/15 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
python单元测试框架pytest的使用示例
2020/10/07 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
python 基于selectors库实现文件上传与下载
2020/12/31 Python
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
英国床垫和床架购物网站:Bedman
2019/11/04 全球购物
保护环境倡议书
2014/04/14 职场文书
2014年学习部工作总结
2014/11/12 职场文书
先进班集体事迹材料
2014/12/25 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
java中如何截取字符串最后一位
2022/07/07 Java/Android