微信小程序开发一键登录 获取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 相关文章推荐
js的alert弹出框出现乱码解决方案
Sep 02 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
使用不同的方法结合/合并两个JS数组
Sep 18 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
jQuery实现锚点scoll效果实例分析
Mar 10 Javascript
avalonjs制作响应式瀑布流特效
May 06 Javascript
JS实现放大、缩小及拖拽图片的方法【可兼容IE、火狐】
Aug 23 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
微信小程序的分类页面制作
Jun 27 Javascript
微信小程序联网请求的轮播图
Jul 07 Javascript
使用vue-router设置每个页面的title方法
Feb 11 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 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(8) php 数组
2010/03/05 PHP
PHP计算一年多少个星期和每周的开始和结束日期
2014/07/01 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
浅谈COOKIE和SESSION区别
2015/07/19 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
JavaScript 的方法重载效果
2009/08/07 Javascript
jQuery Validation实例代码 让验证变得如此容易
2010/10/18 Javascript
浅谈javascript中的闭包
2015/05/13 Javascript
Javascript 高阶函数使用介绍
2015/06/15 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
详解为生产环境编译Angular2应用的方法
2018/12/10 Javascript
vue实现全屏滚动效果(非fullpage.js)
2020/03/07 Javascript
详解JS函数防抖
2020/06/05 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
JavaScript实现随机点名小程序
2020/10/29 Javascript
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
使用python实现个性化词云的方法
2017/06/16 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
python递归全排列实现方法
2018/08/18 Python
Pytest参数化parametrize使用代码实例
2020/02/22 Python
keras K.function获取某层的输出操作
2020/06/29 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
Python实现手绘图效果实例分享
2020/07/22 Python
详解python中的三种命令行模块(sys.argv,argparse,click)
2020/12/15 Python
Simons官方网站:加拿大时尚零售商
2020/02/20 全球购物
STP协议的主要用途是什么?为什么要用STP
2012/12/20 面试题
妇科医生自荐信
2013/11/05 职场文书
婚礼秀策划方案
2014/05/19 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
工程部岗位职责
2015/02/10 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
2016反腐倡廉警示教育心得体会
2016/01/13 职场文书
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers