在现代的网络应用中，用户注册与登录是不可避免的环节。其中，验证用户输入的邮箱地址是一个非常重要的步骤。本教程将以 Fastify 框架为基础，向您演示如何实现一个简单但高效的邮箱验证机制。
Fastify 简介
Fastify 是一款快速、低开销的 Web 框架。它有以下特点：
- 非常快。Fastify 的运行速度比其他 Node.js Web 框架更快。
- 易于学习和使用。Fastify 的 API 友好、文档详尽，设计灵活。
- 支持插件。Fastify 的插件系统使得定制化开发非常容易。
项目介绍
我们将创建一个基于 Fastify 的 Web 应用程序。该应用程序使用 Sequelize ORM 连接到一个 MySQL 数据库，并提供邮箱验证的 API。用户流程如下：
- 用户输入邮箱地址，并点击发送邮件按钮。
- 后端生成一个随机 token，并将其存储到数据库。
- 后端使用 Node.js 的邮件模块发送包含 token 的邮件给用户。
- 用户通过查看邮件来获取 token。
- 用户将该 token 输入到前端的表单中并提交。
- 后端验证 token，如果成功则为用户账户添加验证标记。
本教程假设您已经安装了 Node.js 和 MySQL，并且了解基本的 JavaScript 知识和 SQL 语法。
代码实现
安装依赖
首先，我们需要使用 npm 初始化一个新的 Node.js 项目，并安装所需的依赖：
npm init -y npm install fastify sequelize mysql2 nodemailer dotenv
配置数据库
创建一个名为 .env 的文件，将以下内容添加到其中，并根据您的实际情况进行修改：
DB_NAME=your_database_name DB_HOST=your_database_host DB_USER=your_database_user DB_PASSWORD=your_database_password
连接数据库
在项目根目录下创建一个名为 db.js 的文件。这个文件包含了 Sequelize ORM 的初始化配置和连接数据库的逻辑。
-- -------------------- ---- -------
----- - --------- - - ---------------------
----- ------ - ------------------
----------------
----- --------- - --- ----------
--------------------
--------------------
------------------------
-
----- --------------------
-------- --------
-
--
-------------- - ----------建立数据模型
在项目根目录下创建一个名为 models 的文件夹，并在其中创建名为 User.js 的文件。该文件定义了用户模型，包括用户名、邮箱地址、密码和验证标记等属性。
-- -------------------- ---- -------
----- - ---------- --------- - - ---------------------
----- --------- - -----------------
----- ---- - ------------------------ -
--- -
----- ------------------
----------- -----
-------------- -----
--
----- -
----- -----------------
---------- ------
--
------ -
----- -----------------
---------- ------
------- -----
--
--------- -
----- -----------------
---------- ------
--
----------- -
----- ------------------
------------- ------
--
------------------ -
----- -----------------
------------- ---
--
---
-------------- - -----发送邮件
在项目根目录下创建一个名为 mailer.js 的文件，该文件用于发送包含验证 token 的邮件给用户。
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ------ - ------------------
----------------
----- ----------- - ----------------------------
-------- --------
----- -
----- -----------------------
----- ---------------------------
--
---
----- -------- -------------------------------- ------------------ -
----- ----------- - -
----- -----------------------
--- ----------
-------- ------- ---- ----- ---------
----- -
-------- --- --- ------- -------
--------- ----- --- --------- ---- -- ------ ---- ----- ------------
-- ------------------------------------------------------------------------
----------------------------------------------------------------
------
--
------ ----------------------------------
-
-------------- - - --------------------- --创建 API
在项目根目录下创建一个名为 app.js 的文件。该文件创建了 Fastify 应用程序实例，并提供了三个 RESTful API 接口：注册用户、发送验证邮件和验证邮箱。
-- -------------------- ---- -------
----- ------- - ---------------------
----- --------- - ----------------
----- ---- - -------------------------
----- - --------------------- - - --------------------
-----------------
----------------------- ----- --------- ------ -- -
----- - ----- ------ -------- - - -------------
----- ----------------- - ------------------------------------
----- ------------- ----- ------ --------- ----------------- ---
----- ---------------------------- -------------------
------------ -------- ---- ---
---
---------------------------------------- ----- --------- ------ -- -
----- - ----- - - -------------
----- ---- - ----- -------------- ------ - ----- - ---
-- ------- ------ ------------------------ -------- ----- --- ------- ---
----- ----------------- - ------------------------------------
------------- ----------------- ---
----- ---------------------------- -------------------
------------ -------- ---- ---
---
----------------------------- ----- --------- ------ -- -
----- - ------ ----------------- - - -------------
----- ---- - ----- -------------- ------ - ----- - ---
-- ----------------------- --- ------------------ -
------ ------------------------ -------- -------- ------- ---
-
------------- ----------- ---- ---
------------ -------- ---- ---
---
-------------------- ----- -------- -- -
-- ----- -
-------------------
----------------
-
------------------- --------- -- -------------
---测试 API
我们可以使用 Postman 来测试我们的 API 接口。在 Postman 中向 /signup 发送一个 POST 请求，并在 body 中包含 name、email 和 password 三个参数。如果注册成功，API 将返回一个包含 success 属性的 JSON 响应。接下来，向 /send-verification-email 发送一个 POST 请求，并在 body 中包含 email 参数。如果发送成功，API 将返回一个包含 success 属性的 JSON 响应。最后，向 /verify-email 发送一个 POST 请求，并在 body 中包含 email 和 verificationToken 两个参数。如果验证成功，API 将返回一个包含 success 属性的 JSON 响应。
总结
在本教程中，我们使用 Fastify 框架和 Sequelize ORM 实现了一个基于邮箱验证的用户注册和登录系统。该系统的具体实现过程涵盖了构建 Web 应用的核心要素，包括：配置数据库、建立数据模型、发送邮件和创建 API。希望本教程能够帮助您深入理解前端开发的相关技术，进一步提升您的技术水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6471e240968c7c53b0fcda42