udemy教程 – Build a Real Time Chat App With React + NestJS & GraphQL

Build a full-stack, scaleable, production grade web app following best practices. Includes continuous delivery on AWS.
使用最佳实践构建一个全栈、可扩展的生产级Web应用程序。该应用需支持在AWS上进行持续部署。

教程演示🔗

 

学生数量:605 个学生

上次更新时间:2024年4月

教程评分:4.7

教程语言:英语

教程字幕:中文、英语字幕

本课程包括:2 篇文章、完整的永久访问权、在移动设备和电视上观看、结业证书、14 小时 长的随选视频字幕

 

学习内容

1、构建并部署一个实时消息网络应用。
2、在后端和用户界面实现JSON Web Token(JWT)身份验证。
3、使用Material UI开发一致且响应式的用户界面(UI)
4、为CRUD功能开发一个GraphQL API。
5、使用MongoDB和抽象仓库模式保存数据
6、执行自动数据库迁移
7、使用Apollo Client来管理UI状态和缓存应用程序数据。
8、使用GraphQL WebSocket订阅实现实时的消息发布与消费。
9、使用React Router进行自定义UI路由
10、使用代码生成工具自动生成GraphQL schema的类型。
11、实现服务器端分页以实现无限滚动。
12、使用MongoDB聚合来执行单次操作查找与数据库调用。
13、将文件上传到亚马逊S3
14、将生产部署到AWS全免费层级。
15、持续交付 (Continuous Delivery) 和持续集成与部署 (CI/CD)。
16、将一个Pub/Sub应用程序连接到Redis,以便实现分布式消息传递和水平扩展。
17、将应用连接到自定义域名并启用安全的HTTPS流量

要求

1、Node.js/Express后端经验,优先考虑NestJS和TypeScript。
2、React UI构建经验

课程介绍

在这个课程中,我们将超越文档和简单的入门项目,构建一个实际的全栈聊天应用。该应用从头开始设计,旨在可扩展且达到生产级别。我们的目标是让你熟悉开发全栈网络应用,以便之后能独立进行。

我们使用NestJS后端,这是一个流行的Node.js库,能快速创建整洁的HTTP API。CRUD功能将通过基于MongoDB数据库的GraphQL API提供服务。我们将使用相同的GraphQL API来创建消息订阅,以便WebSocket连接到前端界面,实现消息传递。当然,所有内容都将使用行业标准JWT身份验证进行保护。

在前端,我们将使用Material UI创建React应用,轻松构建响应式用户界面并与后端交互。我们将选择Apollo Client作为状态管理工具,以便轻松地与GraphQL API交互并缓存数据。

最后,整个应用将部署到AWS Elastic Beanstalk和Amplify上。借助持续集成/持续部署(CI/CD)管道的支持,每次推送代码时,最新的更改都会自动构建和部署到你选择的环境中。

项目结束时,你将掌握构建和部署生产级网络应用所需的所有知识!

在WordPress SEO 内容中,可以这样自然地融入关键词:

我们将引领您超越基础,探索如何使用先进的NestJS(Node.js的灵魂)**,配合MongoDB数据库,打造高效且可扩展的**GraphQL API**。您将亲自动手构建一个实时通信应用,利用WebSocket技术无缝连接**React前端**,并借助Material UI实现优雅的用户体验。

安全性至关重要,我们将使用JWT身份验证为您的API提供强有力的防护。在前端,我们将使用Apollo Client作为**状态管理专家**,确保与GraphQL API的高效交互。完成这一切后,您的应用将通过AWS Elastic Beanstalk和Amplify部署,实现**CI/CD自动化**,确保每一步更新都无缝抵达生产环境。

发表回复

后才能评论

尊敬的用户,您好!由于部分培训机构和留学生的举报,近期导致网站大量链接暂时失效。对此给您带来的不便,我们深表歉意。任何链接失效的资源,欢迎您添加侧边栏二维码随时反馈,我们将在48小时内为您提供新的网盘链接。如果您对此不便感到不满,您也可在48小时内申请无理由退款。感谢您的理解与支持!

Windows播放器推荐:Potplayer Potplayer 是免费的 Windows 播放器,支持双字幕和自动翻译功能。以下是操作指南: 挂载字幕 加载中文字幕:右击选择 字幕 -> 字幕设置,取消“只匹配文件名字幕”选项。可调整字幕颜色、位置和大小。 双字幕设置:右击 字幕 -> 选择字幕 -> 次字幕输出,设置主字幕和次字幕。 自动翻译 若可访问 Google 翻译服务,选择 字幕 -> 实时字幕翻译,勾选 总是使用 和 Google Translate,即可实时翻译英文字幕。 Potplayer 让观看更智能,学习体验升级。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可联络站长解决。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源