这是使用Universal-CLI时部署Angular Universal项目的正确方法吗?

时间:2017-03-21 08:10:34

标签: angular google-app-engine google-cloud-platform angular-universal

对于过去的Angular 2项目,我会将Angular CLI构建中的static dist文件夹上传到Google Cloud Platform。我会将带有gcloud app deploy app.yaml命令的SDK与此app.yaml文件一起使用:

application: 
version: 
runtime: python27
threadsafe: true
api_version: 1

handlers:
- url: /(.*\.(gif|png|jpeg|jpg|css|js)(|\.map))$
  static_files: dist/\1
  upload: dist/(.*)(|\.map)

- url: /(.*)
  static_files: dist/index.html
  upload: dist/index.html

我已开始使用Universal-CLI。它也会使用ung build命令生成dist文件夹。

documentation概述了两种服务器呈现方法。这个dist文件夹是第一种方法的含义:

  

第一个选项是预呈现您的应用程序,这意味着您将使用其中一个通用构建工具(即gulp,grunt,broccoli,webpack等)在构建时为所有路由生成静态HTML。然后,您可以将该静态HTML部署到CDN。

如果我以与上面概述的过去角度2项目相同的方式部署dist文件夹,Angular Universal是否按预期工作?

如果不是如何部署Angular Universal项目?

1 个答案:

答案 0 :(得分:0)

这里有点晚了。无论哪种方式,万一有人还在寻找这个。

这就是我最终要做的事情。 我将代码repo (包含整个应用程序的文件夹减去node_modules等)转移到域文件夹中。 (public_html或您正在使用的任何内容)

在此之后,我运行了这两个命令。

npm install
npm start

基本上,在服务器中安装所有必需的依赖项并启动服务器。

第二个命令 npm start 直接适用于您从Angular CLI和Universal的here精彩入门应用程序构建项目的情况。如果没有,请使用您在开发中启动应用程序时使用的任何命令。