DEV Community
·
基于NestJS和Angular的全栈应用中的时区支持：与REST和WebSocket的交互
💡
原文英文，约4300词，阅读约需16分钟。
📝
内容提要
本文分享了在NestJS和Angular全栈应用中实现时区支持的经验，包括保存用户时区设置、通过REST和WebSocket正确使用这些设置。主要步骤有安装库、创建用户时区表、生成DTO、开发控制器和服务，以及进行E2E测试以确保时区切换功能正常。
🎯
关键要点
- 本文分享了在NestJS和Angular全栈应用中实现时区支持的经验。
- 主要步骤包括安装库、创建用户时区表、生成DTO、开发控制器和服务，以及进行E2E测试。
- 安装date-fns库以处理日期和时区。
- 在授权模块中添加Prisma和Flyway迁移支持。
- 创建用于存储用户时区的表，并在Auth数据库中生成AuthUser表。
- 生成DTO以连接Prisma架构，并排除某些字段。
- 更新PrismaModule模块导入参数以适应新的数据库交互需求。
- 创建缓存服务以加速对Auth数据库用户的访问。
- 开发控制器以处理用户时区信息的接收和更新。
- 创建服务以递归转换Date类型字段到指定时区。
- 添加拦截器以根据用户选择的时区自动转换数据中的时间值。
- 集成AuthGuard以在用户工作时自动在Auth数据库中注册用户。
- 在AuthModule中注册所有创建的类以供应用使用。
- 设置通过WebSocket网关处理请求的请求处理。
- 创建E2E测试以检查Date类型字段转换的正确性。
- 重启基础设施和所有应用程序，检查E2E测试的执行正确性。
- 通过查询参数传递WebSocket的授权令牌以提供用户身份验证。
- 替换原始个人资料表单字段并更改个人资料更新方法。
- 创建Angular应用的E2E测试以检查时区切换的正确性。
- 总结了实现用户时区支持的过程，并计划在下一篇文章中讨论如何保存用户选择的语言。
❓
延伸问答
如何在NestJS和Angular应用中实现时区支持？
可以通过安装date-fns库、创建用户时区表、生成DTO、开发控制器和服务，以及进行E2E测试来实现时区支持。
在NestJS中如何处理用户的时区信息？
通过创建控制器来接收和更新用户的时区信息，并使用服务递归转换Date类型字段到指定时区。
为什么要在应用中使用E2E测试？
E2E测试用于确保时区切换功能正常，验证Date类型字段转换的正确性。
如何在NestJS中创建用户时区表？
可以通过创建迁移文件并使用SQL脚本生成AuthUser表来存储用户的时区信息。
如何在Angular应用中更新用户的时区设置？
通过调用更新用户资料的API，将新的时区信息发送到后端进行更新。
在WebSocket中如何处理用户身份验证？
通过查询参数传递WebSocket的授权令牌，以提供用户身份验证。
➡️
