在 Firebase 托管平台上免费托管静态网站

AI智能摘要
Firebase 是 Google 提供的云服务平台,支持免费托管静态网站。静态网站内容在服务器端不变,可通过 HTML、CSS 和 JavaScript 实现。用户需在 Firebase 官网创建项目,集成 Google Analytics,并使用 Firebase CLI 工具部署。Linux 和 Windows 系统均可安装 CLI,通过命令行初始化并部署静态文件到 public 目录。Firebase 提供两个免费域名,也可自行绑定,部署后即可访问网站链接。用户可随时替换 public 文件并重新部署更新网站内容。
— 此摘要由AI分析文章内容生成,仅供参考。

Firebase介绍

Firebase 是由 Google 提供的一套云服务工具和平台,旨在简化和加速移动应用和 Web 应用的开发过程。Firebase 提供了各种功能,包括实时数据库、身份认证、云函数、托管、存储、推送通知等,使开发人员能够更专注于应用程序的功能和用户体验,而不必担心构建和维护后端基础设施。

静态网站定义

静态 只是意味着您的内容在提供之前不会改变。例如,WordPress 响应请求并使用 PHP 更改页面内容,具体取决于您请求的页面。另一方面,静态网站只是纯 HTML,加上您随它一起发送的任何图像、CSS 或 JavaScript。在将它发送给用户后,您可以在客户端使用 JavaScript 自由更改它,这就是 React 的工作方式,但即使在这种情况下,JavaScript 文件本身也是静态的。

让你的网站完全静态的好处是你实际上不需要像 NGINX 或 Apache 这样花哨的网络服务器来提供你的内容。

托管部署

进入Firebase官网

Firebase官网,然后点击Create Project

在 Firebase 托管平台上免费托管静态网站

填写Project Name

填入一个项目名字,名字随便起,点击继续

在 Firebase 托管平台上免费托管静态网站

集成Google Analytics

直接默认就可以,会创建一个GA,点创建即可

在 Firebase 托管平台上免费托管静态网站

项目创建中

在 Firebase 托管平台上免费托管静态网站

构建Hosting

项目创建完毕后,进入项目,选择构建-hosting

在 Firebase 托管平台上免费托管静态网站
在 Firebase 托管平台上免费托管静态网站

安装 Firebase CLI

默认下一步即可,前往控制台

在 Firebase 托管平台上免费托管静态网站

点击说明可以看到安装代码

在 Firebase 托管平台上免费托管静态网站

LInux操作

用你的vps安装firebase cli,命令如图所示

在 Firebase 托管平台上免费托管静态网站
在 Firebase 托管平台上免费托管静态网站

vps请先安装npm:apt install npm,然后运行上述命令

在 Firebase 托管平台上免费托管静态网站

如果报错请运行下面的命令

curl -sL https://firebase.tools | upgrade=true bash   #更新至最新版本
npm install -g firebase-tools   #安装firebase cli

登录Goolge.com授权Firebase

在 Firebase 托管平台上免费托管静态网站

输入 firebase login 这个指令后,会弹出一串URL,然后将URL复制到你的浏览器中,选择google账户登录,然后授权。

firebase login

如果你的vps有桌面浏览器,那么直接复制授权即可成功登陆!

在 Firebase 托管平台上免费托管静态网站
在 Firebase 托管平台上免费托管静态网站

如果你复制到你的PC浏览器,授权就会碰到无法访问的情况,请把网址中的localhost改成你的vps的IP即可。

在 Firebase 托管平台上免费托管静态网站
在 Firebase 托管平台上免费托管静态网站
在 Firebase 托管平台上免费托管静态网站

Windows操作

  1. 下载 Windows 版 Firebase CLI 二进制文件
  2. 访问二进制文件以打开 shell,在其中可以运行 firebase 命令。
  3. 继续登录并测试 CLI

下载地址

发布时间 2025 年 6 月 3 日
已经登录?刷新

同样运行以下命令即可

firebase login

执行Firebase init

输入命令:firebase init 执行初始化

firebase init
在 Firebase 托管平台上免费托管静态网站

方向键选择hosting,空格键选定,回车键确认

在 Firebase 托管平台上免费托管静态网站

接下来按照图示操作

在 Firebase 托管平台上免费托管静态网站

选择你之前创建的project,此处演示位web-02

在 Firebase 托管平台上免费托管静态网站

然后按图继续操作

在 Firebase 托管平台上免费托管静态网站

至此,firebase初始化成功

在 Firebase 托管平台上免费托管静态网站

执行firebase deploy

输入以下命令创建链接

cd public     #访问你创建的public
firebase deploy      #部署网站
在 Firebase 托管平台上免费托管静态网站

红框就是你的网站链接(该域名国内可能会被屏蔽),复制到浏览器打开即可看到效果

在 Firebase 托管平台上免费托管静态网站

此时你的firebase控制面板也会显示你的project详情(图片中project console链接)

在 Firebase 托管平台上免费托管静态网站

这里是google提供给你的两个免费域名地址,你也可以自行绑定域名

在 Firebase 托管平台上免费托管静态网站

修改静态网站

public文件的位置如图所示

在 Firebase 托管平台上免费托管静态网站

把里面的文件替换成你的静态文件,再deploy即可。

官方文档

Firebase CLI 参考文档  |  Firebase Documentation

发布者:木木,转载请注明出处:https://blog.huzz.cn/8142.html

Like (0)
Donate 微信 微信 支付宝 支付宝
木木的头像木木VIP用户
Previous 2025 年 6 月 2 日 下午2:23
Next 2025 年 6 月 3 日 下午9:09

相关推荐

发表回复

Please Login to Comment
SHARE
TOP
🔈Hi,朋友。欢迎来到木木的博客小站!