實(shí)現(xiàn)網(wǎng)站微信登錄

先閱讀微信官方文檔
https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html

成都創(chuàng)新互聯(lián)網(wǎng)絡(luò)公司擁有十載的成都網(wǎng)站開發(fā)建設(shè)經(jīng)驗(yàn)，上1000+客戶的共同信賴。提供成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)站開發(fā)、網(wǎng)站定制、外鏈、建網(wǎng)站、網(wǎng)站搭建、成都響應(yīng)式網(wǎng)站建設(shè)公司、網(wǎng)頁設(shè)計(jì)師打造企業(yè)風(fēng)格，提供周到的售前咨詢和貼心的售后服務(wù)

1.事先準(zhǔn)備
網(wǎng)站應(yīng)用微信登錄是基于OAuth3.0協(xié)議標(biāo)準(zhǔn)構(gòu)建的微信OAuth3.0授權(quán)登錄系統(tǒng)。在進(jìn)行微信OAuth3.在進(jìn)行微信OAuth3.0授權(quán)登錄接入之前，在微信開放平臺(tái)注冊(cè)開發(fā)者帳號(hào)，并擁有一個(gè)已審核通過的網(wǎng)站應(yīng)用，并獲得相應(yīng)的AppID和AppSecret，申請(qǐng)微信登錄且通過審核后，可開始接入流程。

2.編輯yml文件以及config文件用于獲取配置值
application.yml文件添加以下配置
wxopen:
appid: wx025575xx69a2d5b
appsecret: deeae310axxxfa9d3e8f3
redirect_url: http://fde9ab75.ngrok.io/api/v1/wechat/user/callback #回調(diào)地址域名開放平臺(tái)設(shè)置

其中appid就是申請(qǐng)的應(yīng)用id，appsecret就是申請(qǐng)的應(yīng)用秘鑰，redirect_url是掃碼登錄成功返回的地址
需是外網(wǎng)訪問，在申請(qǐng)的應(yīng)用中配置

外網(wǎng)映射實(shí)現(xiàn)可使用ngrok：具體可閱讀https://gitchat.csdn.net/activity/5c6cf6044bb44360f3370255?utm_source=znx0619_2

config文件如下
/**

添加微信配置類*/
@Component
br/>*/
@Component
br/>@Data
/**
- 微信公眾號(hào)appid
  */
  private String appid;
/**
- 秘鑰
  */
  private String appsecret;
/**
- 回調(diào)地址
  */
  private String redirectUrl;
/**
- 微信開發(fā)平臺(tái)二維碼連接
  */
  private final static String OPEN_QRCODE_URL = "https://open.weixin.qq.com/connect/qrconnect?appid=%s&redirect_uri=%s&response_type=code&scope=snsapi_login&state=%s#wechat_redirect";
/**
- 開發(fā)平臺(tái)獲取token地址
  */
  private final static String OPEN_ACCESS_TOKEN_URL = "https://api.weixin.qq.com/sns/oauth3/access_token?appid=%s&secret=%s&code=%s&grant_type=authorization_code";
/**
- 通過token獲取用戶信息
  */
  private final static String OPEN_USER_INFO_URL = "https://api.weixin.qq.com/sns/userinfo?access_token=%s&openid=%s&lang=zh_CN";
public static String getOpenQrcodeUrl() {
return OPEN_QRCODE_URL;
}
public static String getOpenAccessTokenUrl() {
return OPEN_ACCESS_TOKEN_URL;
}
public static String getOpenUserInfoUrl() {
return OPEN_USER_INFO_URL;
}
}

3.編寫登錄接口以及登錄成功回調(diào)接口獲取用戶信息
/**

@param accessPage 登錄成功返回的地址http
@return

@throws UnsupportedEncodingException*/
@GetMapping("/login_url")
br/>*/
@GetMapping("/login_url")

//獲取開發(fā)平臺(tái)回調(diào)地址
String redirectUrl = wxopenConfig.getRedirectUrl();
//進(jìn)行編碼
String callbackUrl = URLEncoder.encode(redirectUrl, "GBK");

String qrcodeUrl = String.format(WxopenConfig.getOpenQrcodeUrl(), wxopenConfig.getAppid(), callbackUrl, accessPage);

return RespBody.success(qrcodeUrl);

}

此時(shí)會(huì)返回給前端一個(gè)二維碼url，掃碼登錄成功，自動(dòng)回調(diào)下面這個(gè)接口，并跳轉(zhuǎn)到想要的頁面即access_page的值

/**
 * 微信開放平臺(tái)回調(diào)地址
 *
 * @param code  微信開放平臺(tái)返回code 去獲取AccessToken后 用AccessToken 去獲取用戶信息
 * @param state 用戶跳轉(zhuǎn)地址
 * @param
 */
@GetMapping("/user/callback")
public void wechatUserCallback(@RequestParam(value = "code", required = true) String code,
                               String state, HttpServletResponse response) throws IOException {
    System.out.println("code:" + code);
    System.out.println("state：" + state);

    User user = iUserService.saveWeChatUser(code);
    if (user != null) {
        //生成Jwt
        String token = JwtUtils.geneJsonWebToken(user);
        //state當(dāng)前用戶頁面地址需要拼接http://
        response.sendRedirect(state + "?token=" + token + "&head_img=" + user.getHeadImg()
                        + "&name=" + URLEncoder.encode( user.getName(),"UTF-8"));
    }
}

     @Override
public User saveWeChatUser(String code) {

    //獲取accessToken和openId
    String accessTokenUrl = String.format(WxopenConfig.getOpenAccessTokenUrl(), wxopenConfig.getAppid(), wxopenConfig.getAppsecret(), code);
    Map<String, Object> baseMap = HttpUtils.doGet(accessTokenUrl);

    if (baseMap == null || baseMap.isEmpty()) {
        return null;
    }
    String accessToken = (String) baseMap.get("access_token");
    String openId = (String) baseMap.get("openid");

    //更新用戶 直接返回
    User dbUser = userMapper.findByOpenid(openId);
    if (dbUser != null) {
        return dbUser;
    }

    //用AccessToken獲取用戶基本信息
    String userInfoUrl = String.format(WxopenConfig.getOpenUserInfoUrl(), accessToken, openId);
    Map<String, Object> baseUserMap = HttpUtils.doGet(userInfoUrl);

    if (baseUserMap == null || baseUserMap.isEmpty()) {
        return null;
    }

    //獲取用戶信息并轉(zhuǎn)碼
    String nickname = (String) baseUserMap.get("nickname");
    String province = (String) baseUserMap.get("province");
    String city = (String) baseUserMap.get("city");
    String country = (String) baseUserMap.get("country");
    try {
        nickname = new String(nickname.getBytes("ISO-8859-1"), "UTF-8");
        province = new String(province.getBytes("ISO-8859-1"), "UTF-8");
        city = new String(city.getBytes("ISO-8859-1"), "UTF-8");
        country = new String(country.getBytes("ISO-8859-1"), "UTF-8");
    } catch (UnsupportedEncodingException e) {
        e.printStackTrace();
    }
    Double sexTemp = (Double) baseUserMap.get("sex");
    int sex = sexTemp.intValue();

    String headimgurl = (String) baseUserMap.get("headimgurl");
    StringBuffer sb = new StringBuffer(country).append("||").append(city).append("||").append(province);
    String finalAddress = sb.toString();

    User user = new User();
    user.setName(nickname);
    user.setCity(finalAddress);
    user.setSex(sex);
    user.setHeadImg(headimgurl);
    user.setOpenid(openId);
    user.setCreateTime(new Date());
    //存入用戶信息
    userMapper.insert(user);

    return user;
}

本文標(biāo)題：實(shí)現(xiàn)網(wǎng)站微信登錄
URL標(biāo)題：http://muchs.cn/article30/gjscso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站導(dǎo)航、網(wǎng)站制作、全網(wǎng)營(yíng)銷推廣、網(wǎng)站營(yíng)銷、移動(dòng)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容