在pcf中部署angular2应用程序

时间:2017-03-09 19:18:21

标签: angular deployment pcf

我正在尝试将angular2应用程序部署到pivotal cloud foundry,然后按照找到的here说明进行操作,但我不断获取Loading...,开发人员没有发现错误安慰。

/d/gitmyworkspace/mywork/pcfdeploy/src
$ npm install --quite
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
/d/gitmyworkspace/mywork/pcfdeploy/src
$ cf push -b staticfile_buildpack ang-pcf-dep
Creating app ang-pcf-dep in org ORG / space development as myDetails...OK
Creating route ang-pcf-dep.domain.com... OK
Binding ang-pcf-dep.domain.com to ang-pcf-dep... OK
Uploading ang-pcf-dep...
Uploading app files from: D:\gitmyworkspace\mywork\pcfdeploy\src
Uploading 12.9K, 18 files Done uploading OK
Starting app ang-pcf-dep in org ORG / space development as myDetails...
Downloading staticfile_buildpack...Downloaded staticfile_buildpack
Creating container    Successfully created container  Downloading app package...
Downloaded app package (6.4K)   Staging...
-------> Buildpack version 1.3.6
Downloaded [file:///tmp/buildpacks/5d1fcb59173496506d68186968a7b83f/dependencies/https___pivotal-buildpacks.s3.amazonaws.com_concourse-binaries_nginx_nginx-1.9.14-linux-x64.tgz]
grep: Staticfile: No such file or directory
-----> Using root folder
-----> Copying project files into public/
-----> Setting up nginx
grep: Staticfile: No such file or directory
grep: Staticfile: No such file or directory
Exit status 0
Staging complete
Uploading droplet, build artifacts cache...
Uploading build artifacts cache...
Uploading droplet...
Uploaded build artifacts cache (107B)
Uploaded droplet (2.5M)
Uploading complete
1 of 1 instances running
App started  OK
App ang-pcf-dep was started using this command `sh boot.sh`
Showing health and status for app ang-pcf-dep in org ORG /spacedevelopment as myDetails ... OK
requested state: started
instances: 1/1
usage: 1G x 1 instances
urls: ang-pcf-dep.domain.com
last uploaded: Thu Mar 9 18:53:22 UTC 2017
stack: cflinuxfs2
buildpack: staticfile_buildpack
state     since                    cpu    memory       disk         details
#0   running   2017-03-09 10:53:34 AM   0.0%   3.2M of 1G   6.9M of 1G

在浏览器中,它只是加载index.html,而不是app.component.html等其他组件。我刚刚使用webstorm AngularClinode 6.9.5创建了一个基本应用程序来测试pcf deployment。如果我遗漏了什么,请告诉我?

2 个答案:

答案 0 :(得分:7)

对于AngularCli我们假设要执行以下步骤...

$ng build
$ cd dist
$ cf push -b staticfile_buildpack ang-pcf-dep

请注意,AngularCli您应该从dist文件夹而不是appsrc文件夹,并且所有资源文件(如图片)都应位于assets文件夹中。感谢来自pcf。{/ p>的Rob

答案 1 :(得分:0)

另一种方法是创建清单文件(.yml)

cf push -f manifest-xxx-dev(qa).yml -b staticfile_buildpack

这将有助于维护环境和域更改,并且所有操作都将变得更加容易。

清单文件(另存为manifest-dev(qa).yml)


应用程序: -名称:{Application}   内存:1024MB   实例:1   主持人:{environmentFriendlyName}   域:   -{domainName}   超时:600