微信小程式使用spring boot獲取使用者唯一標識openId
阿新 • • 發佈:2018-11-04
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";
}