SpringBoot对接微信小程序的开发教程

Spring Boot对接微信小法式的开辟教程。
步调一：注册微信小法式

在起头之前，你需要先注册一个微信小法式账号，注册链接：https://mp.weixin.qq.com/
注册后，你需要在小法式背景获得到小法式的appId和appSecret，这两个参数在后续的开辟进程中会用到。


步调二：建立Spring Boot项目

在当地建立一个Spring Boot项目，可以利用Maven或Gradle停止构建。这里以Maven为例，建立一个根本的Spring Boot项目。
在pom.xml文件中增加以下依靠：

1. xmlCopy code
2. <dependency>
3.     <groupId>com.github.binarywang</groupId>
4.     <artifactId>weixin-java-miniapp</artifactId>
5.     <version>3.8.0</version>
6. </dependency>

复制代码

这个依靠是我们要用到的微信小法式Java SDK，可以帮助我们快速对接微信小法式的接口。
步调三：设置微信小法式参数

在application.properties文件中增加以下设置：

1. Copy code
2. wx.miniapp.appid=your-appid
3. wx.miniapp.appsecret=your-appsecret

复制代码

其中，your-appid和your-appsecret别离是在微信小法式背景获得到的appId和appSecret。
然后在Java代码中读取这些设置参数：

1. javaCopy code
2. @Configuration
3. @ConfigurationProperties(prefix = "wx.miniapp")
4. public class WechatMiniAppConfig {
5.     private String appid;
6.     private String appsecret;
8.     // getters and setters
9. }

复制代码

步调四：实现微信小法式登录接口

在Spring Boot中，我们可以利用@Controller和@ResponseBody注解来实现Web接口。
首先，我们需要建立一个接口，用于处置微信小法式的登录请求：

1. javaCopy code
2. @Controller
3. @RequestMapping("/api/wechat")
4. public class WechatMiniAppLoginController {
6.     @Autowired
7.     private WechatMiniAppConfig wechatMiniAppConfig;
9.     @PostMapping("/login")
10.     @ResponseBody
11.     public Map<String, Object> login(String code) throws WxErrorException {
12.         WxMaService wxMaService = new WxMaServiceImpl();
13.         wxMaService.setWxMaConfig(new WxMaDefaultConfigImpl());
15.         WxMaJscode2SessionResult session = wxMaService.getUserService().getSessionInfo(code);
17.         Map<String, Object> result = new HashMap<>();
18.         result.put("openid", session.getOpenid());
19.         result.put("sessionKey", session.getSessionKey());
20.         return result;
21.     }
22. }

复制代码

这个接口会接收微信小法式传递过来的code参数，然后经过Java SDK获得到用户的openid和sessionKey，最初返回给小法式端。
步调五：编写小法式端代码

最初，我们需要在小法式端挪用我们的登录接口，获得到用户的openid和sessionKey。
前端代码

1. jsCopy code
2. // 在App.js中界说全局变量
3. App({
4.   globalData: {
5.     openid: null,
6.     sessionKey: null
7.   }
8. })
10. // 在登录页面的Page工具中界说login方式
11. Page({
12.   data: {
13.     canIUse: wx.canIUse('button.open-type.getUserInfo')
14.   },
15.   onLoad: function () {
16.     var that = this
17.     wx.login({
18.       success: res => {
19.         // 发送 res.code 到背景调换 openId, sessionKey, unionId
20.         wx.request({
21.           url: 'https://your-hostname/api/wechat/login',
22.           data: {
23.             code: res.code
24.           },
25.           success: res => {
26.             var app = getApp()
27.             app.globalData.openid = res.data.openid
28.             app.globalData.sessionKey = res.data.sessionKey
29.           }
30.         })
31.       }
32.     })
33.   }
34. })

复制代码

这个示例代码中，我们在App.js文件中界说了一个全局变量globalData，用于保存用户的openid和sessionKey。在小法式的登录页面中，我们利用wx.login方式获得用户的code，然后挪用我们在步调四中编写的登录接口，获得到用户的openid和sessionKey，最初将这些数据存储到全局变量中。
需要留意的是，在现实开辟中，我们应当将登录逻辑封装成一个零丁的办事，供多个页面挪用。同时，在获得用户的openid和sessionKey后，我们还需要将这些数据存储到办事器端，用于后续的营业逻辑处置。假如你想深入进修微信小法式的开辟，倡议参考微信官方文档：[https://developers.weixin.qq.com/miniprogram/dev/](https://developers.weixin.qq.com/miniprogram/dev/)
本期给大师保举一些生活好物，感爱好的可以点击下方商品链接检察购物。