使用 Google Firebase 实现永久免费虚拟主机托管

作者

本文介绍如何利用 Google Firebase 提供的免费虚拟主机服务，托管您的静态网站。Firebase 虚拟主机速度极快，自带高速 CDN 和安全证书，稳定性强，支持全球直达。对于新手来说，在上面搭建小型网站或博客是非常不错的选择。虽然每月的流量有限制，但服务本身是永久免费的。

以下是详细步骤：

第一步：创建 Firebase 项目

  1. 访问 Firebase 官方链接。
  2. 点击注册或开始使用。
  3. 在打开的页面上，您会看到欢迎使用 Firebase 的信息。它提供了各种工具来构建应用基础设施，提高应用质量并拓展业务。
  4. 点击下方的“开始使用”或创建项目。
  5. 输入一个项目名称（可以随意指定），例如“零度”。
  6. 您可以修改项目唯一的标识符（项目 ID），如果项目 ID 已被占用，需要修改。修改后点击保存。
  7. 选择是否为您的 Firebase 项目提供 AI 辅助功能（会集成 Google AI），这里保持默认即可，点击继续。
  8. 关于 Google Analytics（谷歌分析），这里可以不用管，直接点击继续。
  9. 选择关联的 Google 账号。如果您没有，需要先创建一个。
  10. 点击“创建项目”。
  11. 系统会开始准备您的项目并预配置资源，这个过程通常非常快，只需几分钟即可完成。
  12. 项目准备就绪后，点击“继续”。

第二步：准备本地环境

在本地部署前，您需要安装一些必要的工具：

  1. 安装 Node.js 环境
    • 如果您使用的是 Windows 系统，首先需要安装 Node.js 环境。
    • 访问 Node.js 官网。
    • Node.js 是一个开源、完全免费且跨平台使用的工具。
    • 选择并下载长期支持版本（LTS）。
    • 下载完成后，运行安装程序，按照提示完成安装（点击下一步，同意条款，选择安装路径，点击安装）。
    • 安装完成后，点击 finish。
    • 打开命令提示符（CMD）。
    • 输入命令 node -v 来检查 Node.js 是否正常安装，输入 npm -v 来检查 npm 是否正常安装。如果能显示版本号，说明安装成功。
  2. 安装 Firebase 命令行工具 (CLI)
    • 这个命令行工具由 Firebase 官方提供。
    • 在命令终端中，粘贴并运行安装命令 npm install -g firebase-tools。
    • 安装完成后，输入命令 firebase --version 来检查 Firebase CLI 的版本号，确认是否安装成功。来源中显示的版本号是 14.5.0。
  3. 安装 Linux 子系统 (WSL) – 仅适用于 Windows 系统
    • 在 Windows 系统上，建议安装 Linux 子系统。
    • 以管理员身份运行 PowerShell。
    • 复制并运行安装命令 wsl --install。
    • 系统会自动开始下载和安装 Ubuntu 等 Linux 发行版。
    • 安装成功后，系统会提示您启动 Linux 子系统。
    • 启动子系统后，您需要创建一个子系统账号，输入用户名和密码（密码输入时不会显示）。确认密码后即创建成功。
    • 注意： 如果通过此命令无法安装子系统，很可能是因为电脑未开启虚拟化支持。您可以在 BIOS 中开启，或通过其他命令开启虚拟化。如果您的电脑安装了 VMware 等虚拟机软件，可能需要先卸载它们，因为虚拟机和子系统可能无法共存。

第三步：授权 Firebase CLI

安装好 Linux 子系统后（或其他操作系统环境），您需要将本地的 Firebase CLI 与您的 Firebase 项目对接：

  1. 在 Linux 子系统终端中（或其他终端），运行命令 firebase login。
    • 注意： 如果您不在海外地区，需要开启全局上网（代理模式）才能成功下载和连接。
    • 如果提示没有权限，可以尝试在命令前加上 sudo 并输入子系统密码来获取权限。
  2. 运行 firebase login 后，系统会提供一个授权地址。
  3. 复制并打开这个地址。
  4. 连接您的 Google 账号，点击允许。
  5. 在弹出的页面上，会出现一个验证码。
  6. 复制这个验证码。
  7. 回到终端，粘贴刚才复制的验证码。
  8. 确认后，终端会显示“已成功登录”，表示授权成功。

第四步：初始化项目

现在，您需要在本地将项目初始化，以进行 Firebase 托管：

  1. 在终端中，输入命令 firebase init hosting。
  2. 系统会询问一些配置选项。
  3. 根据提示进行确认，来源中提到的一些默认选项可以直接回车确认。
  4. 当询问是否使用公共文件夹 public 作为根目录文件夹时，确认即可。
  5. 询问是否需要创建一个 index.html 文件时，来源中说输入 y 确认即可。
  6. 询问是否需要对您的 GitHub 账号进行配置时，来源中建议输入 n 即可。
  7. 所有选项确认完毕后，初始化过程就完成了。终端会显示 Firebase 初始化成功的提示。
  8. 您可以输入 ls 命令查看目录文件。此时目录下会有 .firebase、firebase.json 文件和一个 public 文件夹。进入 public 文件夹，里面通常会有一个 index.html 文件。

第五步：部署您的网站

初始化完成后，您可以将网站文件部署到 Firebase 虚拟主机：

  1. 在终端中，输入命令 firebase deploy 来创建访问链接并进行部署。
  2. 系统会开始部署过程。
  3. 部署成功后，系统会提供一个虚拟空间的链接。
  4. 复制并打开这个链接，您应该能看到默认的 Firebase 托管欢迎页面。看到这个界面，说明您的完全免费虚拟主机已经开启成功了。

第六步：管理您的托管网站

  1. 您可以进入 Firebase 控制台进行管理。
  2. 打开控制台链接，找到您之前创建的项目（例如“零度”）并点击进入。
  3. 进入项目后，您会看到当前已部署成功的提示。
  4. 部署成功后，Firebase 会提供两个默认的域名供您访问。
  5. 如果您不喜欢默认域名，可以在控制台中绑定自己的域名。
  6. 您可以修改 public 文件夹下的 index.html 文件内容。用编辑器打开文件，修改里面的源代码，改成您自己的内容。
  7. 修改并保存文件后，回到终端重新运行 firebase deploy 命令进行重新部署。
  8. 部署完成后，再次打开您的网站链接，就能看到您修改后的内容了。

更多应用

您可以在 public 文件夹中放置您的静态网站文件。您也可以在里面部署一个静态博客，例如使用 Hexo 或者 Hugo 生成的静态网站。这些工具都是免费开源的。您可以尝试部署其他好玩的东西。

发表评论