uni-app微信小程序登录授权的实现_javascript技巧

来源:脚本之家  责任编辑:小易  

小程序的发布十分的简单。只要有小程序的源代码,然后直接发布即可www.zgxue.com防采集请勿采集本网。

微信小程序授权是非常简单和常用的功能,但为了方便,还是在此记录一下要点:

小程序就是一种不需要安装的APP,用户只要扫一扫就可以打开。小程序和APP的区别: 一、面向用户群 App 面向所有的智能手机用户,约23亿台;小程序面向微信用户,约8亿用户。二、功能的实现 App

首先是需要用到一个授权按钮来触发获取用户信息授权: 关键在于 open-type 为 getUserInfo , 然后有个@getuserinfo的事件,把获取授权接口写到该事件里面去

是的,你没有听错,不久之后,在所有的 App 里面你都可以看到微信小程序的身影了。小程序和App真正的绑在一起了。

<button class="sys_btn" open-type="getUserInfo" lang="zh_CN" @getuserinfo="appLoginWx">{{loginInfo.openid != "" && loginInfo.openid != undefined ? "已授权" : "小程序授权"}}</button>

区别: 微信小程序以微信app为主体,使用微信提供的程序接口,要符合微信的要求;一般app直接使用手机系统提供的接口,符合系统审核。微信小程序是使用微信程序的主体功能的基础上主要自己的功能

方法如下:

内外圈不能退出小程序呀,点了就直接退出微信了,返回键也不行,只能重启微信吗?

appLoginWx(){ // #ifdef MP-WEIXIN uni.getProvider({ service: 'oauth', success: function (res) { if (~res.provider.indexOf('weixin')) { uni.login({ provider: 'weixin', success: (res) => { _self.authorization = res.code; uni.getUserInfo({ provider: 'weixin', success: (info) => {//这里请求接口 console.log(res); console.log(info); }, fail: () => { uni.showToast({title:"微信登录授权失败",icon:"none"}); } }) }, fail: () => { uni.showToast({title:"微信登录授权失败",icon:"none"}); } }) }else{ uni.showToast({ title: '请先安装微信或升级版本', icon:"none" }); } } }); //#endif }

微信小程序跟app上面的基本都是一样的,只不过就是微信小程序的会稍微卡一点,app就不会那么卡了

在 uni.login 和 uni.getUserInfo 被调用后,你可以获取到以下值用于继续请求后端给你的接口:

常用的值大概有:code 、iv 、encryptedData 和 个人基本信息,这些可以传给后端交换得到openid。

如果需要知道用户当前是否已经授权,则可以使用如下代码:

uniapp的授权文档,可以判断不同的授权类型:https://uniapp.dcloud.io/api/other/authorize?id=authorize

// #ifdef MP-WEIXIN uni.getSetting({ success(res) { console.log("授权:",res); if (!res.authSetting['scope.userInfo']) { //这里调用授权 console.log("当前未授权"); } else { //用户已经授权过了 console.log("当前已授权"); } } }) //#endif

到此这篇关于uni-app微信小程序登录授权的实现的文章就介绍到这了,更多相关uni-app小程序登录授权内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

用户信息一般在服务器端的数据库表里面存储,为了系统稳定性和持续更新,建议外包给专业的公司做内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • uni-app微信小程序登录并使用vuex存储登录状态的思路详解
  • vue中uni-app 实现小程序登录注册功能
  • 详解使用uni-app开发微信小程序之登录模块
  • webpack4.x开发环境配置详解
  • javascript实现简单的tab选项卡切换
  • js获取和设置属性的方法
  • js字符串按逗号和回车分隔的方法
  • bootstrap table前台和后台分页对json格式的要求
  • javascript判断ie浏览器6/7版本加载不同样式表的实现代码
  • javascript判断变量是否有值的方法
  • jquery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
  • 用javascript做一个小游戏平台 (二) 游戏选择器
  • js读写cookie实现一个底部广告浮层效果的两种方法
  • 的app,微信小程序,服务器端如何存储用户登录信息
  • APP部落如何发布微信小程序?
  • 微信小程序跟独立APP有什么区别?需要安装吗?
  • 微信小程序出来了,原生 App 和 Web App有什么区别?
  • 微信小程序和APP有什么区别
  • 微信小程序即将支持各个App直接打开吗
  • 微信小程序和原生APP都有哪些区别
  • 微信小程序,怎样退出登录呢?
  • 从微信小程序里上腾讯会议功能和app的一样吗?
  • 微信小程序和app的优缺点是什么呢?
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascriptuni-app微信小程序登录并使用vuex存储登录状态的思路详解vue中uni-app 实现小程序登录注册功能详解使用uni-app开发微信小程序之登录模块webpack4.x开发环境配置详解javascript实现简单的tab选项卡切换js获取和设置属性的方法js字符串按逗号和回车分隔的方法bootstrap table前台和后台分页对json格式的要求javascript判断ie浏览器6/7版本加载不同样式表的实现代码javascript判断变量是否有值的方法jquery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析用javascript做一个小游戏平台 (二) 游戏选择器js读写cookie实现一个底部广告浮层效果的两种方法js刷新页面方法大全js中settimeout()的用法详解js截取字符串常用方法详细整理js页面跳转常用的几种方式js打开新窗口的2种方式js数组与字符串的相互转换方法js设置cookie、读取cookie、删除js删除数组里的某个元素方法js 将json字符串转换为json对象的javascript深入理解js闭包ff ie兼容性的修改小结bootstrap与validator 使用笔记(java sprjavascript中获取纯正的undefined的方法如何检查一个对象是否为空移动端基础事件总结与应用js下拉缓冲菜单示例代码4种javascript实现简单tab选项卡切换的方srcelement表格样式js 终止执行的实现方法
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved