SpringBoot中获取微信用户信息从未如此简单 HTML5网页录音和上传到服务器，支持PC、Android，支持IOS微信

前言

不知道你是否参好友砍价功能，这个功能实现首先需要考虑的就是获取微信用户的信息。获取用户信息就是获取公众号下微信用户的信息，今天我就来讲讲如何从公众号下获取微信用户信息。

需要声明一点的是获取微信公众号下的用户信息的权限是服务号才有，个人订阅号是没有该权限的。

获取公众号用户信息实战

第一步需要先申请接口测试号并进行网页授权设置

访问如下链接进行接口测试号申请。

https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Requesting_an_API_Test_Account.html

选择接口测试号申请，如下图所示：

点击登录进行扫码登录，如下图所示：

登录后如下图所示：

在下面的的网页账号一栏添开发者工具，可以在PC进行测试。

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Web_Developer_Tools.html

傻瓜式一步一步安装即可。

第三步看微信操作教程并完成代码实现

接下来就是代码部分编写了，在开发前首先需要看一下获取微信公众号用户信息的教程：

通过访问：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html。

获取微信用户信息具体操作有如下4步。

第一步：用户同意授权，获取code

代码的操作就是拼接引导用户进行微信授权地址，然后重定向到微信服务，微信服务在根据重定向的URL地址并携带code重定向到我们的服务器。这一步需要配置有公众号appid和redirect_uri。

需要注意的是重定向的地址需要encode以下，具体操作如下面代码所示：

Stringurl=URLEncoder.encode(request.getRequestURL().toString());

具体地址如下图所示：红色框位置需要改为我们公众号appid和redirect_uri信息，其他的内容不用改动。

程序重定向该地址后会让用户进行授权，如下图所示：

用户点击同意后，微信服务会根据重定向地址重定向回我们的服务中并携带code。

第二步就是根据code获取网页授权access_token和openid。

调用如下面所示微信API，红色框code替换成获取的code，其他内容不用做任何改动。

第三步：刷新access_token（如果需要）

access_token有效期是7200s，当access_token超时后，可以使用refresh_token进行刷新，refresh_token有效期为30天，当refresh_token失效之后，需要用户重新授权。这步可做可不做，我们这里就绕开这步。

第四步：拉取用户信息(需scope为snsapi_userinfo)

关于网页授权的两种scope的区别说明

1、以snsapi_base为scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页（往往是业务页面）

2、以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。但这种授权需要用户手动同意，并且由于用户同意过，所以无须关注，就可在授权后获取该用户的基本信息。

根据第二步获取的access_token和opendId获取微信用户的信息。调用如下图所示微信API，将获取的access_token和opendId替换如下图中红色框位置内容，其他不用做任何改动。返回的json信息就是该公众号的用户信息。

讲完操作流程，接下来就是代码实现。具体获取微信用户信息Controller内容如下：

application.properties配置内容如下：

微信核心处理都在WeiXinService中，微信接口调用时通过RestTemplate来实现的。

拼接引导用户进行微信授权地址代码如下：

根据code获取网页授权access_token和openid代码如下：

通过access_token和openid获取微信用户信息代码如下：

测试

下载微信web开发者工具完成后，根据傻瓜式安装即可。安装完成后打开web开发者工具，如下图所示选择公众号网页。

输入http:127.0.1:8090/sbe2/weixin/getWeiXinUserInfo，就会看到该测试公众号的用户信息。

一般情况下我们通过接口测试号配置成测试环境域名或IP，测试通过后就可以在服务号上配置网页授权域名，顺便在把我们项目配置的appid换成服务号的appid即可。具体操作如下：

小结

获取微信公众号用户信息步骤就是：第一步拼接引导用户授权的地址然后根据该地址重定向到微信服务，第二步获取授权code，根据code获取access_token和OpenId，第三步根据access_token和OpenId获取微信用户信息。

我这里介绍最简三步，正常来讲还需要验证access_token是否有效，这一步也可以通过缓存access_token到Reid中并设置过期时间，当其失效后刷新access_token。

在这里再三强调一下，微信提供操作文档一定要多看几篇，因为很多细节都在文档中进行了说明。当你把微信提供操作文档看透，你就会觉得其实就是个API调用而已。

代码示例

具体代码示例请查看我的GitHub仓库springbootexamples中的spring-boot-2.x-weixin查看。

GitHub：https://github.com/zhuoqianmingyue/springbootexamples

原文链接：https://www.cnblogs.com/jerry126/p/11531308.html?utm_source=tuicool&utm_medium=referral

HTML5网页录音和上传到服务器，支持PC、Android，支持IOS微信

准备做一个网页版聊天界面，表情啊、图片啊、上传文件啊都应该要有，视频就算了，语音还是要的。

本文记录的是在网页上用GitHub上的Recorder进行在线录音和上传到服务器，前几天升了一下级，以后有时间再专门写一篇记录。

录音代码本示例代码支持PC、Android、IOS(仅Safari)中使用，如果用RecordApp可增浏览器、小程序)的支持。看万遍代码不如行动一遍，新建一个html文件，把下面三段代码复制到文件内，双击浏览器打开就能进行测试。