微信小程序开发一键登录 获取session_key和openid实例

 更新时间:2016年11月23日 10:50:24   作者:dzp_coder  
这篇文章主要介绍了微信小程序开发一键登录 获取session_key和openid实例的相关资料,需要的朋友可以参考下

微信小程序开发一键登录 获取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(小程序密钥)


第五步:leancloud控制台配置AppID(小程序ID) 和AppSecret(小程序密钥)




第六步:用户登录

<span style="font-size:24px;">AV.User.loginWithWeapp().then(user => { 
 this.globalData.user = user.toJSON(); 
}).catch(console.error);</span> 

登陆后在平台查看用户信息



获取到: 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

    这篇文章主要介绍了克隆 JavaScript,克隆又有浅克隆与深克隆,文章围绕JavaScript浅克隆与深克隆的相关资料展开具体内容,需要的朋友可以参考一下
    2021-10-10
  • 详解 TypeScript 枚举类型

    详解 TypeScript 枚举类型

    这篇文章主要介绍了TypeScript 枚举类型,TypeScript 在 ES 原有类型基础上加入枚举类型,使得在 TypeScript 中也可以给一组数值赋予名字,这样对开发者比较友好,可以理解枚举就是一个字典,文章内容围绕TypeScript 枚举类型展开内容,需要的朋友可以参考一下
    2021-10-10
  • web worker在项目中的使用学习为项目增加亮点

    web worker在项目中的使用学习为项目增加亮点

    这篇文章主要为大家介绍了web worker使用学习来为你的项目增加亮点,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JavaScript执行机制详细介绍

    JavaScript执行机制详细介绍

    这篇文章主要介绍了JavaScript执行机制,想要搞懂JavaScript执行机制,便与进程与线程的概念脱不了干系,下面我们就来看看这JavaScript执行机制的具体介绍吧,需要的朋友可以参考一下
    2021-12-12
  • 前端JavaScript彻底弄懂函数柯里化curry

    前端JavaScript彻底弄懂函数柯里化curry

    随着主流JavaScript中函数式编程的迅速发展, 函数柯里化在许多应用程序中已经变得很普遍。 了解它们是什么,它们如何工作以及如何充分利用它们非常重要。本篇文章小编九向大家详细介绍JavaScript函数柯里化,需要的小伙伴可以参考下面文字内容
    2021-09-09
  • JavaScript自动化测试添加页面DOM元素唯一ID方案示例

    JavaScript自动化测试添加页面DOM元素唯一ID方案示例

    这篇文章主要为大家介绍了JavaScript自动化测试添加页面DOM元素唯一ID方案示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • 微信小程序 欢迎页面的制作(源码下载)

    微信小程序 欢迎页面的制作(源码下载)

    这篇文章主要介绍了微信小程序 欢迎页面的制作含(源码下载)的相关资料,这里实现欢迎页面,开始做应用的时候都会用到,需要的朋友可以参考下
    2017-01-01
  • 微信小程序 setData的使用方法详解

    微信小程序 setData的使用方法详解

    这篇文章主要介绍了微信小程序 setData的使用方法详解的相关资料,需要的朋友可以参考下
    2017-04-04
  • 小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)

    小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)

    这篇文章主要介绍了小程序开发页面窗口定位,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 微信小程序 页面跳转和数据传递实例详解

    微信小程序 页面跳转和数据传递实例详解

    这篇文章主要介绍了微信小程序 页面跳转和数据传递实例详解的相关资料,这里附有实例代码帮助到家学习理解,需要的朋友可以参考下
    2017-01-01

最新评论