在本文中，我们将介绍如何使用 Express.js 和 Firebase 来创建一个功能强大的 Web 应用程序。Express.js 是一个 Node.js 的 Web 框架，它使开发人员能够轻松地构建 Web 应用程序。Firebase 是 Google 开发的一个云平台，为开发人员提供多种工具来构建高效的应用程序，例如实时数据库、身份验证、云存储等等。
准备工作
在开始创建应用程序之前，需要确保在你的计算机上已经安装了 Node.js 和 NPM。如果没有安装，请先安装这两个工具。
- 安装 Node.js：https://nodejs.org/en/download/
- 安装 NPM：在终端中运行以下命令
npm install npm -g
创建 Express.js 应用程序
在终端中运行以下命令来创建一个名为 myapp 的新的 Express.js 应用程序。
$ npm install express-generator -g $ express myapp $ cd myapp && npm install
以上命令将创建一个名为 myapp 的新应用程序，并安装所有必要的依赖包。在运行 cd myapp && npm install 命令之后，会在项目根目录下创建一个名为 node_modules 的目录，其中包含了所有的依赖包。
在终端中运行以下命令以启动应用程序。
$ npm start
现在，你可以在浏览器中访问 http://localhost:3000 来查看你的应用程序。
集成 Firebase
接下来，我们将使用 Firebase 来存储数据和进行身份验证。在开始使用 Firebase 之前，需要先创建一个 Firebase 项目，并在你的应用程序中引入 Firebase SDK。
- 创建 Firebase 项目：https://console.firebase.google.com/
- 安装 Firebase SDK：在终端中运行以下命令
npm install firebase --save
接下来，我们将使用 Firebase 实时数据库来存储数据。在终端中运行以下命令以安装 Firebase 实时数据库依赖包。
$ npm install firebase-admin@latest --save
现在，我们需要在我们的应用程序中引入 Firebase SDK 并进行配置。在 app.js 文件的开头添加以下代码。
-- -------------------- ---- ------- --- -------- - -------------------- --- ----- - -------------------------- -- ---------- -------- --- -------------- - - ------- ------------ ----------- ---------------- ------------ ----------------- ---------- --------------- -------------- ------------------- ------------------ ------------------------ ------ ---------- -- --------------------------------------- --- -------------- - -------------------------------------------- --------------------- ----------- -------------------------------------- ------------ ---------------- ---
以上代码将初始化 Firebase SDK 并使用 Firebase 实时数据库。
现在，我们将创建一个 posts 路由以便在应用程序中显示博客文章。在应用程序的 routes 目录中创建一个 posts.js 文件，并添加以下代码。
-- -------------------- ---- -------
--- ------- - -------------------
--- ----- - --------------------------
--- ------ - -----------------
-- --- - --------- -- --- -------- -------
--- -- - -----------------
--- --- - ----------------
-- --- ----- -------- --
--------------- ------------- ---- ----- -
----------------- ------------------ -
-------------------------
-- -------- ------------- -
---------------- ---- ------- - - ------------------
---
---
-------------- - -------以上代码将创建一个名为 posts 的路由，并在路由中获取 Firebase 数据库中的博客文章数据，并将其发送回客户端。
现在，我们需要在应用程序中注册该路由。在 app.js 文件中添加以下代码。
var postsRouter = require('./routes/posts');
app.use('/posts', postsRouter);现在，你可以在浏览器中访问 http://localhost:3000/posts 来查看你的应用程序中存储的所有文章。
集成身份验证
最后，在我们的应用程序中集成身份验证。在终端中运行以下命令以安装身份验证依赖包。
$ npm install passport passport-google-oauth20 cookie-session
现在，我们将创建一个 auth 路由以便用户可以登录到我们的应用程序。在应用程序的 routes 目录中创建一个 auth.js 文件，并添加以下代码。
-- -------------------- ---- -------
--- ------- - -------------------
--- -------- - --------------------
--- -------------- - --------------------------------------------
--- ------- - --------------------------
--- ------ - -----------------
-- ---------- -------- --
---------------- ----------------
--------- --------------
------------- ------------------
------------ -----------------------
--
--------------------- ------------- -------- --- -
------ -------- ---------
-
---
------------------------------------- ----- -
---------- ------
---
--------------------------------------- ----- -
---------- ------
---
-- ---------- ------- --
--------------------
----- ----------
----- -------- -------
----
----------------------------------
-------------------------------
-- ------ -------------- --
--------------------- ------------------------------- - ------ ----------- ----
------------------------------ ------------------------------- - ---------------- -------- ---
------------- ---- -
------------------
-
--
-------------- - -------以上代码将创建一个名为 auth 的路由，并通过 Google OAuth2 进行身份验证。在身份验证成功后，用户将重定向到应用程序首页。
最后，我们需要在应用程序中注册该路由。在 app.js 文件中添加以下代码。
-- -------------------- ---- -------
--- ---------- - -------------------------
---------------- ------------
-- -------------- ----- --
-------- -------------------- ---- ----- -
-- ---------- -
-------
- ---- -
-----------------------------
-
-
------------ ---------------- ------------- ---- ----- -
------------------- - ------ --------- ---
---以上代码将在首页前进行身份验证，并重定向到 auth/google 页面以便用户可以进行登录操作。
总结
以上就是使用 Express.js 和 Firebase 创建 Web 应用程序的过程。Express.js 提供了一个轻量级的 Web 框架，使开发人员能够轻松构建 Web 应用程序。Firebase 提供了许多有用的工具，例如实时数据库、身份验证、云存储等等，使开发人员可以轻松构建高效的应用程序。希望这篇文章能够帮助你了解如何使用 Express.js 和 Firebase 创建一个强大的 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64631c2f968c7c53b041fc5c