微信小程序获取手机号授权完整实现

谁借莪１个温暖的怀抱￠ 2022-12-04 08:37 425阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhb3Rhb19ndWl3YW5n_size_16_color_FFFFFF_t_70_pic_center]

## 一.app.js配置 ##

App({ 
      onLaunch: function () { 
        
      },
      onShow: function () { 
        
      },
      onHide: function () { 
        // console.log(getCurrentPages())
      },
      onError: function (msg) { 
        //console.log(msg)
      },
    
      globalData: { 
        userInfo: null,
        appid: "",
        appsecret: "",
        phoneNumber: '',
        getSessionKeyUrl: 'http://localhost:8888/test/getsessionkey',
        getPhoneUrl: 'http://localhost:8888/test/getphone',
        orderHomeUrl: 'http://localhost:8888/login?phone=',
        driverLoginUrl: 'http://localhost:8888/driver/login'
      }
    });

## 二.app.json配置 ##

{ 
      "pages": [
        "pages/login/login",
        "pages/main/main",
        "pages/driverlogin/driverlogin"
      ],
      "window": { 
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#F8F8F8",
        "navigationBarTitleText": "小程序",
        "navigationBarTextStyle": "black"
      },
      "sitemapLocation": "sitemap.json"
    }

## 三.微信授权 ##

#### 1.页面 ####

<view wx:if="{ {isShow}}" >
        <view class="container" style="padding:0rpx">
            <image src='./login.png' style="z-index:-99;width:100%;height:100%;" mode="widthFix"></image>
            <view style="margin-top:10rpx; width: 98%;" >
                <button class="show" type="primary" lang="zh_CN" open-type='getPhoneNumber'  bindgetphonenumber="getPhoneNumber">{ { wechat}}</button>
            </view>
        </view>
    </view> 
    <view class="container" wx:else></view>

#### 2.页面样式 ####

.show{ 
      display: block;
      border-radius: 8rpx;
      margin: 20rpx 20rpx 20rpx 20rpx;
      font-size: 35rpx;
    }
    
    .container{ 
      position: fixed;  /*关键属性，设置为fixed*/
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
    }

#### 3.json ####

{ 
      "usingComponents": { }
    }

#### 4.js ####

#### 4.后端实现 ####

##### 1）获取sessionkey #####

@GetMapping("getsessionkey")
    @ResponseBody
    public synchronized Object getSessionKey(String jscode,String sign) { 
    	MyResult res = new MyResult();
    	if(StringUtils.isBlank(checkcode)) { 
    		res.setCode(-1);
    		res.setMsg("鉴权失败！");
    		return res;
    	}
    	
    	if(!checkcode.equals("sign")) { 
    		res.setCode(-1);
    		res.setMsg("鉴权失败！");
    		return res;
    	}
    	
    	if(StringUtils.isBlank(sign)||checkcode.equals("undefined")) { 
    		res.setCode(-1);
    		res.setMsg("无效参数！");
    		return res;
    	}
    	
    	OkHttpClient client = new OkHttpClient().newBuilder()
    			  .build();
    	String requestStr = miniProgramConfig.getSessionkeyurl()
    			  +"?appid="+miniProgramConfig.getAppid()
    			+"&secret="+miniProgramConfig.getSecret()
    			  +"&js_code="+jscode
    			  +"&grant_type=authorization_code";
    	Request request = new Request.Builder()
    	  .url(requestStr)
    	  .method("GET", null)
    	  .build();
    	try { 
    		Response response = client.newCall(request).execute();
    		String responseStr = response.body().string();
    		JSONObject jsonObject = JSONObject.parseObject(responseStr);
    		// 获取到session_key
    		String session_key = jsonObject.getString("session_key");
    		
    		if(StringUtils.isBlank(session_key)) { 
    			res.setCode(-1);
    			res.setMsg("获取sessionkey失败！");
    			return res;
    		}
    		return session_key;
    	} catch (IOException e) { 
    		logger.error("encryptedData，decode失败！", e);
    		res.setCode(-1);
    		res.setMsg("获取sessionkey失败！");
    		return res;
    	}
    }

##### 2）获取解密手机号 #####

@GetMapping("getphone")
    	@ResponseBody
    	public synchronized Object getPhone(String encryptedData, String iv, String sessionKey,String sign) { 
    		MyResult res = new MyResult();
    		if(StringUtils.isBlank(sign)) { 
    			res.setCode(-1);
    			res.setMsg("鉴权失败！");
    			return res;
    		}
    		
    		if(!sign.equals("sign")) { 
    			res.setCode(-1);
    			res.setMsg("鉴权失败！");
    			return res;
    		}
    		
    		if(StringUtils.isBlank(encryptedData)
    				||encryptedData.equals("undefined")
    				||StringUtils.isBlank(iv)
    				||iv.equals("undefined")
    				||StringUtils.isBlank(sessionKey)
    				||sessionKey.equals("undefined")) { 
    			res.setCode(-1);
    			res.setMsg("参数错误！");
    			return res;
    		}
    		
    		// 解码
    		try { 
    			encryptedData = URLDecoder.decode(encryptedData,"UTF-8");
    		} catch (UnsupportedEncodingException e) { 
    			res.setCode(-1);
    			res.setMsg("encryptedData，decode失败！");
    			logger.error("encryptedData，decode失败！", e);
    			return res;
    		}
    		return WechatDecryptDataUtil.decryptData(encryptedData, sessionKey, iv);
    		
    	}

##### 3）解密工具类 #####

import org.apache.log4j.LogManager;
    import org.apache.log4j.Logger;
    import org.bouncycastle.jce.provider.BouncyCastleProvider;
    import org.bouncycastle.util.Arrays;
    import org.bouncycastle.util.encoders.Base64;
    
    import com.zit.tis.wechat.miniproject.MiniProgramController;
    
    import javax.crypto.Cipher;
    import javax.crypto.spec.IvParameterSpec;
    import javax.crypto.spec.SecretKeySpec;
    import java.security.Key;
    import java.security.Security;
    
    /** * 微信工具类 */
    public class WechatDecryptDataUtil { 
    	private static Logger logger = LogManager.getLogger(WechatDecryptDataUtil.class);
    
        public static void main(String[] args) { 
            String result = decryptData(
                    "111==",
                    "222==",
                    "333=="
            );
            System.out.println("result = " + result);
        }
    
        public synchronized static String decryptData(String encryptDataB64, String sessionKeyB64, String ivB64) { 
        	String res = null;
        	try { 
        		res = new String(
                        decryptOfDiyIV(
                                Base64.decode(encryptDataB64),
                                Base64.decode(sessionKeyB64),
                                Base64.decode(ivB64)
                        )
                );
    		} catch (Exception e) { 
    			logger.error("encryptDataB64:"+encryptDataB64+"\n"+"sessionKeyB64:"+sessionKeyB64+"\n"+"ivB64:"+ivB64);
    		}
            
            return res;
        }
    
        private static final String KEY_ALGORITHM = "AES";
        private static final String ALGORITHM_STR = "AES/CBC/PKCS7Padding";
        private static Key key;
        private static Cipher cipher;
    
        private static void init(byte[] keyBytes) { 
            // 如果密钥不足16位，那么就补足. 这个if 中的内容很重要
            int base = 16;
            if (keyBytes.length % base != 0) { 
                int groups = keyBytes.length / base + (keyBytes.length % base != 0 ? 1 : 0);
                byte[] temp = new byte[groups * base];
                Arrays.fill(temp, (byte) 0);
                System.arraycopy(keyBytes, 0, temp, 0, keyBytes.length);
                keyBytes = temp;
            }
            // 初始化
            Security.addProvider(new BouncyCastleProvider());
            // 转化成JAVA的密钥格式
            key = new SecretKeySpec(keyBytes, KEY_ALGORITHM);
            try { 
                // 初始化cipher
                cipher = Cipher.getInstance(ALGORITHM_STR, "BC");
            } catch (Exception e) { 
                e.printStackTrace();
            }
        }
    
        /** * 解密方法 * * @param encryptedData 要解密的字符串 * @param keyBytes 解密密钥 * @param ivs 自定义对称解密算法初始向量 iv * @return 解密后的字节数组 */
        private static byte[] decryptOfDiyIV(byte[] encryptedData, byte[] keyBytes, byte[] ivs) { 
            byte[] encryptedText = null;
            init(keyBytes);
            try { 
                cipher.init(Cipher.DECRYPT_MODE, key, new IvParameterSpec(ivs));
                encryptedText = cipher.doFinal(encryptedData);
            } catch (Exception e) { 
                e.printStackTrace();
            }
            return encryptedText;
        }
    
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Rhb3Rhb19ndWl3YW5n_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/3ebd0129b87c441297560041d8a0f5b4.png