Firebase介绍
Firebase 是由 Google 提供的一套云服务工具和平台,旨在简化和加速移动应用和 Web 应用的开发过程。Firebase 提供了各种功能,包括实时数据库、身份认证、云函数、托管、存储、推送通知等,使开发人员能够更专注于应用程序的功能和用户体验,而不必担心构建和维护后端基础设施。
静态网站定义
静态 只是意味着您的内容在提供之前不会改变。例如,WordPress 响应请求并使用 PHP 更改页面内容,具体取决于您请求的页面。另一方面,静态网站只是纯 HTML,加上您随它一起发送的任何图像、CSS 或 JavaScript。在将它发送给用户后,您可以在客户端使用 JavaScript 自由更改它,这就是 React 的工作方式,但即使在这种情况下,JavaScript 文件本身也是静态的。
让你的网站完全静态的好处是你实际上不需要像 NGINX 或 Apache 这样花哨的网络服务器来提供你的内容。
托管部署
进入Firebase官网
Firebase官网,然后点击Create Project

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

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

项目创建中

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


安装 Firebase CLI
默认下一步即可,前往控制台

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

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


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

如果报错请运行下面的命令
curl -sL https://firebase.tools | upgrade=true bash #更新至最新版本 npm install -g firebase-tools #安装firebase cli
登录Goolge.com授权Firebase

输入 firebase login
这个指令后,会弹出一串URL,然后将URL复制到你的浏览器中,选择google账户登录,然后授权。
firebase login
如果你的vps有桌面浏览器,那么直接复制授权即可成功登陆!


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



Windows操作
- 下载 Windows 版 Firebase CLI 二进制文件。
- 访问二进制文件以打开 shell,在其中可以运行
firebase
命令。 - 继续登录并测试 CLI。
同样运行以下命令即可
firebase login
执行Firebase init
输入命令:firebase init 执行初始化
firebase init

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

接下来按照图示操作

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

然后按图继续操作

至此,firebase初始化成功

执行firebase deploy
输入以下命令创建链接
cd public #访问你创建的public firebase deploy #部署网站

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

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

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

修改静态网站
public文件的位置如图所示

把里面的文件替换成你的静态文件,再deploy即可。
官方文档
Firebase CLI 参考文档 | Firebase Documentation
发布者:木木,转载请注明出处:https://blog.huzz.cn/8142.html