赞
踩
更新:
在18年4月25日小程序做了一次更新,小程序授权不再支持直接弹框获取用户信息授权了
以下代码也已经做了更改
--------------------------------------------------------------------------------------------------
在实际的小程序开发中,往往需要用户授权登陆并获取用户的数据,
小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系。
官方API给出的是这样的
https://developers.weixin.qq.com/miniprogram/dev/api/signature.htm
说明:
小程序调用wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。
开发者服务器以code换取 用户唯一标识openid 和 会话密钥session_key。
之后开发者服务器可以根据用户标识来生成自定义登录态,用于后续业务逻辑中前后端交互时识别用户身份。
具体API里说的很清楚了,下面直接上代码,具体用到什么会直接上链接
1、(客户端 JS部分)微信小程序客户端调用接口wx.login() 获取临时登录凭证(code)
API:参数\登录凭证验证\接口说明
- //1、调用微信登录接口,获取code
- wx.login({
- success: function (r) {
- var code = r.code;//登录凭证
- if (code) {
- //2、调用获取用户信息接口
- //...
-
- } else {
- console.log('获取用户登录态失败!' + r.errMsg)
- }
- },
- fail: function () {
- callback(false)
- }
- })
2、(客户端 JS部分)微信小程序客户端校验用户当前session_key是否有效,调用 wx.getUserInfo()接口获取 用户基本信息、encryptedData(用户敏感信息加密数据) 和 iv(加密算法的初始向量 )
- //1、调用微信登录接口,获取code
- wx.login({
- success: function (r) {
- var code = r.code;//登录凭证
- if (code) {
- //2、调用获取用户信息接口
- wx.getUserInfo({
- success: function (res) {
- console.log({encryptedData: res.encryptedData, iv: res.iv, code: code})
- //3.解密用户信息 获取unionId
- //...
- },
- fail: function () {
- console.log('获取用户信息失败')
- }
- })
-
- } else {
- console.log('获取用户登录态失败!' + r.errMsg)
- }
- },
- fail: function () {
- callback(false)
- }
- })
3、(客户端 JS部分/WXML部分)将前面获取到的 code 、encryptedData、iv发送到自己的服务器(开发者服务器),通过自己的服务器(开发者服务器)解密获取信息
- <!--wxml-->
- <!-- 如果只是展示用户头像昵称,可以使用 <open-data /> 组件 -->
- <open-data type="userAvatarUrl"></open-data>
- <open-data type="userNickName"></open-data>
- <!-- 需要使用 button 来授权登录 -->
- <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录</button>
- <view wx:else>请升级微信版本</view>
- //js
- Page({
- data: {
- canIUse: wx.canIUse('button.open-type.getUserInfo')
- },
- onLoad: function() {
- // 查看是否授权
- wx.getSetting({
- success: function(res){
- if (res.authSetting['scope.userInfo']) {
- // 已经授权,可以直接调用 getUserInfo 获取头像昵称
- wx.getUserInfo({
- success: function(res) {
- console(res.userInfo)
- }
- })
- }
- }
- })
- },
- bindGetUserInfo: function (event) {
- console.log(event.detail.userInfo)
- //使用
- wx.getSetting({
- success: res => {
- if (res.authSetting['scope.userInfo']) {
- // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框
- wx.login({
- success: function (res) {
- var code = res.code;//登录凭证
- if (code) {
- //2、调用获取用户信息接口
- wx.getUserInfo({
- success: function (res) {
- console.log({ encryptedData: res.encryptedData, iv: res.iv, code: code })
- //3.请求自己的服务器,解密用户信息 获取unionId等加密信息
- wx.request({
- url: 'https://xxxx.com/wxsp/decodeUserInfo',//自己的服务接口地址
- method: 'post',
- header: {
- 'content-type': 'application/x-www-form-urlencoded'
- },
- data: { encryptedData: res.encryptedData, iv: res.iv, code: code },
- success: function (data) {
-
- //4.解密成功后 获取自己服务器返回的结果
- if (data.data.status == 1) {
- var userInfo_ = data.data.userInfo;
- console.log(userInfo_)
- } else {
- console.log('解密失败')
- }
-
- },
- fail: function () {
- console.log('系统错误')
- }
- })
- },
- fail: function () {
- console.log('获取用户信息失败')
- }
- })
-
- } else {
- console.log('获取用户登录态失败!' + r.errMsg)
- }
- },
- fail: function () {
- console.log('登陆失败')
- }
- })
-
- } else {
- console.log('获取用户信息失败')
-
- }
-
- }
- })
-
- }
- })
4、(服务端 java部分)自己的服务器发送code到微信服务器获取openid(用户唯一标识)和session_key(会话密钥),最后将encryptedData、iv、session_key通过AES解密获取到用户敏感数据 (整段复制即可无需修改)
解密这里官方也给出了参照示例API,微信官方提供了多种编程语言的示例代码(点击下载)。每种语言类型的接口名字均一致。调用方式可以参照示例。但没有JAVA的,
a、获取秘钥并处理解密的controller(这里用的是springMVC)
- /**
- * @Title: decodeUserInfo
- * @author:lizheng
- * @date:2018年3月25日
- * @Description: 解密用户敏感数据
- * @param encryptedData 明文,加密数据
- * @param iv 加密算法的初始向量
- * @param code 用户允许登录后,回调内容会带上 code(有效期五分钟),开发者需要将 code 发送到开发者服务器后台,使用code 换取 session_key api,将 code 换成 openid 和 session_key
- * @return
- */
- @SuppressWarnings({ "unchecked", "rawtypes" })
- @RequestMapping(value = "/decodeUserInfo", method = RequestMethod.POST)
- @ResponseBody
- public Map decodeUserInfo(String encryptedData, String iv, String code) {
-
- Map map = new HashMap();
-
- // 登录凭证不能为空
- if (code == null || code.length() == 0) {
- map.put("status", 0);
- map.put("msg", "code 不能为空");
- return map;
- }
-
- // 小程序唯一标识 (在微信小程序管理后台获取)
- String wxspAppid = "wx18385lalalala";
- // 小程序的 app secret (在微信小程序管理后台获取)
- String wxspSecret = "bef47459d81a6eflalalalala";
- // 授权(必填)
- String grant_type = "authorization_code";
-
- 1、向微信服务器 使用登录凭证 code 获取 session_key 和 openid
-
- // 请求参数
- String params = "appid=" + wxspAppid + "&secret=" + wxspSecret + "&js_code=" + code + "&grant_type="
- + grant_type;
- // 发送请求
- String sr = HttpRequest.sendGet("https://api.weixin.qq.com/sns/jscode2session", params);
- // 解析相应内容(转换成json对象)
- JSONObject json = new JSONObject(sr);
- // 获取会话密钥(session_key)
- String session_key = json.get("session_key").toString();
- // 用户的唯一标识(openid)
- String openid = (String) json.get("openid");
-
- 2、对encryptedData加密数据进行AES解密
- try {
- String result = AesCbcUtil.decrypt(encryptedData, session_key, iv, "UTF-8");
- if (null != result && result.length() > 0) {
- map.put("status", 1);
- map.put("msg", "解密成功");
-
- JSONObject userInfoJSON = new JSONObject(result);
- Map userInfo = new HashMap();
- userInfo.put("openId", userInfoJSON.get("openId"));
- userInfo.put("nickName", userInfoJSON.get("nickName"));
- userInfo.put("gender", userInfoJSON.get("gender"));
- userInfo.put("city", userInfoJSON.get("city"));
- userInfo.put("province", userInfoJSON.get("province"));
- userInfo.put("country", userInfoJSON.get("country"));
- userInfo.put("avatarUrl", userInfoJSON.get("avatarUrl"));
- // 解密unionId & openId;
-
- userInfo.put("unionId", userInfoJSON.get("unionId"));
- map.put("userInfo", userInfo);
- } else {
- map.put("status", 0);
- map.put("msg", "解密失败");
- }
- } catch (Exception e) {
- e.printStackTrace();
- }
- return map;
- }
添加两个工具类:
b、AesCbcUtil.java 工具类 (整段复制即可无需修改)
- package com.yfs.util;
-
- import org.apache.commons.codec.binary.Base64;
- import org.bouncycastle.jce.provider.BouncyCastleProvider;
-
- import javax.crypto.BadPaddingException;
- import javax.crypto.Cipher;
- import javax.crypto.IllegalBlockSizeException;
- import javax.crypto.NoSuchPaddingException;
- import javax.crypto.spec.IvParameterSpec;
- import javax.crypto.spec.SecretKeySpec;
- import java.io.UnsupportedEncodingException;
- import java.security.*;
- import java.security.spec.InvalidParameterSpecException;
-
- /**
- * Created by yfs on 2018/3/25.
- * <p>
- * AES-128-CBC 加密方式
- * 注:
- * AES-128-CBC可以自己定义“密钥”和“偏移量“。
- * AES-128是jdk自动生成的“密钥”。
- */
- public class AesCbcUtil {
-
-
- static {
- //BouncyCastle是一个开源的加解密解决方案,主页在http://www.bouncycastle.org/
- Security.addProvider(new BouncyCastleProvider());
- }
-
- /**
- * AES解密
- *
- * @param data //密文,被加密的数据
- * @param key //秘钥
- * @param iv //偏移量
- * @param encodingFormat //解密后的结果需要进行的编码
- * @return
- * @throws Exception
- */
- public static String decrypt(String data, String key, String iv, String encodingFormat) throws Exception {
- // initialize();
-
- //被加密的数据
- byte[] dataByte = Base64.decodeBase64(data);
- //加密秘钥
- byte[] keyByte = Base64.decodeBase64(key);
- //偏移量
- byte[] ivByte = Base64.decodeBase64(iv);
-
-
- try {
- Cipher cipher = Cipher.getInstance("AES/CBC/PKCS7Padding");
-
- SecretKeySpec spec = new SecretKeySpec(keyByte, "AES");
-
- AlgorithmParameters parameters = AlgorithmParameters.getInstance("AES");
- parameters.init(new IvParameterSpec(ivByte));
-
- cipher.init(Cipher.DECRYPT_MODE, spec, parameters);// 初始化
-
- byte[] resultByte = cipher.doFinal(dataByte);
- if (null != resultByte && resultByte.length > 0) {
- String result = new String(resultByte, encodingFormat);
- return result;
- }
- return null;
- } catch (NoSuchAlgorithmException e) {
- e.printStackTrace();
- } catch (NoSuchPaddingException e) {
- e.printStackTrace();
- } catch (InvalidParameterSpecException e) {
- e.printStackTrace();
- } catch (InvalidKeyException e) {
- e.printStackTrace();
- } catch (InvalidAlgorithmParameterException e) {
- e.printStackTrace();
- } catch (IllegalBlockSizeException e) {
- e.printStackTrace();
- } catch (BadPaddingException e) {
- e.printStackTrace();
- } catch (UnsupportedEncodingException e) {
- e.printStackTrace();
- }
-
- return null;
- }
-
- }
c、HttpRequest.java 工具类 (整段复制即可无需修改)
- package com.yfs.util;
-
- import java.io.BufferedReader;
- import java.io.IOException;
- import java.io.InputStreamReader;
- import java.io.PrintWriter;
- import java.net.URL;
- import java.net.URLConnection;
- import java.util.List;
- import java.util.Map;
-
- public class HttpRequest {
-
- public static void main(String[] args) {
- //发送 GET 请求
- String s=HttpRequest.sendGet("http://v.qq.com/x/cover/kvehb7okfxqstmc.html?vid=e01957zem6o", "");
- System.out.println(s);
-
- // //发送 POST 请求
- // String sr=HttpRequest.sendPost("http://www.toutiao.com/stream/widget/local_weather/data/?city=%E4%B8%8A%E6%B5%B7", "");
- // JSONObject json = JSONObject.fromObject(sr);
- // System.out.println(json.get("data"));
- }
-
- /**
- * 向指定URL发送GET方法的请求
- *
- * @param url
- * 发送请求的URL
- * @param param
- * 请求参数,请求参数应该是 name1=value1&name2=value2 的形式。
- * @return URL 所代表远程资源的响应结果
- */
- public static String sendGet(String url, String param) {
- String result = "";
- BufferedReader in = null;
- try {
- String urlNameString = url + "?" + param;
- URL realUrl = new URL(urlNameString);
- // 打开和URL之间的连接
- URLConnection connection = realUrl.openConnection();
- // 设置通用的请求属性
- connection.setRequestProperty("accept", "*/*");
- connection.setRequestProperty("connection", "Keep-Alive");
- connection.setRequestProperty("user-agent",
- "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
- // 建立实际的连接
- connection.connect();
- // 获取所有响应头字段
- Map<String, List<String>> map = connection.getHeaderFields();
- // 遍历所有的响应头字段
- for (String key : map.keySet()) {
- System.out.println(key + "--->" + map.get(key));
- }
- // 定义 BufferedReader输入流来读取URL的响应
- in = new BufferedReader(new InputStreamReader(
- connection.getInputStream()));
- String line;
- while ((line = in.readLine()) != null) {
- result += line;
- }
- } catch (Exception e) {
- System.out.println("发送GET请求出现异常!" + e);
- e.printStackTrace();
- }
- // 使用finally块来关闭输入流
- finally {
- try {
- if (in != null) {
- in.close();
- }
- } catch (Exception e2) {
- e2.printStackTrace();
- }
- }
- return result;
- }
-
- /**
- * 向指定 URL 发送POST方法的请求
- *
- * @param url
- * 发送请求的 URL
- * @param param
- * 请求参数,请求参数应该是 name1=value1&name2=value2 的形式。
- * @return 所代表远程资源的响应结果
- */
- public static String sendPost(String url, String param) {
- PrintWriter out = null;
- BufferedReader in = null;
- String result = "";
- try {
- URL realUrl = new URL(url);
- // 打开和URL之间的连接
- URLConnection conn = realUrl.openConnection();
- // 设置通用的请求属性
- conn.setRequestProperty("accept", "*/*");
- conn.setRequestProperty("connection", "Keep-Alive");
- conn.setRequestProperty("user-agent",
- "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
- // 发送POST请求必须设置如下两行
- conn.setDoOutput(true);
- conn.setDoInput(true);
- // 获取URLConnection对象对应的输出流
- out = new PrintWriter(conn.getOutputStream());
- // 发送请求参数
- out.print(param);
- // flush输出流的缓冲
- out.flush();
- // 定义BufferedReader输入流来读取URL的响应
- in = new BufferedReader(
- new InputStreamReader(conn.getInputStream()));
- String line;
- while ((line = in.readLine()) != null) {
- result += line;
- }
- } catch (Exception e) {
- System.out.println("发送 POST 请求出现异常!"+e);
- e.printStackTrace();
- }
- //使用finally块来关闭输出流、输入流
- finally{
- try{
- if(out!=null){
- out.close();
- }
- if(in!=null){
- in.close();
- }
- }
- catch(IOException ex){
- ex.printStackTrace();
- }
- }
- return result;
- }
- }
有一点需要注意的是,要对接已有的用户系统需要用到unionId,如果通过以上方法获取不到unionId,那么你就要去检查一下你的微信开放平台(微信开放平台)是否有绑定微信小程序.
UnionID获取途径
绑定流程:
登录微信开放平台(open.weixin.qq.com)—管理中心—公众帐号—绑定公众帐号
打印一下
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。