使用 MERN 技术栈 开发 具有终极身份验证的 Web

MERN Stack Web Development with Ultimate Authentication

使用 MERN Stack 从零开始构建终极身份验证样板项目到数字海洋云服务器

您将学到什么

构建 Ultimate MERN (Mongo Express React Node) Stack Boilerplate 项目
构建生产就绪的身份验证系统
使用电子邮件密码构建登录注册系统 使用
Google 和 Facebook 实现社交登录系统
ACL – 访问控制
MERN 堆栈 Web 开发
API 使用 Node Js 开发
使用 React 进行前端 Web 开发
为您未来的所有 React 节点全栈项目创建自己的基础项目
学习全栈部署到数字海洋云服务器,包括 MongoDB
在将用户保存到数据库之前设置帐户激活
使用 Google
登录 使用 Facebook 登录
私人路由
管理员路由
使用 React 的页面布局 使用
LocalStorage
使用 Cookie
使用 JWT(json Web 令牌)
基于角色的重定向
配置文件更新
Auth 中间件
管理中间件
保护路由
处理 JWT 到期
错误处理
Toast 通知
忘记密码
重置密码
将项目推送到 Github
将项目从 Github 拉到 Digital Ocean
Digital Ocean 服务器配置
将后端/前端部署到单个 Digital Ocean Droplet
将项目推送到实时服务器后提交更改
添加域名
Cloudflare CDN 和 Free SSL
强制 HTTP 到 HTTPS
将所有 www 重定向到非 www
更新 Google 和 Facebook 登录重定向到生产域
将 Digital Ocean IP 重定向到实际域名
静态站点 / SEO

要求

React
基本了解 Node Js
基本了解 JavaScript
能够将 Node JS App 连接到 MongoDB(使用本地 mongodb install 或 mongo atlas)
对全栈 React Node MongoDB Web 开发感兴趣

描述

MERN Stack(MongoDB Express React 节点)FullStack 项目从零开始到具有生产就绪身份验证的实时服务器

人栈

通过构建具有帐户激活、忘记密码、重置密码、使用 facebook 登录、使用 google 登录以及 ACL 的生产就绪登录注册系统来学习 MERN 堆栈 Web 开发,方法是为经过身份验证的用户和具有管理员角色的用户实施私有和受保护的路由。

作为奖励,我还包括配置文件更新和部署到数字海洋云服务器。

如果您希望使用 React Node Express 和 MongoDB 或更广为人知的 MERN Stack 使用 FullStack,那么这应该是您的第一个课程。因为在这里您将学习构建一个 Ultimate 样板项目,该项目也可用于您将来为自己、为您的客户或在您的工作中构建的任何 MERN Stack 项目。

添加了新的讲座

添加域名

Cloudflare CDN 和免费 SSL

强制 HTTP 到 HTTPS

将所有 www 重定向到非 www

将 Google 和 Facebook 登录重定向更新到生产域

将 Digital Ocean IP 重定向到实际域名

本课程涵盖的关键概念

构建终极 MERN(Mongo Express React 节点)堆栈项目

构建生产就绪认证系统

使用邮箱密码建立登录注册系统

使用 Google 和 Facebook 实施社交登录系统

ACL – 访问控制

MERN 堆栈 Web 开发

使用 Node Js 进行 API 开发

使用 React 进行前端 Web 开发

为您未来的所有 React Node FullStack 项目创建您自己的基础项目

学习全栈部署到数字海洋云服务器,包括 MongoDB 设置

将用户保存到数据库之前的帐户激活

用谷歌登录

使用 Facebook 登录

专用路由

管理员路由

使用 React 的页面布局

使用本地存储

使用 Cookie

使用 JWT(JSON Web 令牌)

基于角色的重定向

资料更新

认证中间件

管理中间件

保护路线

处理 JWT 到期

错误处理

吐司通知

忘记密码

重设密码

将项目推送到 Github

将项目从 Github 拉到 Digital Ocean

数字海洋服务器配置

将后端/前端部署到单个 Digital Ocean Droplet

将项目推送到实时服务器后提交更改

在本课程结束时,您将拥有自己的生产就绪 MERN Stack 项目,该项目在 Digital Ocean 云服务器中实时运行。

观看宣传视频,以更好地了解本课程的全部内容以及它如何永久改变您的生活:)

Web 开发不仅与编码有关,还与部署、处理域、托管、CDN、www/non-www、http/https、重定向、SEO、推送新功能等有关。获取所有知识以及生产就绪的身份验证系统、管理路线、具有可靠项目架构的页面布局。本课程的项目是一件大事的开始:)

让我们开始全栈。让我们去 MERN 堆栈。

<代码继续/>

本课程面向

希望使用 React Node 和 MongoDB 实现 FullStack 的 JavaScript 爱好者
想要构建自己的 MERN 样板项目的
Web 开发人员想要构建或添加生产就绪的身份验证系统到他的项目的
Web 开发人员好奇如何设置包含 React 和 Node 的全栈项目
Web 开发人员想要学习如何实现布局和路由系统
Web 开发人员想要学习为管理员和订阅者(​​普通用户)实现 ACL(访问控制)
Web 开发人员已经构建了很棒的项目但无法由于没有生产就绪的身份验证系统而上线
所有想要开始构建生产就绪的 JavaScript React Node Js 开发人员 FullStack MERN Stack Apps
有兴趣学习如何将生产就绪的应用程序部署到 Digital Ocean 云服务器的 Web 开发人员

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。