做一個開源的小程序登錄模塊組件（token）

curlyCheng 發(fā)布于2019-08-16 13:46 / 1944人閱讀

摘要：項目目錄包中的就是對配置參數(shù)的讀取。包是存放一個的請求工具。返回值為空存在錯誤碼，內(nèi)容與存在用戶的信息進(jìn)行對比，返回用戶，不存在則注冊用戶模擬獲取到的用戶記得添加掃描包路徑，一個配合小程序登錄的前后臺組件形式，附帶前端小程序代碼

先了解下SSO

對于單點登陸淺顯一點的說就是兩種，一種web端的基于Cookie、另一種是跨端的基于Token，一般想要做的都優(yōu)先做Token吧，個人建議，因為后期擴(kuò)展也方便哦。

小程序也是呢，做成token的形式是較好的。

流程圖

PS：圖中4的文字打錯了~

1、啟動服務(wù)
2、小程序初次加載app.js校驗token，使用code去換取token
3、檢測User信息是否存在code，不存在則注冊新用戶，最后返回對應(yīng)用戶Id
4、將隨機(jī)Token與UserId一起存入Redis中
5、返回Token信息，小程序存于緩存中，作為api請求的認(rèn)證憑證

這個流程思路對什么后臺語言都是通用的。

具體實現(xiàn)

本文的環(huán)境主要是做SpringBoot的，所有對于其他框架可能沒有很好的兼容。

直接上代碼弄起來吧！

首先是開源的話，我們需要確定某些東西是一定要配置的，不能寫死。那么我寫了兩個Config類來獲取application.yml中的數(shù)據(jù)，不同用戶可以配置他們的參數(shù)。

wechat:
  wxurl: https://api.weixin.qq.com/sns/jscode2session?
  appid: wxabc2f8828c8e0049
  appsecret: cec2412a3af99200f4573c337715329a
  granttype: authorization_code
  redis:
    expire: 7200
    wxtoken: wx_token_%s
spring:
  redis:
    port: 6379
    host: 192.168.192.132

我這邊了以上的參數(shù)作為組件中的可配置，其實部分可以作為默認(rèn)的，不過暫時沒有改了，如果你像要使用就是暫時都是必選的。

項目目錄

config包中的就是對配置參數(shù)的讀取。

utils包是存放一個Http的請求工具。

最核心的就是我們的WechatTemplate類了。

根據(jù)業(yè)務(wù)，我們需要以下幾個方法：

根據(jù)小程序傳遞來的code獲取openid

/**
 * 獲取OpenId
 * @param code 微信code
 * @return {@link Map}
 */
public Map getOpenId(String code){
    Map back = new HashMap<>();
    Map wxResult = new HashMap<>();
    String wxLoginUrl = weChatComponent.url(code);
    String result = HttpServiceUtils.sendGet(wxLoginUrl);
    if (result.isEmpty()){
        back.put("null","null");
    }else{
        wxResult = (Map) JSON.parse(result);
        if (wxResult.containsKey("errCode")){
            //存在錯誤碼
            back.put("errCode",wxResult.get("errCode"));
        }else{
            //不存在錯誤碼
            String session_key = wxResult.get("session_key");
            back.put("session_key",session_key);
            log.info("【微信Token】session_key:"+session_key);
            String openid = wxResult.get("openid");
            back.put("openid",openid);
        }
    }
    return back;
}

根據(jù)openid，我們可以和數(shù)據(jù)庫對接得到用戶id并生成自己Token

/**
 * 生成Token
 * @param userid 用戶id
 * @return {@link String}
 */
public String granToken(String userid){
    return saveToRedis(userid);
}

/**
 * 獲取Token并存放到redis中
 * @param userid 用戶id
 * @return {@link String}
 */
private String saveToRedis(String userid) {
    String token = UUID.randomUUID().toString();
    Integer expire = redisComponent.getExpire();
    redisTemplate.opsForValue().set(String.format(redisComponent.getWxtoken(),token),userid,expire, TimeUnit.SECONDS);
    return token;
}

還有校驗Token，是否存在

/**
 * 校驗是否存在用戶信息
 * @param token 唯一值
 * @return {@link Boolean}
 */
public boolean verifyToken(String token){
    String tokenValue = redisTemplate.opsForValue().get(String.format(redisComponent.getWxtoken(),token));
    if (tokenValue.isEmpty()){
        return false;
    }
    return true;
}

Maven包

接著打包發(fā)到Maven中央倉庫中，生成自己的maven包


  com.github.UncleCatMySelf
  wechat-login
  2.1.0

如何使用？

我在Github項目中，做了Demo演示。

我們僅需在Service中調(diào)用，并使用對應(yīng)方法即可。

@Slf4j
@Service
public class UserServiceImpl implements UserService {

    @Autowired
    private WechatTemplate wechatTemplate;

    @Autowired(required = true)
    private ResultVOUtil resultVOUtil;

    @Override
    public ResultVo getToken(String code) {
        Map result = wechatTemplate.getOpenId(code);
        if (result.containsKey("null")){
            return resultVOUtil.error(555,"返回值為空");
        }else if(result.containsKey("errCode")){
            return resultVOUtil.error(666,"存在錯誤碼，內(nèi)容："+result.get("errCode"));
        }else{
            String sessionKey = result.get("session_key");
            String openid = result.get("openid");
            log.info("openid="+openid+"--sessionKey="+sessionKey);
            //與存在用戶的openid信息進(jìn)行對比，返回用戶id，不存在則注冊用戶
            String userid = "WX_10agg";//模擬獲取到的用戶id
            String token = wechatTemplate.granToken(userid);
            return resultVOUtil.success(token);
        }
    }

    @Override
    public ResultVo verifyToken(String token) {
        return resultVOUtil.success(wechatTemplate.verifyToken(token));
    }
}

tip:記得添加掃描包路徑，@ComponentScan({"com.github.unclecatmyself"})

GitHub

wechat-login
一個配合小程序登錄的前后臺組件（Token形式），附帶前端小程序代碼

云服務(wù)器 GPU云服務(wù)器一個教你開發(fā)小程序的小程序自己做的小程序怎么做附近的小程序附近的小程序怎么做

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/72295.html

發(fā)表評論

登陸后可評論

0條評論

curlyCheng

男|高級講師

我要關(guān)注我要私信

TA的文章

DOS窗口執(zhí)行Jmeter測試腳本生成html報告

閱讀 743·2021-10-14 09:42
萬網(wǎng)如何添加主機(jī)-萬網(wǎng)虛擬主機(jī)如何建立虛擬目錄？

閱讀 1995·2021-09-22 15:04
BFC的一些探究

閱讀 1606·2019-08-30 12:44
Vuejs入門todolist項目解析

閱讀 2167·2019-08-29 13:29
使用css完成引導(dǎo)用戶按照流程完成任務(wù)的進(jìn)度導(dǎo)航條

閱讀 2762·2019-08-29 12:51
一道很有意思的面試題

閱讀 577·2019-08-26 18:18
VueCli+Node+mongodb打造個人博客（含前臺展示及后臺管理系統(tǒng)）（中）

閱讀 733·2019-08-26 13:43
理解 React Hooks 的 Capture Value 特性

閱讀 2846·2019-08-26 13:38

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

做一個開源的小程序登錄模塊組件（token）

相關(guān)文章

開源中國專訪：Chameleon原理首發(fā)，其它跨多端統(tǒng)一框架都是假的？

前端經(jīng)典文章

Spring Security

【Geek議題】合理的VueSPA架構(gòu)討論（上）

【Geek議題】合理的VueSPA架構(gòu)討論（上）

發(fā)表評論

0條評論

curlyCheng

男|高級講師

TA的文章

DOS窗口執(zhí)行Jmeter測試腳本生成html報告

萬網(wǎng)如何添加主機(jī)-萬網(wǎng)虛擬主機(jī)如何建立虛擬目錄？

BFC的一些探究

Vuejs入門todolist項目解析

使用css完成引導(dǎo)用戶按照流程完成任務(wù)的進(jìn)度導(dǎo)航條

一道很有意思的面試題

VueCli+Node+mongodb打造個人博客（含前臺展示及后臺管理系統(tǒng)）（中）

理解 React Hooks 的 Capture Value 特性

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

做一個開源的小程序登錄模塊組件（token）

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！