1、调用Tao.login(),获取临时code,将获取到的 code 发送给后台换取用户唯一标识OpenID和会话密钥 sessionKey

app.ts

import { createApp } from 'vue'
import './app.scss'
import 'taro-ui-vue3/dist/style/index.scss' 
import Taro from '@tarojs/taro'
import globalData from './common/globalData'

var baseUrl = 'http://localhost:8080/'
const App = createApp({
  onLaunch: function() {
    //调用 wx.login(),获取临时 code
    Taro.login({  
      success: function (res) {  
          if (res.code) {
              //将获取到的 code 发送给后台换取用户唯一标识OpenID和会话密钥 sessionKey
              Taro.request({
                url: baseUrl + 'app/code2seesion',
                method: "POST",
                data: {
                  code: res.code
                },
                success: function (res2) {
                  globalData.sessionKey = res2.data.sessionKey
                  globalData.openid = res2.data.openid
                }
              })
          } else {  
              console.log('获取用户登录态失败!' + res.errMsg)  
          }  
      }  
  });  

  }
})

export default App

java后台:

@RestController
@RequestMapping("/app")
public class MiniController {
    @Autowired
    private RestTemplate restTemplate;

    @PostMapping("/code2seesion")
    public Result code2seesion(@RequestBody Map<String,Object> params) {
        // code取得
        String code = params.get("code").toString();
        Map<String, String> requestMap = new HashMap<>();
        requestMap.put("appid", "XXXXXXX");
        requestMap.put("secret", "SSSSSSS");
        requestMap.put("code", code);

        String url = String.format("https://api.weixin.qq.com/sns/jscode2session?appid=%s&secret=%s&js_code=%s&grant_type=%s", "XXXXXXX", "SSSSSSS", code, "authorization_code");
        ResponseEntity<String> responseEntity = restTemplate.getForEntity(url, String.class,requestMap);
        JSONObject jsonObject=JSONObject.parseObject(responseEntity.getBody());
        String openId=jsonObject.getString("openid");
        String session_key=jsonObject.getString("session_key");
        return Result.OK(new HashMap(){{
            put("sessionKey", session_key);
            put("openid", openId);
        }});
    }

2、页面使用getPhoneNumber获取信息,传到后台解析手机号

index.vue

    <view class="other-login-type-text">其他登录方式</view>
    <view>
      <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"> 
         <image src="../../images/weixin.jpg" class="weixin-image"></image>
      </button>
    </view>


   //使用微信方式登录
    getPhoneNumber(e) {
      if (e.detail.errMsg == "getPhoneNumber:ok") {
        let params = {
          encryptedData: e.detail.encryptedData,
          iv: e.detail.iv,
          sessionKey: globalData.sessionKey,
        }
        //解析加密的用户信息
        commonUtil.requestPost("app/decodePhone", params, function success(res){
          if(res.code == "0000") {
            globalData.driverPhone = res.phone;
            //登录成功,跳转到首页
            Taro.reLaunch({
              url: "../home/home",
            });
          }
        })
      }
    },

java后台:

    @PostMapping("/decodePhone")
    public Result decodePhone(@RequestBody Map<String,Object> params) {
        String encryptedData = params.get("encryptedData").toString();
        String iv = params.get("iv").toString();
        String sessionKey = params.get("sessionKey").toString();
        // 解析电话号码
        String mobile = this.decodePhone(encryptedData, iv, sessionKey);
        if (mobile == null) {
            return Result.error("解析电话号码失败!");
        }
        return Result.OK(new HashMap(){{
            put("phone", mobile);
        }});
    }


    public String decodePhone(String encryptedData, String iv, String sessionKey) {
        // 被加密的数据
        byte[] encryptedDataByte = org.bouncycastle.util.encoders.Base64.decode(encryptedData);
        // 加密秘钥
        byte[] sessionKeyByte = org.bouncycastle.util.encoders.Base64.decode(sessionKey);
        // 偏移量
        byte[] ivByte = org.bouncycastle.util.encoders.Base64.decode(iv);

        try {
            // 如果密钥不足16位,那么就补足.  这个if 中的内容很重要
            int base = 16;
            if (sessionKeyByte.length % base != 0) {
                int groups = sessionKeyByte.length / base + (sessionKeyByte.length % base != 0 ? 1 : 0);
                byte[] temp = new byte[groups * base];
                Arrays.fill(temp, (byte) 0);
                System.arraycopy(sessionKeyByte, 0, temp, 0, sessionKeyByte.length);
                sessionKeyByte = temp;
            }
            // 初始化
            Security.addProvider(new BouncyCastleProvider());
            Cipher cipher = Cipher.getInstance("AES/CBC/PKCS7Padding");
            SecretKeySpec spec = new SecretKeySpec(sessionKeyByte, "AES");
            AlgorithmParameters parameters = AlgorithmParameters.getInstance("AES");
            parameters.init(new IvParameterSpec(ivByte));
            cipher.init(Cipher.DECRYPT_MODE, spec, parameters);// 初始化
            byte[] resultByte = cipher.doFinal(encryptedDataByte);
            if (null != resultByte && resultByte.length > 0) {
                String result = new String(resultByte, "UTF-8");
                return JSONObject.parseObject(result).getString("phoneNumber");
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }

Logo

前往低代码交流专区

更多推荐