统一身份认证系统




Alice: 嗨Bob,我最近在做一款需要用户登录的应用,想用统一身份认证来管理用户。你有什么建议吗?
Bob: 这个问题很常见。你可以使用OAuth2.0或者JWT来实现统一身份认证。比如用JWT存储用户信息,前端每次请求都带上token。
Alice: 那具体怎么写代码呢?
Bob: 比如用JavaScript发送登录请求,获取token后保存到localStorage中:
fetch('/login', {
method: 'POST',
body: JSON.stringify({ username, password }),
headers: { 'Content-Type': 'application/json' }
})
.then(res => res.json())
.then(data => localStorage.setItem('token', data.token));
Alice: 明白了。那如果我要实现一个排行榜呢?
Bob: 排行榜通常需要从后端获取数据。前端可以用axios调用API,并根据用户ID显示其排名:
axios.get('/api/rank')
.then(res => {
const rank = res.data.find(user => user.id === currentUser.id);
console.log(`你的排名是:${rank.rank}`);
});
Alice: 太好了!这样就能结合统一身份认证来实现个性化排行榜了。
Bob: 是的,这样不仅安全,还能提升用户体验。