如何使用存储分区在Google Flex / App Engine环境上提供静态文件？

Question

我有一个nodejs后端和一个reactjs前端。我正在使用gcloud
flex环境（应用程序引擎），并希望使用CDN提供所有前端文件。我不想让请求碰我的nodejs服务器。我无法将我的项目app.yaml配置为执行相同操作。

我怀疑CDN不能满足我的请求，因为如果我在nodejs代码中注释以下行，我将无法再访问index.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

有没有一种方法可以配置应用程序引擎，以使静态文件请求不对我的nodejs后端服务器做出反应？

谢谢

Answer 1

您正在将标准GAE env
app.yaml元素
（静态内容配置）混合到flex
env应用程序中app.yaml
。

在flex环境中，提供静态内容的方式有所不同。

您express.static用于提供静态文件的基于方法实际上相当于从应用程序提供：

通过您的应用服务

大多数Web框架都支持提供静态文件。在此示例中，应用程序使用express.static中间件将./public目录中的文件提供给/staticURL。

要在没有请求到达您的应用程序的情况下提供静态内容，您需要遵循“ 从Cloud
Storage提供服务”：

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

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

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

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

2. 设置ACL以授予对存储桶中项目的读取访问权限。

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

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

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

您现在可以通过以下方式访问您的静态资产 https://storage.googleapis.com/<your-bucket- name>/static/....

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

有关如何使用Cloud Storage API从应用程序内部动态上载，下载和操作文件的更多信息，请参阅《使用Cloud
Storage》。