微信小程序Java登錄流程（ssm實現(xiàn)具體功能和加解密隱私信息問題解決方案）
|
圖片來源于@谷歌黑板報 “AI比人聰明系列”、“大概收錄了無數(shù)個靈魂畫手的作品”，昨日谷歌的AI應用“猜畫小歌”剛一入駐微信小程序，就俘獲了一群靈魂畫手，網友們一邊在朋友圈展示著自己的畫作，一邊感慨著AI的神奇之處。 據(jù) 谷歌黑板報 介紹，為了讓用戶體驗人工智能技術驅動下的人機交互，谷歌開發(fā)了這款小游戲。猜畫小歌由谷歌AI的神經網絡驅動，該網絡源自全世界最大的、囊括超過 5000 萬個手繪素描的數(shù)據(jù)群。 這種計算機視覺技術能夠讓計算機理解并“看到”輸入的視覺信息，比如說能夠通過粗糙的草圖辨認物體，或者通過隨意的涂鴉辨認出長著耳朵的墨跡是熊貓。 游戲操作簡潔，從小程序進入“猜畫小歌”后，網友就可以和AI組隊。主頁分為“開始作畫”、“排行榜”和“我的畫作”三個欄目。系統(tǒng)給出關鍵詞，網友要在限時18秒內完成畫作，AI隊友需要在倒計時前猜出物體。猜出的圖畫越多，連勝次數(shù)也會越多，畫手的級別就會越高。單局完成后用戶可選擇保存長圖或者直接分享，也可以邀請朋友一起挑戰(zhàn)最長的連勝紀錄。 排行榜會實時更新排名，目前單局成績第一名已經可以在18分鐘內完成264張畫作。在“我的畫作”里，用戶可以瀏覽自己解鎖的所有關鍵詞。這既能激起用戶的挑戰(zhàn)心理，又滿足了用戶分享討論的樂趣。
網友的“猜畫小歌”簡筆畫 這可能是國內大多數(shù)用戶第一次接觸谷歌AI技術，雖然只是一次AI落地的小水花，但因為門檻低，接地氣，又頗具社交娛樂性，因此在社交媒體流傳開來。 “猜畫小歌”是谷歌觸達中國用戶的一次嘗試，也是谷歌在中國部署AI的一次試水。因為谷歌應用商店在國內使用受限，谷歌一直在尋求獲取中國用戶的渠道。入駐微信小程序，意味著谷歌可以繞過谷歌或者應用商店，通過微信平臺直達數(shù)億中國網民。據(jù)QuestMobile數(shù)據(jù)，截止到2018年6月，微信月活躍用戶規(guī)模已達9.3億。 況且，小程序正是微信關注的的焦點，開發(fā)者也表現(xiàn)出對小程序變現(xiàn)的支持。據(jù)7月11日微信團隊公布的數(shù)據(jù)，目前微信已上線小程序100多萬，有超過150萬的開發(fā)者和5000個第三方開發(fā)平臺。在7月13日的調整中，微信給小程序設置了固定入口，小程序的戰(zhàn)役即將升級。 如果說谷歌蹭微信小程序的熱度只不過是“過家家”，那在中國展開AI技術研究就是動真格了。 2017年12月13日， 谷歌在國內開設了第一家人工智能實驗室 。提及成立AI實驗室的原因，谷歌云首席科學家李飛飛在谷歌中國開發(fā)者大會上表示，“中國在AI領域已經成為最重要的領導者之一，中國在ImageNet、Kaggle、基礎科研等方面有巨大的成就。” 她還補充說，“除了發(fā)表自己的作品，谷歌人工智能實驗室還將通過資助AI相關研討會和中國的AI人才，支持人工智能的研究社區(qū)。” 該實驗室與國內互聯(lián)網巨頭BAT、AI領域獨角獸Face ++和商湯科技展開了AI人才的爭奪。谷歌開設人工智能實驗室時正值中美競爭加劇，全球AI人才稀缺。像阿里、騰訊、百度和科大訊飛都已經或者計劃在美國開設AI實驗室。 不過設立實驗室并不代表谷歌會在國內推出AI服務，目前谷歌招攬的AI人才只會與谷歌遍布世界各地的團隊一起工作。 今年1月17日，谷歌又一鼓作氣在深圳設立了辦公室。深圳是中國科技巨頭的大本營，騰訊、華為和中興的總部均在深圳，阿里巴巴也在深圳設立了辦公室。深圳是智能硬件中心，谷歌落戶深圳也有著手智能硬件的考量。 谷歌一直在推進其“中國戰(zhàn)略”，除了布局AI實驗室招攬人才，谷歌也相繼在中國推出了三款產品。包括：移動版本的谷歌翻譯；與小米合作推出ARcore，以及在推出針對Android設備的文件管理服務Files Go之后，上線其中文版“文件極客”。 昨日上線的“猜畫小歌”只是谷歌AI場景落地的一個小水花，至于會激起多大的漣漪，還需要看谷歌中國戰(zhàn)略的下一步怎么走 |
|
文章有不當之處，歡迎指正，如果喜歡微信閱讀，你也可以關注我的微信公眾號： 好好學java，獲取優(yōu)質學習資源。 一、登錄流程圖
二、小程序客戶端
doLogin:function(callback = () =>{}){
let that = this;
wx.login({
success:function(loginRes){
if(loginRes){
//獲取用戶信息
wx.getUserInfo({
withCredentials:true,//非必填 默認為true
success:function(infoRes){
console.log(infoRes,'>>>');
//請求服務端的登錄接口
wx.request({
url: api.loginUrl,
data:{
code:loginRes.code,//臨時登錄憑證
rawData:infoRes.rawData,//用戶非敏感信息
signature:infoRes.signature,//簽名
encrypteData:infoRes.encryptedData,//用戶敏感信息
iv:infoRes.iv//解密算法的向量
},
success:function(res){
console.log('login success');
res = res.data;
if(res.result==0){
that.globalData.userInfo = res.userInfo;
wx.setStorageSync('userInfo',JSON.stringify(res.userInfo));
wx.setStorageSync('loginFlag',res.skey);
console.log("skey="+res.skey);
callback();
}else{
that.showInfo('res.errmsg');
}
},
fail:function(error){
//調用服務端登錄接口失敗
// that.showInfo('調用接口失敗');
console.log(error);
}
});
}
});
}else{
}
}
});
}
復制代碼
微信小程序端發(fā)起登錄請求，攜帶的參數(shù)主要有：
code:loginRes.code,//臨時登錄憑證
rawData:infoRes.rawData,//用戶非敏感信息
signature:infoRes.signature,//簽名
encrypteData:infoRes.encryptedData,//用戶敏感信息
iv:infoRes.iv//解密算法的向量
復制代碼
參數(shù)解釋： code:loginRes.code,//臨時登錄憑證： 必傳 ，通過code來換取后臺的 sessionKey和 openId rawData:infoRes.rawData,//用戶非敏感信息 signature:infoRes.signature,//簽名 encrypteData:infoRes.encryptedData,//用戶敏感信息 iv:infoRes.iv//解密算法的向量 signature,//簽名、 encryptedData ,//用戶敏感信息、 iv //解密算法的向量: 這三個參數(shù)是用來解碼用戶敏感信息的，比如電話號碼等信息。 需要的數(shù)據(jù)主要有： skey ，用于標志用戶的唯一性。 三、Java后臺
/**
* 登陸接口
*/
@RequestMapping("/login")
@ApiResponses({
@ApiResponse(code = 404, message = "服務器未找到資源"),
@ApiResponse(code = 200, message = "請求成功"),
@ApiResponse(code = 500, message = "服務器錯誤"),
@ApiResponse(code = 401, message = "沒有訪問權限"),
@ApiResponse(code = 403, message = "服務器拒絕訪問"),
})
@ApiOperation(value = "小程序登錄", httpMethod = "POST", notes = "小程序登錄")
public ResponseEntity<LoginDataResult> login(
@ApiParam(required = true, value = "臨時登錄憑證code", name = "code") String code,
@ApiParam(required = true, value = "用戶非敏感信息", name = "rawData")
@RequestParam(value = "rawData", required = true) String rawData,
@ApiParam(required = true, value = "簽名", name = "signature")
@RequestParam(value = "signature", required = true) String signature,
@ApiParam(required = true, value = "用戶敏感信息", name = "encrypteData")
@RequestParam(value = "encrypteData", required = true) String encrypteData,
@ApiParam(required = true, value = "解密算法的向量", name = "iv")
@RequestParam(value = "iv", required = true) String iv
) {
ObjectMapper mapper = new ObjectMapper();
logger.info("signature============================================================="+signature);
logger.info("encrypteData=========================================================="+encrypteData);
logger.info("iv========================================================================"+iv);
RawData data = null;
WxMaJscode2SessionResult session = null;
String openid = null;
String sessionKey = null;
String phoneNumber = null;
try {
if (rawData != null && !"".equals(rawData)) {
//1、獲取用戶非敏感信息
data = mapper.readValue(rawData, RawData.class);
}
session = this.wxService.getUserService().getSessionInfo(code);
//獲取到openid和sessionkey
openid = session.getOpenid();
sessionKey = session.getSessionKey();
logger.info("sessionkey========================================================="+sessionKey);
/* //2、獲取用戶手機號
phoneNumber = phone(code, signature, rawData, encrypteData, iv);
logger.info("phoneNumber========================================="+phoneNumber);
*/
} catch (IOException e) {
e.printStackTrace();
logger.info("獲取用戶信息失敗");
LoginDataResult loginDataResult = new LoginDataResult();
loginDataResult.setCode("2");
loginDataResult.setMsg("請求失敗");
return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body(loginDataResult);
} catch (WxErrorException e) {
e.printStackTrace();
logger.info("獲取用戶信息失敗");
}
//3、向數(shù)據(jù)庫插入用戶信息
String skey = insertUser(data, openid, phoneNumber);
//4、緩存openid, sessionKey, skey到redis
redisCache(openid, sessionKey, skey);
//5、把新的skey返回給小程序
LoginDataResult loginDataResult = new LoginDataResult();
loginDataResult.setSkey(skey);
loginDataResult.setCode("1");
loginDataResult.setMsg("請求成功");
return ResponseEntity.status(HttpStatus.OK).body(loginDataResult);
}
/**
* 緩存openid，sessionKey,skey等信息
* @param openid 小程序用戶唯一標志
* @param sessionKey 小程序會話標志
* @param skey 后臺生成的用戶唯一標志，會話管理
*/
private void redisCache(String openid, String sessionKey, String skey) {
//根據(jù)openid查詢skey是否存在
String skey_redis = jedisClient.hget("WEXIN_USER_OPENID_SKEY", openid);
if (StringUtils.isNotBlank(skey_redis)) {
//存在 刪除 skey 重新生成skey 將skey返回
jedisClient.hdel("WEXIN_USER_OPENID_SKEY", openid);
jedisClient.hdel("WEIXIN_USER_SKEY_OPENID", skey_redis);
jedisClient.hdel("WEIXIN_USER_SKEY_SESSIONKEY", skey_redis);
}
// 緩存一份新的
jedisClient.hset("WEXIN_USER_OPENID_SKEY", openid, skey);
jedisClient.expire("WEXIN_USER_OPENID_SKEY",432000);//設置5天過期
jedisClient.hset("WEIXIN_USER_SKEY_OPENID", skey, openid);
jedisClient.expire("WEIXIN_USER_SKEY_OPENID",432000);//設置5天過期
jedisClient.hset("WEIXIN_USER_SKEY_SESSIONKEY", skey, sessionKey);
jedisClient.expire("WEIXIN_USER_SKEY_SESSIONKEY",432000);//設置5天過期
}
/**
* 將用戶信息插入到數(shù)據(jù)庫
* @param data 用戶信息
* @param openid
* @param phoneNumber 手機號
* @return
*/
private String insertUser(RawData data, String openid, String phoneNumber) {
//判斷用戶數(shù)據(jù)庫是否存在,不存在，入庫。
Member user = userService.selectUserByOpenid(openid);
//uuid生成唯一key
String skey = UUID.randomUUID().toString();
if (user == null) {
//入庫
user = new Member();
user.setId(skey);
user.setCountry(data.getCountry());
user.setCreatedate(new Date());
user.setDf(1);
user.setGender(data.getGender().equals("1") ? 1 : 2);//1為男，2為女
user.setHeadimg(data.getAvatarUrl());
user.setNickname(data.getNickName());
user.setOpenid(openid);
user.setCitycode(data.getCity());
user.setProvincecode(data.getProvince());
user.setMobileno(phoneNumber);
//插入到數(shù)據(jù)庫
userService.insertUser(user);
} else {
//已存在
logger.info("用戶openid已存在,不需要插入");
return user.getId();//返回用戶唯一標志skey
}
return skey;
}
/**
* 獲取用戶板綁定的手機號
* @param sessionKey 小程序session
* @param signature 簽名
* @param rawData 用戶信息
* @param encryptedData 小程序加密數(shù)據(jù)
* @param iv 小程序向量
* @return
*/
@ApiOperation(value = "用戶手機號獲取", httpMethod = "GET", notes = "用戶手機號獲取")
public String phone(String sessionKey, String signature, String rawData, String encryptedData, String iv) {
String phoneNumber = null;
try {
byte[] bytes = WxMiniappUtils.decrypt(Base64.decodeBase64(sessionKey), Base64.decodeBase64(iv), Base64.decodeBase64(encryptedData));
String phone = new String(bytes, "UTF8");
logger.info("phone====================================="+phone);
} catch (NoSuchPaddingException e) {
e.printStackTrace();
} catch (NoSuchAlgorithmException e) {
e.printStackTrace();
} catch (InvalidAlgorithmParameterException e) {
e.printStackTrace();
} catch (InvalidKeyException e) {
e.printStackTrace();
} catch (BadPaddingException e) {
e.printStackTrace();
} catch (IllegalBlockSizeException e) {
e.printStackTrace();
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
return null;
}
復制代碼
下面對上面代碼進行分析： 3.1獲取openid和sessionKeysession = this.wxService.getUserService().getSessionInfo(code); //獲取到openid和sessionkey openid = session.getOpenid(); sessionKey = session.getSessionKey(); 復制代碼 這段代碼是不是十分的簡潔，這里用到了一個 第三方的sdk（weixin-java-tools） ，通過這個sdk可以非常簡便的獲取到openid和sessionKey，具體的 demo 。 當然，如果你不想用 第三方的sdk ，也可以自己實現(xiàn)，實現(xiàn)代碼如下：
public static JSONObject getSessionKeyOrOpenId(String code){
//微信端登錄code
String wxCode = code;
String requestUrl = "https://api.weixin.qq.com/sns/jscode2session";
Map<String,String> requestUrlParam = new HashMap<String, String>( );
requestUrlParam.put( "appid","你的小程序appId" );//小程序appId
requestUrlParam.put( "secret","你的小程序appSecret" );
requestUrlParam.put( "js_code",wxCode );//小程序端返回的code
requestUrlParam.put( "grant_type","authorization_code" );//默認參數(shù)
//發(fā)送post請求讀取調用微信接口獲取openid用戶唯一標識
JSONObject jsonObject = JSON.parseObject( UrlUtil.sendPost( requestUrl,requestUrlParam ));
return jsonObject;
}
復制代碼
3.2解密用戶敏感數(shù)據(jù)獲取用戶信息3.2.1controller這個部分自己遇到了好多的坑，由于需要獲取用戶的手機號碼，需要解密用戶的信息。
/**
* 獲取用戶板綁定的手機號
* @param sessionKey 小程序session
* @param signature 簽名
* @param rawData 用戶信息
* @param encryptedData 小程序加密數(shù)據(jù)
* @param iv 小程序向量
* @return
*/
@ApiOperation(value = "用戶手機號獲取", httpMethod = "GET", notes = "用戶手機號獲取")
public String phone(String sessionKey, String signature, String rawData, String encryptedData, String iv) {
String phoneNumber = null;
try {
byte[] bytes = WxMiniappUtils.decrypt(Base64.decodeBase64(sessionKey), Base64.decodeBase64(iv), Base64.decodeBase64(encryptedData));
String phone = new String(bytes, "UTF8");
logger.info("phone====================================="+phone);
} catch (NoSuchPaddingException e) {
e.printStackTrace();
} catch (NoSuchAlgorithmException e) {
e.printStackTrace();
} catch (InvalidAlgorithmParameterException e) {
e.printStackTrace();
} catch (InvalidKeyException e) {
e.printStackTrace();
} catch (BadPaddingException e) {
e.printStackTrace();
} catch (IllegalBlockSizeException e) {
e.printStackTrace();
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
return null;
}
復制代碼
3.2.2decrypt工具類這里調用了 WxMiniappUtils.decrypt 這個工具類，工具類如下：
/**
* 解密用戶手機號算法
* @param sessionkey 小程序登錄sessionKey
* @param iv 向量
* @param encryptedData
* @return
* @throws NoSuchPaddingException
* @throws NoSuchAlgorithmException
* @throws InvalidAlgorithmParameterException
* @throws InvalidKeyException
* @throws BadPaddingException
* @throws IllegalBlockSizeException
*/
public static byte[] decrypt(byte[] sessionkey, byte[] iv, byte[] encryptedData)
throws NoSuchPaddingException, NoSuchAlgorithmException, InvalidAlgorithmParameterException,
InvalidKeyException, BadPaddingException, IllegalBlockSizeException {
AlgorithmParameterSpec ivSpec = new IvParameterSpec(iv);
Cipher cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");
SecretKeySpec keySpec = new SecretKeySpec(sessionkey, "AES");
cipher.init(Cipher.DECRYPT_MODE, keySpec, ivSpec);
return cipher.doFinal(encryptedData);
}
復制代碼
這里用到的 Cipher 類是 javax.crypto 的類。 3.2.3問題但是這里使用這個 decrypt 工具類的時候，遇到了好多的問題。 第一：AES解密是報錯javax.crypto.BadPaddingException: pad block corrupted 這個問題是由于，工具類使用了 Cipher.getInstance("AES/CBC/PKCS5Padding") 。 解決：Cipher cipher = Cipher.getInstance("AES/ECB/ZeroBytePadding");。 第二：java.security.InvalidAlgorithmParameterException: Wrong IV length: must be 16 這個問題是由于，解碼出來的iv不是16位，好像是15位，這個為什么我也不太清楚。 解決：這個怎么解決，自己也沒有找到方法，如果有大神解決，望告知！ 我的解決方法：其實我發(fā)現(xiàn)這個問題并不是這個工具類的問題，我折騰了一天發(fā)現(xiàn)，這個工具類并不是不能夠解碼手機號，有的是可以的，有的解析不到手機號，只有普通的信息，所以我覺得，這個可能是微信用戶注冊的時候，是不是用手機號注冊的，所以會出現(xiàn)有些能夠解析，有的不能解析。如果有大神有其他方法，望告知！ 3.2.4解析成功數(shù)據(jù)
{"phoneNumber":"13880684012","purePhoneNumber":"13880684012","countryCode":"86","watermark":{"timestamp":1519460296,"appid":"wx6ede2086ee29a89f"}}
復制代碼
如果解析到了這樣的json數(shù)據(jù)，說明是成功了的。 3.2.5 另外一種方案
public class AES {
public static final AES instance = new AES();
public static boolean initialized = false;
/**
* AES解密
* @param content 密文
* @return
* @throws InvalidAlgorithmParameterException
* @throws NoSuchProviderException
*/
public byte[] decrypt(byte[] content, byte[] keyByte, byte[] ivByte) throws InvalidAlgorithmParameterException {
initialize();
try {
Cipher cipher = Cipher.getInstance("AES/CBC/PKCS7Padding");
Key sKeySpec = new SecretKeySpec(keyByte, "AES");
cipher.init(Cipher.DECRYPT_MODE, sKeySpec, generateIV(ivByte));// 初始化
byte[] result = cipher.doFinal(content);
return result;
} catch (NoSuchAlgorithmException e) {
e.printStackTrace();
} catch (NoSuchPaddingException e) {
e.printStackTrace();
} catch (InvalidKeyException e) {
e.printStackTrace();
} catch (IllegalBlockSizeException e) {
e.printStackTrace();
} catch (BadPaddingException e) {
e.printStackTrace();
} catch (NoSuchProviderException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
return null;
}
public static void initialize(){
if (initialized) return;
Security.addProvider(new BouncyCastleProvider());
initialized = true;
}
//生成iv
public static AlgorithmParameters generateIV(byte[] iv) throws Exception{
AlgorithmParameters params = AlgorithmParameters.getInstance("AES");
params.init(new IvParameterSpec(iv));
return params;
}
}
復制代碼
這個也會有上面的問題，有時候會解析失??！具體方法，還在摸索中，有大神知道方法和原有，望告知！ 3.2.6第三方sdk方法
WxMaPhoneNumberInfo phoneNoInfo = this.wxService.getUserService().getPhoneNoInfo(sessionKey, encryptedData, iv);
phoneNumber = phoneNoInfo.getPurePhoneNumber();
復制代碼
這個也會有上面的問題出現(xiàn)，有時候會解析失??！ 四、總結1.小程序端發(fā)起請求并攜帶主要參數(shù) 2.java后臺接到/login請求后，根據(jù)code去調用微信接口獲取用戶唯一標識openid和sessionKey 3.根據(jù)openid查詢mysql數(shù)據(jù)庫，判斷該用戶是否存在，如果不存在將用戶非敏感信息和其他初始化數(shù)據(jù)存入到數(shù)據(jù)庫中，如果已存在，不操作 4.根據(jù)openid查詢redis數(shù)據(jù)庫，判斷openid對應的skey是否存在，如果存在則刪除原來老的skey以及對應的openid和sessionKey 5.通過uuid生成唯一的skey，用openid做鍵，skey做值，存入到redis中 6.然后把skey做鍵，openid和sessionKey的json串做值也重新存入到redis中 7.根據(jù)解密算法，參數(shù)有encryptedData、sessionKey和iv，獲取用戶信息userInfo,如果userInfo字段不滿足需要，可通過userInfo.put( "balance",user.getUbalance() );添加所需要的字段和值 8.將微信小程序需要的數(shù)據(jù)封裝到map中，返回給小程序端。 |
