如何在google flex/app engine环境中使用bucket存储服务静态文件？

Question

我有一个nodejs后端和一个reactjs前端。我正在使用gcloud flex环境（应用程序引擎），并希望使用CDN服务所有前端文件。我不希望请求触摸我的nodejs服务器。我无法配置我的项目app.yaml做同样的事情。

我怀疑我的请求没有得到CDN的服务，因为如果我在我的nodejs代码中注释下面一行，我就无法再访问索引。html。

app.use('/', express.static(path.resolve('./frontend/dist')));

下面是YAML文件。

handlers:
- url: /(.*\.html)
  mime_type: text/html 
  static_files: frontend/dist/\1 
  upload: frontend/dist/(.*\.html)

- url: /styles/(.*\.css) 
  mime_type: text/css 
  static_files: frontend/dist/styles/\1 
  upload: frontend/dist/styles/(.*\.css)

- url: /scripts/(.*\.js) 
  mime_type: text/javascript 
  static_files: frontend/dist/scripts/\1 
  upload: frontend/dist/scripts/(.*\.js)

- url: /images/(.*\.(bmp|gif|ico|jpeg|jpg|png)) 
  static_files: frontend/dist/images/\1 
  upload: frontend/dist/images/(.*\.(bmp|gif|ico|jpeg|jpg|png))

- url: / 
  static_files: frontend/dist/index.html 
  upload: frontend/dist/index.html

-  url: /.* 
  script: IGNORED
  secure: always

有没有办法配置app engine，使静态文件请求不会对我的nodejs后端服务器做出反应？

谢谢

Answer 1

你把标准的GAE env应用搞混了。yaml元素（静态内容配置）进入flex env应用程序应用程序。yaml。

在flex环境中，为静态内容提供服务是不同的。

您的express.static-基于服务静态文件的方法实际上对应于从您的应用程序服务：

从你的申请中送达

大多数Web框架都包含对提供静态文件的支持。在这个示例中，应用程序使用express.static中间件来提供从./public目录到/静态URL的文件。

要提供静态内容而不让请求击中你的应用程序，你需要遵循云存储的服务：

从云存储桶提供静态文件的示例

这个简单的示例创建一个云存储桶，并使用云SDK上传静态资产：

>

创建一个存储桶。以您的项目ID命名您的存储桶是常见的，但不是必需的。存储桶名称必须是全局唯一的。

gsutil mb gs://<your-bucket-name>

设置ACL以授予bucket中项目的读取权限。

gsutil defacl set public-read gs://<your-bucket-name>

将项目上传到存储桶。rsync命令通常是上传和更新资产的最快、最简单的方法。您也可以使用cp。

gsutil -m rsync -r ./static gs://<your-bucket-name>/static

您现在可以通过https://storage.googleapis.com/

有关如何使用Cloud Storage为静态资产提供服务的更多详细信息，包括如何从自定义域名提供服务，请参阅如何托管静态网站。

有关如何使用云存储API从应用程序中动态上载、下载和操作文件的更多信息，请参阅使用云存储。