在Firebase上部署Angle 6 Universal

时间:2018-07-14 01:19:43

标签: angular firebase angular-universal

我一直在按照步骤操作,但无法正常工作...我创建了一个动态Angle 6应用程序,并在其上安装了通用角度。在Localhost上,它正在运行,但是当我将其上传到Firebase时,它不是...我遵循了所有内容,但有一次他们要求编辑/functions/index.js文件夹...但是在我的项目中,没有任何功能夹。所以我很困惑。 我正在使用Firebase免费托管

1 个答案:

答案 0 :(得分:0)

Firebase工具会在安装过程中创建functions文件夹,您可以为索引文件选择js或ts扩展名以及其他有关如何运行应用程序的选项。一些其他文件也将帮助您配置应用程序。

npm install -g firebase-tools

firebase init

firebasesrc

{
  "projects": {
    "default": "default-firebase-account-name",
    "dev": "dev--firebase-account-name",
    "prod": "poduction--firebase-account-name"
  }
}

项目名称配置。在此处添加您的Firebase项目名称和别名,以便从控制台快速配置不同的环境。

firebase use dev
or
firebase use prod

firebase.json

主要托管配置,用于设置托管,标头,数据库,存储和重写规则路径。

数据库规则,存储和索引文件可以在firebase初始化过程中创建。

  "hosting": {
    "public": "dist/browser",

功能/

cd进入此目录并运行npm install / yarn install或在初始化过程中选择install。  functions / package.json将使用部署脚本创建。

请注意是否使用Windows-git bash可能不允许使用箭头键选择选项,因此请使用Windows powershell进行初始设置。然后通过带有标准组件的powershell进行部署

firebase deploy 

或将它们添加到您的主要package.json脚本中,并将它们链接到您的生产构建脚本中,以便从控制台轻松进行一步部署。

"prod": "ng build --prod"
"prod:dep": "cd functions && firebase deploy",
"postprod:host": "cd functions && firebase deploy --only hosting",

有关更多信息,请参见firebase托管