firebase 搭建网站


安装 Firebase CLI 初始化您的项目 https://nodejs.org/zh-cn/ 

下载node.js 里面会有很多乱七八糟的东西。包括npm

先 npm install firebase,然后才能设置 Firebase Hosting。

  • npm:运行 npm install -g firebase-tools

如需将本地项目文件与 Firebase 项目关联,请从本地项目目录的根目录下运行以下命令:

firebase init hosting

在项目初始化期间,请按照 Firebase CLI 提示执行以下操作:

  1. 选择一个 Firebase 项目以与您的本地项目目录关联。

    选定的 Firebase 项目是本地项目目录的“默认”Firebase 项目。要将其他 Firebase 项目关联到本地项目目录,请设置项目别名

  2. 指定用作公共根目录的目录。

    此目录包含您公开提供的所有静态文件,包括 index.html 文件以及要部署到 Firebase Hosting 的所有其他资产。

    • 公共根目录的默认名称为 public

      • 您可以立即指定公共根目录,也可以稍后指定(在您的 firebase.json 配置文件中)。

      • 如果您选择默认值并且还没有名为 public 的目录,Firebase 会为您创建该目录。

    • 如果您的公共根目录中不存在有效的 index.html 文件或 404.html 文件,Firebase 会为您创建一个。

  3. 为您的网站选择配置。

    如果您选择制作一个单页应用,Firebase 会自动为您添加重写配置

在初始化结束时,Firebase 会自动创建两个文件,并将其添加到本地应用目录的根目录下:

  • firebase.json 配置文件,其中列出了您的项目配置。如需详细了解此文件,请参阅配置托管行为页面。

  • .firebaserc 文件,其中存储有项目别名

要部署到您的网站,请从本地项目目录的根目录下运行以下命令:

firebase deploy --only hosting
多个网站,指定目录。

在 firebase.json 中指定您的网站

将您的网站 ID 添加到 firebase.json 配置文件中。

{

 
"hosting": {

   
"site": "26836659",
   
"public": "public",

   
...

 
}

}
准备就绪之后,请部署您的网络应用

将您的静态文件(例如HTML、CSS、JS)放在您应用的部署目录中(默认为“public”)。然后,从该应用的根目录下运行此命令:

firebase deploy --only hosting:26836659

没有评论:

发表评论

Follow Us

FOLLOW US

Blog Archive

Comments

Blogger 提供支持.

Search This Blog

Tags

header ads