微信小程序uniapp+java 获取用户手机号

最新推荐文章于 2024-08-29 09:45:23 发布
最新推荐文章于 2024-08-29 09:45:23 发布
阅读量1.1k 收藏 8
点赞数 4
文章标签： java 小程序 vue.js web app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44354543/article/details/115491868
版权

uniapp+java 获取用户手机号

首先你的appid不能是个体，具体可以参照微信官方文档

  • 实现思路很简单

    1. 前端使用button的开放属性获取当前登录code和偏移量（iv）加密数据（encryptedData）
    2. 将获取到的数据回传到后台进行解密即可

  • 前端html

  • <button class="wechatlogin" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"   type="primary">微信登录</button>


  • //js
/* 获取用户手机 */
			async getPhoneNumber(e) {
				if (this.code.length == 0) {
					this.getCode();
				}
				const res = await this.httpRequest({ //这是我自己封装的请求方法
					url: '/user/getPhoneNumber',  //后端解析电话号码地址
					method: 'POST',
					data: { //解密电话需要的数据
						'iv': e.detail.iv,   
						'encryptedData': e.detail.encryptedData,
						'code': this.code
					}
				})
				console.log(res.data);
				if(res.data.success){
					uni.showToast({
						title:'登录成功',
						icon:'success'
					});
					uni.setStorageSync('token',res.data.data.token) 
					setTimeout(()=>{
						uni.switchTab({
							url:'../main/main'
						})
					},1000)
				}else{
					uni.showToast({
						title:'微信登录失败。请切换到手动登录',
						icon:'none'
					});
				}
			}

  • 后端，我用的是java实现

    1. 为了方便，我自己创建了一个bean用来接收前端传回的数据
    2. 根据前端传回来的数据去微信那边获取session_key和oppenid,当然对我们解密电话号码来说只有session_key是有用的
    3. 然后就是解密了，下面直接贴代码

  • 后端代码

    • javabean
  • //首先创建了一个bean来接收前端传回的数据
@Data
public class WeixinGetPhone {
    private String iv;
    private String code;
    private String encryptedData;
}
    • 工具类（用于发起get请求，获取session_key和oppenId）
  • public class WeiXinGetSessionKeyUtil {

    private static final String appid = "XXX";
    private static final String AppSecret = "XXX";


    public static String getSessionKey(String code) {
        StringBuilder result = new StringBuilder();
        String GEt_URL = "https://api.weixin.qq.com/sns/jscode2session?appid=" + appid + "&secret=" + AppSecret + "&js_code=" + code + "&grant_type=authorization_code";
        BufferedReader bufferedReader = null;
        try {
            URL url = new URL(GEt_URL);
            /*打开url之间的链接*/
            URLConnection urlConnection = url.openConnection();
            /*设置通用的请求属性*/
            urlConnection.setRequestProperty("accept", "*/*");
            urlConnection.setRequestProperty("connection", "Keep-Alive");
            urlConnection.setRequestProperty("user-agent", "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");
            /*建立实际的链接*/
            urlConnection.connect();
            /*获取响应头*/
            Map<String, List<String>> map = urlConnection.getHeaderFields();
            for (String key : map.keySet()) {
                System.out.println(key + "======>" + map.get(key));
            }
            //定义bufferReader输入流；来读取url响应
            bufferedReader = new BufferedReader(new InputStreamReader(urlConnection.getInputStream()));
            String line;
            while ((line = bufferedReader.readLine()) != null) {
                result.append(line);
            }
        } catch (IOException e) {
            e.printStackTrace();
            System.out.println("发送get请求出现异常" + e);
        } finally {
            try {
                if (bufferedReader != null) {
                    bufferedReader.close();
                }
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        System.out.println(result.toString()); 
        //解密只需要用session_key，所以我这里直接返回session_key
        //json解析工具用的是阿里的fastjson
        JSONObject jsonObject = JSON.parseObject(result.toString());
        return jsonObject.getString("session_key");
    }
}

    • 根据上一步拿到的session_key来解密手机号

    •  /*获取用户手机号码*/
//这里面解密的代码我也是网上找的，后来准备贴一下原文链接，但是我清除了浏览器缓存之后找不到了，在这里就衷心的感谢哪位不知名的大神
    public String getPhoneNumber(String sessionKey, WeixinGetPhone weixinGetPhone) {
        String result = "";
        byte[] dataByte = new byte[0];
        byte[] keyByte = new byte[0];
        byte[] ivByte = new byte[0];
        try {
            //草泥马，傻逼**，记得替换特殊字符。。。。
            //这个替换字符特别重要，不写就报错。
            String replace = URLEncoder.encode(weixinGetPhone.getEncryptedData(), "UTF-8").replace("%3D", "=").replace("%2F", "/").replace("%2B", "+");
            //我这里不知道为什么必须这样使用base64其他小伙伴如果报错的话把前面的包名去掉试试
            dataByte = org.apache.commons.codec.binary.Base64.decodeBase64(replace);
            String replace2 = URLEncoder.encode(sessionKey, "UTF-8").replace("%3D", "=").replace("%2F", "/").replace("%2B", "+");
            keyByte = org.apache.commons.codec.binary.Base64.decodeBase64(replace2);
            String replace1 = URLEncoder.encode(weixinGetPhone.getIv(), "UTF-8").replace("%3D", "=").replace("%2F", "/").replace("%2B", "+");
            ivByte = org.apache.commons.codec.binary.Base64.decodeBase64(replace1);
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        }
        try {
            // 如果密钥不足16位，那么就补足. 这个if 中的内容很重要
            int base = 16;
            if (keyByte.length % base != 0) {
                int groups = keyByte.length / base + (keyByte.length % base != 0 ? 1 : 0);
                byte[] temp = new byte[groups * base];
                Arrays.fill(temp, (byte) 0);
                System.arraycopy(keyByte, 0, temp, 0, keyByte.length);
                keyByte = temp;
            }
            // 初始化
            Security.addProvider(new BouncyCastleProvider());
            Cipher cipher = Cipher.getInstance("AES/CBC/PKCS7Padding", "BC");
            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 s = resultByte.toString();
                result = new String(resultByte, "UTF-8");
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        //result就是解密后的数据，我这里只需要电话号码，所以进行了数据处理
        System.out.println("result" + result);
        JSONObject jsonObject = JSONObject.parseObject(result);
        return jsonObject.getString("phoneNumber");

    }

  • controller里面的方法

  • 
    @PostMapping("/getPhoneNumber")
    @ApiOperation("用户授权后获取用户手机号")
//返回类型R为自己定义的全局返回对象
    public R getPhoneNumber(@RequestBody WeixinGetPhone weixinGetPhone) {
        //WeiXinGetSessionKeyUtil，由于发起get请求并解析数据得到session_key的代码会有点多，所以我抽成了一个工具类，上面有贴这个工具类
        //获取解密手机号需要的sessionkey
      String sessionKey = WeiXinGetSessionKeyUtil.getSessionKey(weixinGetPhone.getCode());
        //根据session_key和偏移量（iv）解密前端传回的加密数据
        //解密方法我也抽成了一个单独方法，上面也贴了
        String phoneNumber = getPhoneNumber(sessionKey, weixinGetPhone);
        System.out.println("用户手机号："+phoneNumber);
        ...
    }

  • 到此获取用户手机号也就算是收工了

  • 附使用到的jar包

  •  <dependency>
        <groupId>commons-codec</groupId>
        <artifactId>commons-codec</artifactId>
        <version>1.10</version>
    </dependency>
      <dependency>
        <groupId>org.codehaus.xfire</groupId>
        <artifactId>xfire-core</artifactId>
        <version>1.2.6</version>
    </dependency>
    <dependency>
        <groupId>org.bouncycastle</groupId>
        <artifactId>bcprov-jdk16</artifactId>
        <version>1.46</version>
    </dependency>
        <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <version>1.18.18</version>
    </dependency>
        <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.73</version>
    </dependency>
谢大勺
关注
uniapp+vue微信小程序项目中实现手机号授权登录
郭宝的博客
07-22 691
一般拿到code、encryptedData、iv数据以后，会将该数据传给后台，后台验证后会返回当前用户信息。
基于Uniapp+SpringBoot实现微信小程序授权登录
热门推荐
孙不坚1208
10-24 1万+
开发需求： 我们团队在开发微信小程序过程中，需要绑定微信用户的信息到数据库里，那么就需要获得用户的唯一标识openid,而微信为了安全，是禁止小程序直接访问该接口,因此我们不能直接拿到用户的openid，从而需要通过调用微信接口实现授权登录。 我是孙不坚1208，这篇文章是在2021年暑假参加山东省大学生软件设计大赛时所写，主要是第一次接触小程序开发（uniapp+springboot），遇到的问题都记下来了，后面我也会持续更新出我的专栏《小程序开发指南》，欢迎与我一起学习，希望我的文章能够帮助到大家。.
uni app 调用网络打印机_Java全栈必备之Uni-App
weixin_39889481的博客
11-21 1967
　　1、简介　　1.1 概述　　uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台　　1.2为什么使用Uni-App　　1.3 Uni-App功能　　开发功能，参考，借鉴 插件市场：https://ext.dcloud.net.cn/　　2、快速上手　　1、安装HbuildX 开发工具　　2、创建项目　　3...
java springboot+uniapp实现微信小程序获取微信手机号
uoYevoLi520的博客
12-30 2678
java springboot+uniapp实现微信小程序获取微信手机号
uniapp微信小程序开发测试获取手机号码
qq_45083002的博客
08-29 684
npm 下载 crypto-js:将node_modules中 crypto-js文件夹中的 crypto-js.js复制到WXBizDataCrypt同级目录。1.官网的WXBizDataCrypt需要导入crypto要提前下载但是试了很多次没有效果重新编写这个。2.我一直在尝试用下有下面这个界面的测试号不行获取不到用户的code还是啥忘记了s。接下来在第一张图片中的appid与AppSecret(小程序密钥)复制下来。新建WXBizDataCrypt.js官网也有也可以直接负责下面的内容。
uniapp获取用户手机号码，以及流程
Weirdo023的博客
09-15 1万+
找到WXBizDataCrypt.js放入自己的文件夹中，所有条件满足之后就可以正常走通了，此下面代码可以直接拿来使用，样式随便乱写的，自己调整。1.必须是企业账号，否则是无权限获取的用户手机号码的，企业账号你需要获取到你微信小程序的。6.所有值全部都可以拿到之后，通过微信提供的解密方法：可以拿到最终的手机号。4.通过微信提供的获取微信手机号的方法。服务端获取开放数据 | 微信开放文档。获取用户手机号码需要6个必要条件，5.用户授权完毕之后我们可以拿到。请求微信的服务器，拿到用户的。值（这两个值用于解密）
Java 微信小程序获取 手机号 uniapp
bai_shuang的博客
12-03 714
Java 小程序 解码 获取手机号
uniapp 获取微信小程序手机号码
weixin_64639723的博客
02-21 1684
5. 把下载好的加密数据解密算法 放入项目 并且引入 进行解密。3.弹出获取手机号码框 用户同意 获取加密手机号码信息。1.先获取session_key ，openid。2.写获取手机号码按钮。
新版uniapp微信小程序授权登录，获取用户信息手机号
JaneYork的博客
07-13 1372
从一开始的getUserInfo改成getUserProfile，再改到直接不能获取信息了，那这个接口还有什么用，根本就没调用必要，直接wx.login拿个code登陆就完事了。其次，如果需要绑定手机号，可以根据标识，后续提示引导用户需要绑定手机号。或者点击按钮微信授权手机号【需要马内】：​​​​​。​​ 但是可以通过wx.login直接获取到openid， 微信小程序获取头像填写，昵称填写 ​​。【不推荐】uniapp一键登录，获取手机号+ unicloud云函数，需要马内： ​​。
前端uniapp+后端springboot 详细教程《实现微信小程序授权登录》（附完整前后端项目demo）
tigerhhzz的博客
05-20 8822
功能： 通过前端发送请求，请求头中携带token参数，后端接受到token，然后进行token验证，拿到openid，通过openid去数据库中查询用户信息,并返回前端。功能： 通过前端发送请求携带的参数code以及后端配置文件中的微信小程序appid和微信小程序密钥，后端拼接url向微信后台发送请求。通过拿到的openid，去数据库查询对应用户信息，如果没有openid的用户，进行新增操作；使用uniapp构建一套代码多端使用的前端框架项目。如果存在openid的用户，进行更新操作。
uniapp+java获取微信手机号登陆
最新发布
10-12
4. **验证并获取用户信息**：有了Access Token，可以进一步获取用户的OpenID和UnionID，然后利用OpenID去微信API获取用户的详细信息，包括手机号。 ```java // 获取用户基本信息 User user = getUserInfo...
uniapp多文件前端上传JAVA后台接收实现（亲测）.txt
10-16
uniapp前端单文件上传JAVA后台接收实现（亲测），还有单文件上传亲测哦，可以都看看，研究了一天，终于搞定，支持原创
UniEncoder解码库-可以快速解码和编码
02-17
UniEncoder解码库-可以快速解码和编码，日常开发中经常会进行对字符串的各种编码和解码，很方便。
uniapp ，获取本机电话号码
weixin_55553121的博客
04-03 2517
实测自定义基座打包没有问题，若有问题，请看官网。
自己整理的所有java知识点 + uni-app总结（不断迭代中）
weixin_33980459的博客
04-12 218
1. 自己整理的所有java知识点 + uni-app总结（不断迭代中） 点击图片跳转到具体内容 1.1. Java整体知识架构详解之基础知识 1.2. Java整体知识架构详解-之进阶篇一 1.3. Java整体知识架构详解-之分布式架构 1.4. Java整体知识架构详解-之微服务架构 2. uni-app 鉴于很多人不知道uni-app是什么，这里我总结一句，编写一套代码可以跑...
uniapp获取用户信息
10-06 1558
<template> <view> <button @click="handleGetUserInfo">登录</button> <image :src="userInfo.avatarUrl"></image> {{ userInfo.city }}-{{ userInfo.country }}-{{ userInfo.province }}-{{ userInfo.nickName }}-{{ userInfo.ge.
自己整理的所有java知识点 uni-app总结
tzxylao的博客
10-25 1317
1. 自己整理的所有java知识点 uni-app总结（不断迭代中） 点击图片跳转到具体内容 或者进入该页面搜Java整体，大小写都不能错，这坑的搜索引擎 你可能没有注册，那请点击 https://www.processon.com/i/599d35fae4b00d97d7f9bb17 用该链接注册可以多得到3个文件保存的权限，每人的文件保存数是有限制的 1.1. Java整体知识架...
Uniapp调用java代码
vitaminjam的博客
10-28 686
使用Android Studio，将Java代码打包成uniapp可以调用的aar文件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值