微信小程序使用spring boot获取用户唯一标识openId

1.app.js里面调用wx.login(OBJECT) 获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)等。

//app.js
App({
  onLaunch: function() {
    //调用API从本地缓存中获取数据
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
    wx.login({
      success: function(res) {
        if (res.code) {
          wx.getUserInfo({
            success: function(userRes) {
              var name, url;
              console.log("name:" + userRes.userInfo.nickName + " url:" + userRes.userInfo.avatarUrl + " code:" + res.code);
              wx.request({
                url: 'https://www.test.com/wx/toLogin',//调用第三方服务器换取openid
                // header: {
                //   "Content-Type": "application/x-www-form-urlencoded"//默认是application/json
                // },
                method: "GET",
                data: {
                  code: res.code,
                  name: userRes.userInfo.nickName,
                  url: userRes.userInfo.avatarUrl
                },
                success: function() {
                  console.log("success")
                },
                fail: function() {
                  console.log("fail")
                }
              })

            }
          })
        }
        console.log("userinfo" + res);
        typeof cb == "function" && cb(that.globalData.userInfo)
      }
    })
  },
  globalData: {
    userInfo: null
  }
})

2.后端接收code并请求微信服务器获取openid,涉及到小程序的appid以及secret

@RestController
@RequestMapping("/wx")
public class WxController {
    @Autowired
    private UserRepository userRepository;

    @RequestMapping("/toLogin")
    public Map<String, Object> doLogin(HttpServletResponse resp, HttpServletRequest req){
        resp.setHeader("Access-Control-Allow-Origin", "*");
        resp.setContentType("text/html;charset=UTF-8");
        String code = req.getParameter("code");
        String nickName = req.getParameter("name");
        String avatarUrl = req.getParameter("url");
        
        System.out.println("code:" + code + " nickName:" + nickName + " url:" + avatarUrl);

        String url = AppUtil.wxLoginUrl;
        String param = "appid=" + AppUtil.appId_run + "&secret=" + AppUtil.secret_run + "&js_code=" + code + "&grant_type=authorization_code";

        Map<String, Object> result = new HashMap<String, Object>();
        int error = 0;

        try {
            String ret = WebUtil.sendGet(url, param);
            System.out.println(ret);
            JSONObject obj = JSONObject.parseObject(ret);
            String openid = obj.getString("openid");
            String session_key = obj.getString("session_key");
            result.put("openid", openid);
            System.out.println("session_key:" + session_key);
            User user = new User(openid, nickName, avatarUrl, 0);
            userRepository.save(user);
        } catch (Exception e) {
            // TODO: handle exception
            e.printStackTrace();
            error = -1;
        }
        result.put("code", error);
        return result;
    }
}

AppUtil.java里面appId以及secret填写自己小程序的就行,可在微信平台登录查看

public class AppUtil {
    public static final String appId = "";
    public static final String secret = "";
    public static final String wxLoginUrl = "https://api.weixin.qq.com/sns/jscode2session";
}

要实现微信小程序登录,需要进行以下步骤: 1. 微信小程序登录流程 微信小程序登录流程大致如下: - 用户在小程序点击登录按钮 - 小程序调用 `wx.login` 接口,获取 `code` - 小程序将 `code` 发送到开发者服务器 - 开发者服务器使用 `code` 调用微信接口,获取 `openid` 和 `session_key` - 开发者服务器使用 `openid` 和 `session_key` 生成自己的登录态,返回给小程序 2. 创建微信小程序 首先需要在微信公众平台上创建一个小程序,获取小程序的 `appid` 和 `appsecret`。 3. 小程序登录代码实现 在小程序中,可以使用 `wx.login` 接口获取用户登录凭证 `code`。 在后端,可以使用 Spring Boot 框架,结合 Spring Security 实现登录功能。具体步骤如下: - 创建一个自定义的 `WeChatAuthenticationToken` 类,用于封装用户登录信息。 - 创建一个自定义的 `WeChatAuthenticationProvider` 类,用于处理用户登录请求,验证登录信息。 - 创建一个自定义的 `WeChatAuthenticationFilter` 类,用于处理用户登录请求,生成 `WeChatAuthenticationToken` 对象,并调用 `WeChatAuthenticationProvider` 进行验证。 - 创建一个自定义的 `WeChatAuthenticationSuccessHandler` 类,用于处理登录成功后的逻辑。 - 在 Spring Security 配置中,将 `WeChatAuthenticationFilter` 配置到 `UsernamePasswordAuthenticationFilter` 之前,以拦截微信小程序登录请求。 具体代码实现可以参考以下博客:https://www.cnblogs.com/tong-yuan/p/11174698.html 注意,为了保证用户信息的安全,需要对返回给小程序的登录态进行加密处理。可以使用 JWT(JSON Web Token)进行加密,保证用户信息的安全性。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值