统一应用之应用和小程序微信授权方法

统一应用介绍

统一应用是一个使用Vue.js开发跨平台应用的前端框架。

适用平台：安卓、iOS、微信小程序。实现了一套代码，同时发布到安卓、iOS、微信小程序。

参考官方：https://uniapp.dcloud.io/

应用微信授权

检测服务商

检测手机上是否安装微信、QQ、新浪微博等。

uni。getProvider({ service : ' oauth '，success : function(RES){ console。日志(资源提供者)；}});

授权登录

获取openid，(unionid)等uni。登录({ provider : ' weixin '，success : function(loginRes){ console。日志(JSON。stringify(loginRes))；}});获取用户信息

uni。GetUserInfo({ provider : ' weixin '，success : function(infoRes){ console。日志('-获取微信用户所有-')控制台。日志(JSON。stringify(infores。UserInfo))；}});示例代码

！-# ifdef APP-PLUS-button class=' ' @ click=' appLogin ' APP微信授权登录/button！-# endif-applogin : function(){ uni。getProvider({ service : ' oauth '，success : function(RES){ console。日志(RES . provider)；//支持微信、qq和微博等if(~ RES . provider。indexof(' weixin '){ uni。登录({ provider : ' weixin '，success : function(loginRes){ console。日志('-获取open id(union id)-')；控制台。日志(JSON。stringify(loginRes))；//获取用户信息uni。GetUserInfo({ provider : ' weixin '，success : function(infoRes){ console。日志('-获取微信用户所有- ');控制台。日志(JSON。stringify(infores。UserInfo))；}});}});}}});},小程序微信授权

获取用户基本信息

为优化用户体验，使用wx.getUserInfo接口直接弹出授权框的开发方式将逐步不再支持。从2018年四月30日开始，小程序与小游戏的体验版、开发版调用wx.getUserInfo接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。开发者可使用以下方式获取或展示用户信息。

小程序使用按钮组件，并将开放式的指定为户信息类型，获取用户基本信息。

参考官方：https://开发者。微信。QQ。com/mini程序/dev/component/button。超文本标记语言

示例代码：

！-# ifdef MP-WEIXIN-button class=' ' open-type=' getUserInfo ' @ getUserInfo=' wxGetUserInfo '，凭据=' true '微信授权获取用户信息/button！-# endif-wxgetuserinfo :函数(RES){ if(！细节。iv){ uni。showToast({ title : '您取消了授权，登录失败，图标： ' none ' })；返回false}console.log(' -用户授权，并获取用户基本信息和加密数据-')控制台。日志(资源详细信息)；},微信登录

参考官方：https://开发者。微信。QQ。com/mini program/dev/framework/open-ability/log in。超文本标记语言

(1)页面uni。登录名获取密码

(2)后端通过密码获取会话密钥、openid(unionid)等，后端调用接口如下：https://api.weixin.qq.com/sns/jscode2session？appid=APPIDsecret=SECRETjs _ code=JSCODEgrant _ type=authorization _ code

(3)示例代码

！-# ifdef MP-WEIXIN-button class=' ' @ click=' wxLogin '微信登录/button！- #endif - wxLogin:函数(){ uni。登录({提供商： '微信'，成功：函数(登录){console.log(' -获取code-')控制台。日志。代码)；wx.request({url: 'https://