springboot+weixin-java-miniapp+uniapp开发流程，获取openid

微信小程序,工具包：https://gitee.com/binary/weixin-java-tools/tree/develop

 
   com.github.binarywang
   weixin-java-miniapp
   4.2.0
 

application.yml配置

# 微信小程序配置(注册小程序账号获取)
wx:
  miniapp:
    appId: xxxxxxx
    secret: xxxxxxxx

Java代码

配置类

@Data
@Configuration
@ConditionalOnClass(WxMaService.class)
@ConfigurationProperties(prefix ="wx.miniapp")
public class WxMaConfiguration {

    private String appId;
    private String secret;

    @Bean
    @ConditionalOnMissingBean(WxMaService.class)
    public WxMaService wxMaService() {
        WxMaDefaultConfigImpl config = new WxMaDefaultConfigImpl();
        config.setAppid(this.getAppId());
        config.setSecret(this.getSecret());
        WxMaService service = new WxMaServiceImpl();
        service.setWxMaConfig(config);
        return service;
    }
}

工具类

@Slf4j
@Component
public class WxUtil {
    @Autowired
    private AlarmService alarmService; //业务类，用于保存小程序用户的openid
    @Autowired
    WxMaService wxMaService;
    
    public void saveOpenId(Long userId, String jsCode) {
        try {
            WxMaJscode2SessionResult code2SessionInfo = wxMaService.jsCode2SessionInfo(jsCode);
            if (code2SessionInfo != null) {
                alarmService.addWechatLoginInfo(userId, code2SessionInfo.getOpenid(),
                        code2SessionInfo.getSessionKey(), LocalDateTime.now());
            }
        } catch (Exception e) {
            log.error("保存微信登录信息发生错误错误~ [userId=" + userId + ", jsCode=" + jsCode, e);
        }
    }
}

登录请求对象
小程序在发起登录请求时，要提前获取jsCode，然后传给后端

public class WxLoginBody
{
    
    private String username;

    
    private String password;

    
    private String jsCode;
	
	// set get方法略
}

后端登录接口
验证成功，返回token信息

    
    @ApiOperation("用户登录")
    @PostMapping("/wx/login")
    public AjaxResult wxLogin(@RequestBody WxLoginBody loginBody)
    {
        AjaxResult ajax = AjaxResult.success();
        // 生成令牌
        String token = loginService.login(loginBody.getUsername(), loginBody.getPassword(), loginBody.getJsCode());
        ajax.put(Constants.TOKEN, token);
        return ajax;
    }

    login() {
      uni.login({
        provider: 'weixin',
          success: function (loginRes) {
            
            uni.request({
                url: 'http://xxxxx/wx/login', //服务端地址
                method:"POST",
                data: {
                    "username": "用户名",
                    "password": "密码",
                    "jsCode": loginRes.code
                },
                header: {
                    'custom-header': 'hello' //自定义请求头信息
                },
                success: (res) => {
                    console.log(res);
                }
            });
            
          }
      })
    }

后续持续更新。。。