feat: 添加mock数据，给导航添加选中标识
This commit is contained in:
zdl
330
src/mocks/handlers/auth.js
Normal file
330
src/mocks/handlers/auth.js
Normal file
@@ -0,0 +1,330 @@
|
||||
// src/mocks/handlers/auth.js
|
||||
import { http, HttpResponse, delay } from 'msw';
|
||||
import {
|
||||
mockUsers,
|
||||
mockVerificationCodes,
|
||||
generateVerificationCode,
|
||||
mockWechatSessions,
|
||||
generateWechatSessionId,
|
||||
setCurrentUser,
|
||||
getCurrentUser,
|
||||
clearCurrentUser
|
||||
} from '../data/users';
|
||||
|
||||
// 模拟网络延迟（毫秒）
|
||||
const NETWORK_DELAY = 500;
|
||||
|
||||
export const authHandlers = [
|
||||
// ==================== 手机验证码登录 ====================
|
||||
|
||||
// 1. 发送验证码
|
||||
http.post('/api/auth/send-verification-code', async ({ request }) => {
|
||||
await delay(NETWORK_DELAY);
|
||||
|
||||
const body = await request.json();
|
||||
const { credential, type, purpose } = body;
|
||||
|
||||
console.log('[Mock] 发送验证码:', { credential, type, purpose });
|
||||
|
||||
// 生成验证码
|
||||
const code = generateVerificationCode();
|
||||
mockVerificationCodes.set(credential, {
|
||||
code,
|
||||
expiresAt: Date.now() + 5 * 60 * 1000 // 5分钟后过期
|
||||
});
|
||||
|
||||
console.log(`[Mock] 验证码已生成: ${credential} -> ${code}`);
|
||||
|
||||
return HttpResponse.json({
|
||||
success: true,
|
||||
message: `验证码已发送到 ${credential}（Mock: ${code}）`,
|
||||
// 开发环境下返回验证码，方便测试
|
||||
dev_code: code
|
||||
});
|
||||
}),
|
||||
|
||||
// 2. 验证码登录
|
||||
http.post('/api/auth/login-with-code', async ({ request }) => {
|
||||
await delay(NETWORK_DELAY);
|
||||
|
||||
const body = await request.json();
|
||||
const { credential, verification_code, login_type } = body;
|
||||
|
||||
console.log('[Mock] 验证码登录:', { credential, verification_code, login_type });
|
||||
|
||||
// 验证验证码
|
||||
const storedCode = mockVerificationCodes.get(credential);
|
||||
if (!storedCode) {
|
||||
return HttpResponse.json({
|
||||
success: false,
|
||||
error: '验证码不存在或已过期'
|
||||
}, { status: 400 });
|
||||
}
|
||||
|
||||
if (storedCode.expiresAt < Date.now()) {
|
||||
mockVerificationCodes.delete(credential);
|
||||
return HttpResponse.json({
|
||||
success: false,
|
||||
error: '验证码已过期'
|
||||
}, { status: 400 });
|
||||
}
|
||||
|
||||
if (storedCode.code !== verification_code) {
|
||||
return HttpResponse.json({
|
||||
success: false,
|
||||
error: '验证码错误'
|
||||
}, { status: 400 });
|
||||
}
|
||||
|
||||
// 验证成功，删除验证码
|
||||
mockVerificationCodes.delete(credential);
|
||||
|
||||
// 查找或创建用户
|
||||
let user = mockUsers[credential];
|
||||
let isNewUser = false;
|
||||
|
||||
if (!user) {
|
||||
// 新用户
|
||||
isNewUser = true;
|
||||
const id = Object.keys(mockUsers).length + 1;
|
||||
user = {
|
||||
id,
|
||||
phone: credential,
|
||||
nickname: `用户${id}`,
|
||||
email: null,
|
||||
avatar_url: `https://i.pravatar.cc/150?img=${id}`,
|
||||
has_wechat: false,
|
||||
created_at: new Date().toISOString()
|
||||
};
|
||||
mockUsers[credential] = user;
|
||||
console.log('[Mock] 创建新用户:', user);
|
||||
}
|
||||
|
||||
console.log('[Mock] 登录成功:', user);
|
||||
|
||||
// 设置当前登录用户
|
||||
setCurrentUser(user);
|
||||
|
||||
return HttpResponse.json({
|
||||
success: true,
|
||||
message: isNewUser ? '注册成功' : '登录成功',
|
||||
isNewUser,
|
||||
user,
|
||||
token: `mock_token_${user.id}_${Date.now()}`
|
||||
});
|
||||
}),
|
||||
|
||||
// ==================== 微信登录 ====================
|
||||
|
||||
// 3. 获取微信 PC 二维码
|
||||
http.get('/api/auth/wechat/qrcode', async () => {
|
||||
await delay(NETWORK_DELAY);
|
||||
|
||||
const sessionId = generateWechatSessionId();
|
||||
|
||||
// 创建微信 session
|
||||
mockWechatSessions.set(sessionId, {
|
||||
status: 'waiting', // waiting, scanned, confirmed, expired
|
||||
createdAt: Date.now(),
|
||||
user: null
|
||||
});
|
||||
|
||||
// 模拟微信授权 URL（实际是微信的 URL）
|
||||
const authUrl = `https://open.weixin.qq.com/connect/qrconnect?appid=mock&redirect_uri=&response_type=code&scope=snsapi_login&state=${sessionId}#wechat_redirect`;
|
||||
|
||||
console.log('[Mock] 生成微信二维码:', { sessionId, authUrl });
|
||||
|
||||
// 10秒后自动模拟扫码（方便测试）
|
||||
setTimeout(() => {
|
||||
const session = mockWechatSessions.get(sessionId);
|
||||
if (session && session.status === 'waiting') {
|
||||
session.status = 'scanned';
|
||||
console.log(`[Mock] 模拟用户扫码: ${sessionId}`);
|
||||
|
||||
// 再过5秒自动确认登录
|
||||
setTimeout(() => {
|
||||
const session2 = mockWechatSessions.get(sessionId);
|
||||
if (session2 && session2.status === 'scanned') {
|
||||
session2.status = 'confirmed';
|
||||
session2.user = {
|
||||
id: 999,
|
||||
nickname: '微信用户',
|
||||
wechat_openid: 'mock_openid_' + sessionId,
|
||||
avatar_url: 'https://i.pravatar.cc/150?img=99',
|
||||
phone: null,
|
||||
email: null,
|
||||
has_wechat: true,
|
||||
created_at: new Date().toISOString()
|
||||
};
|
||||
console.log(`[Mock] 模拟用户确认登录: ${sessionId}`, session2.user);
|
||||
}
|
||||
}, 5000);
|
||||
}
|
||||
}, 10000);
|
||||
|
||||
return HttpResponse.json({
|
||||
code: 0,
|
||||
message: '成功',
|
||||
data: {
|
||||
auth_url: authUrl,
|
||||
session_id: sessionId
|
||||
}
|
||||
});
|
||||
}),
|
||||
|
||||
// 4. 检查微信扫码状态
|
||||
http.post('/api/auth/wechat/check-status', async ({ request }) => {
|
||||
await delay(200); // 轮询请求，延迟短一些
|
||||
|
||||
const body = await request.json();
|
||||
const { session_id } = body;
|
||||
|
||||
const session = mockWechatSessions.get(session_id);
|
||||
|
||||
if (!session) {
|
||||
return HttpResponse.json({
|
||||
code: 404,
|
||||
message: 'Session 不存在',
|
||||
data: { status: 'expired' }
|
||||
});
|
||||
}
|
||||
|
||||
// 检查是否过期（5分钟）
|
||||
if (Date.now() - session.createdAt > 5 * 60 * 1000) {
|
||||
session.status = 'expired';
|
||||
mockWechatSessions.delete(session_id);
|
||||
}
|
||||
|
||||
console.log('[Mock] 检查微信状态:', { session_id, status: session.status });
|
||||
|
||||
return HttpResponse.json({
|
||||
code: 0,
|
||||
message: '成功',
|
||||
data: {
|
||||
status: session.status,
|
||||
user: session.user
|
||||
}
|
||||
});
|
||||
}),
|
||||
|
||||
// 5. 微信登录确认
|
||||
http.post('/api/auth/wechat/login', async ({ request }) => {
|
||||
await delay(NETWORK_DELAY);
|
||||
|
||||
const body = await request.json();
|
||||
const { session_id } = body;
|
||||
|
||||
const session = mockWechatSessions.get(session_id);
|
||||
|
||||
if (!session || session.status !== 'confirmed') {
|
||||
return HttpResponse.json({
|
||||
success: false,
|
||||
error: '微信登录未确认或已过期'
|
||||
}, { status: 400 });
|
||||
}
|
||||
|
||||
const user = session.user;
|
||||
|
||||
// 清理 session
|
||||
mockWechatSessions.delete(session_id);
|
||||
|
||||
console.log('[Mock] 微信登录成功:', user);
|
||||
|
||||
// 设置当前登录用户
|
||||
setCurrentUser(user);
|
||||
|
||||
return HttpResponse.json({
|
||||
success: true,
|
||||
message: '微信登录成功',
|
||||
user,
|
||||
token: `mock_wechat_token_${user.id}_${Date.now()}`
|
||||
});
|
||||
}),
|
||||
|
||||
// 6. 获取微信 H5 授权 URL
|
||||
http.post('/api/auth/wechat/h5-auth-url', async ({ request }) => {
|
||||
await delay(NETWORK_DELAY);
|
||||
|
||||
const body = await request.json();
|
||||
const { redirect_url } = body;
|
||||
|
||||
const state = generateWechatSessionId();
|
||||
const authUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=mock&redirect_uri=${encodeURIComponent(redirect_url)}&response_type=code&scope=snsapi_userinfo&state=${state}#wechat_redirect`;
|
||||
|
||||
console.log('[Mock] 生成微信 H5 授权 URL:', authUrl);
|
||||
|
||||
return HttpResponse.json({
|
||||
code: 0,
|
||||
message: '成功',
|
||||
data: {
|
||||
auth_url: authUrl,
|
||||
state
|
||||
}
|
||||
});
|
||||
}),
|
||||
|
||||
// ==================== Session 管理 ====================
|
||||
|
||||
// 7. 检查 Session（AuthContext 使用的正确端点）
|
||||
http.get('/api/auth/session', async () => {
|
||||
await delay(300);
|
||||
|
||||
// 获取当前登录用户
|
||||
const currentUser = getCurrentUser();
|
||||
|
||||
console.log('[Mock] 检查 Session:', currentUser);
|
||||
|
||||
if (currentUser) {
|
||||
return HttpResponse.json({
|
||||
success: true,
|
||||
isAuthenticated: true,
|
||||
user: currentUser
|
||||
});
|
||||
} else {
|
||||
return HttpResponse.json({
|
||||
success: true,
|
||||
isAuthenticated: false,
|
||||
user: null
|
||||
});
|
||||
}
|
||||
}),
|
||||
|
||||
// 8. 检查 Session（旧端点，保留兼容）
|
||||
http.get('/api/auth/check-session', async () => {
|
||||
await delay(300);
|
||||
|
||||
// 获取当前登录用户
|
||||
const currentUser = getCurrentUser();
|
||||
|
||||
console.log('[Mock] 检查 Session (旧端点):', currentUser);
|
||||
|
||||
if (currentUser) {
|
||||
return HttpResponse.json({
|
||||
success: true,
|
||||
isAuthenticated: true,
|
||||
user: currentUser
|
||||
});
|
||||
} else {
|
||||
return HttpResponse.json({
|
||||
success: true,
|
||||
isAuthenticated: false,
|
||||
user: null
|
||||
});
|
||||
}
|
||||
}),
|
||||
|
||||
// 9. 退出登录
|
||||
http.post('/api/auth/logout', async () => {
|
||||
await delay(NETWORK_DELAY);
|
||||
|
||||
console.log('[Mock] 退出登录');
|
||||
|
||||
// 清除当前登录用户
|
||||
clearCurrentUser();
|
||||
|
||||
return HttpResponse.json({
|
||||
success: true,
|
||||
message: '退出成功'
|
||||
});
|
||||
})
|
||||
];
|
||||
Reference in New Issue
Block a user