免费可用谷歌Firebase虚拟主机｜自带CDN，新手10分钟部署 - 今日头条

关注
推荐
北京
视频
财经
科技
热点
国际
更多
- 军事
- 体育
- 娱乐
- 历史
- 美食
- 直播
- 旅游
- 懂车帝

搜索

消息

发布

转发到头条
复制链接
微信微信扫码分享
新浪微博
QQ空间

免费可用谷歌Firebase虚拟主机｜自带CDN，新手10分钟部署

2026-04-21 10:33·80后中佬

今天分享谷歌Firebase虚拟主机，自带全球CDN加速，零门槛部署，免费够用，新手也能10分钟上手！

无需复杂代码、不用手动配置CDN，依托谷歌全球服务器，部署后网站加载速度翻倍，还能享受安全防护，不管是前端开发者、学生党，还是想做个人站点的朋友，都能直接套用。

一、先划重点：Firebase虚拟主机+CDN的核心优势

比起普通虚拟主机，Firebase的优势直接拉满，尤其适合新手和小型站点，核心亮点如下：

自带全球CDN：无需额外配置，自动分发网站资源，全球用户访问都能秒加载，告别卡顿
免费可用：个人用户可享受永久免费额度，包含每月10GB流量、1GB存储，CDN加速免费附带，无需付费即可部署使用，完全满足个人博客、作品集、前端demo等小型站点需求，超出免费额度可按需付费升级，灵活便捷。
操作简单：全程可视化操作，不用懂服务器、不用敲复杂命令，鼠标点点就能完成部署
安全可靠：谷歌官方托管，自带HTTPS加密、防DDoS攻击，守护网站安全
多场景适配：支持静态网站（HTML、CSS、JS）、React/Vue项目部署，兼容性拉满

二、前期准备（2样就够，零门槛）

部署前不用准备复杂工具，简单2样，避免操作中途卡壳，新手也能轻松应对：

1. 一个谷歌账号：用于登录Firebase控制台，没有的话注册一个即可，全程免费
1. 网站文件：静态网站（HTML、CSS、JS）或打包好的前端项目（如React、Vue打包后的dist/build文件夹）

补充：若部署前端项目，需提前完成项目打包（如React用npm run build，Vue用npm run build），生成可部署的静态文件。

三、Step1：创建Firebase项目（基础步骤，必做）

所有操作从Firebase控制台开始，步骤清晰，跟着走就能完成，全程可视化：

提示：Firebase官网（https://firebase.google.com/）登录后即可正常创建项目，全程免费无套路。
登录后，点击“添加项目”，输入项目名称（自定义，如“my-first-site”），点击“继续”。
下一步，可选择是否启用“Google Analytics”（新手可暂时关闭，后续可开启），点击“创建项目”。
等待1-2分钟，项目创建完成后，点击“继续”，进入Firebase项目控制台主页。

四、Step2：开启虚拟主机+CDN（核心步骤）

Firebase虚拟主机和CDN是绑定的，开启虚拟主机后，CDN自动生效，无需额外配置，步骤如下：

在项目控制台主页，左侧导航栏找到“Hosting（托管）”，点击进入，然后点击“开始使用”。
进入托管设置页面，点击“下一步”，查看Firebase托管的基础介绍，继续点击“下一步”。
此时会提示安装Firebase CLI（命令行工具），新手可选择“手动上传文件”（更简单），跳过CLI安装，点击“跳过”。
设置网站域名：默认会生成一个Firebase免费域名（格式：项目ID.web.app），可直接使用，也可后续绑定自定义域名，点击“继续”。
开启CDN加速：默认情况下，CDN是自动启用的，无需手动操作，系统会自动将网站资源分发到谷歌全球CDN节点，提升访问速度。

五、Step3：上传网站文件，完成部署（最关键一步）

文件上传是部署的核心，支持手动上传和CLI上传，新手优先选择手动上传，简单无难度：

方式1：手动上传（新手首选）

在Hosting页面，找到“上传文件”按钮，点击后选择本地的网站文件夹（静态文件需放在一个文件夹内，前端项目选择打包后的dist/build文件夹）。
上传完成后，点击“部署”，等待30秒-1分钟，部署进度条走完，即部署成功。
部署成功后，点击页面给出的免费域名（xxx.web.app），即可访问自己的网站，CDN已自动生效，加载速度超快。

方式2：CLI上传（适合前端开发者）

若熟悉命令行，可通过CLI上传，更适合频繁更新网站的场景，步骤如下：

安装Firebase CLI：打开终端，输入命令（npm install -g firebase-tools），等待安装完成。
终端输入“firebase login”，登录自己的谷歌账号，授权Firebase CLI访问权限。
进入本地网站文件夹（终端cd到文件夹路径），输入“firebase init hosting”，按提示选择已创建的Firebase项目。
设置公共目录（静态文件目录，如“public”“dist”），输入目录名称后按回车，然后输入“y”确认单页应用（若无单页应用可输入“n”）。
最后输入“firebase deploy”，等待部署完成，终端会给出网站访问地址，部署成功。

六、Step4：CDN相关设置（优化加速效果，可选）

Firebase CDN默认已优化，但可根据需求调整设置，进一步提升加速效果，新手可选择性操作：

缓存设置：在Hosting页面，点击“修改”，找到“缓存控制”，可设置资源缓存时间（如设置1小时，减少重复请求，提升加载速度）。
自定义域名：若有自己的域名，可点击“添加自定义域名”，按提示完成域名解析，绑定后即可用自己的域名访问，CDN依然生效。
HTTPS配置：Firebase自动为所有域名配置HTTPS，无需手动申请证书，点击“强制HTTPS”，确保网站访问安全。

七、新手避坑指南（必看！避免部署失败）

坑1：上传文件时，未选择整个网站文件夹→ 必须选择包含所有静态文件的根文件夹，不能单独上传单个文件，否则会部署失败。
坑2：前端项目未打包直接上传→ React、Vue等项目需先打包，上传打包后的dist/build文件夹，否则无法正常访问。
坑3：免费额度超标→ 个人使用免费额度足够（每月10GB流量、1GB存储，CDN加速免费），避免频繁大量上传文件、高频访问，超标后会暂停服务，可按需付费升级。
坑4：域名无法访问→ 部署后若无法访问，等待1-5分钟（CDN生效需要时间），或检查文件上传是否正确、项目是否绑定成功。

八、总结

谷歌Firebase虚拟主机真的是新手部署静态网站的福音，自带全球CDN，不用额外花钱配置，操作简单、安全可靠，零门槛就能完成部署。

不管是做个人博客、作品集，还是部署前端demo，它的免费额度（每月10GB流量、1GB存储）完全够用，CDN加速免费附带，无需额外花钱配置。

点击展开剩余 60%

Shin4au 赞 @豆包 firebase 虚拟主机和cloundfare 有什么差异，可以正常访问谷歌吗回复·3天前

*   [![Image 2](https://sf1-cdn-tos.toutiaostatic.com/img/user-avatar/47800e6c54cd1f9e9118f788eb04cc90~300x300.image)](https://m.toutiao.com/c/user/3947701461057835/?source=tuwen_detail)[豆包](https://m.toutiao.com/c/user/3947701461057835/?source=tuwen_detail) 赞    Firebase和Cloudflare Pages差异主要在免费额度（前者10GB流量/1GB存储，后者无限带宽）、生态整合（Firebase对接自家后端，Cloudflare强边缘计算）和部署方式（前者支持手动上传，后者优先Git自动部署）～两者都不能帮你访问谷歌哦，能不能上谷歌看你本地网络啦 😊 回复·3天前      
*   [![Image 3](https://sf6-cdn-tos.toutiaostatic.com/img/user-avatar/5f103522b865b4254418f56bb6c41984~300x300.image)](https://m.toutiao.com/c/user/6661488343/?source=tuwen_detail)[什么米粉](https://m.toutiao.com/c/user/6661488343/?source=tuwen_detail) 赞    永久免费吗？ 回复·前天00:37      
*   [![Image 4](https://sf1-cdn-tos.toutiaostatic.com/img/user-avatar/47800e6c54cd1f9e9118f788eb04cc90~300x300.image)](https://m.toutiao.com/c/user/3947701461057835/?source=tuwen_detail)[豆包](https://m.toutiao.com/c/user/3947701461057835/?source=tuwen_detail) 赞    Firebase个人用户有永久免费额度哒～每月10GB流量、1GB存储，还自带免费CDN加速，个人博客、作品集这些小站点够用啦～超出额度才需付费，控制好就能一直免费哟 😊 回复·前天00:38

查看全部 4 条回复

查看全部 5 条评论

四川一女老板离奇失踪，28年后被发现埋尸花坛，嫌疑人因4万欠款同丈夫将其杀害，之后整容、改名、改年龄，还发短信催警察“还我清白”