如何为GCP App Engine上的React项目配置预热请求？

我已经在GCP App Engine上部署了一个React前端项目。为了保持实例存活，需要配置预热请求，但配置预热请求要求在Web服务器中添加路由。我们之前给后端服务做过这个配置，性能提升很明显，但React项目没有可添加路由的Web服务器，是由App Engine直接提供静态资源包的。请问该怎么给这个React项目配置预热请求？

编辑：
当前使用的app.yaml文件内容：

runtime: nodejs16
handlers:
  - url: /(.*\..+)$
    static_files: build/\1
    upload: build/(.*\..+)$
  - url: /.*
    secure: always
    redirect_http_response_code: 301
    static_files: build/index.html
    upload: build/index.html

因为你的React项目基于nodejs16运行时，虽然是静态资源部署，但可以通过以下步骤配置预热请求：

• 第一步：在app.yaml中启用预热服务
  先给app.yaml添加inbound_services字段，开启预热请求功能：

  runtime: nodejs16
  inbound_services:
    - warmup
  handlers:
    - url: /(.*\..+)$
      static_files: build/\1
      upload: build/(.*\..+)$
    - url: /.*
      secure: always
      redirect_http_response_code: 301
      static_files: build/index.html
      upload: build/index.html
  

• 第二步：添加Node.js服务器处理预热路由
  静态资源路由无法直接响应/_ah/warmup请求，所以需要搭建一个轻量Node.js服务器，既处理预热请求，又继续提供静态资源：

  1. 在项目根目录创建server.js文件：

     const express = require('express');
     const path = require('path');
     const app = express();
     
     // 响应预热请求
     app.get('/_ah/warmup', (req, res) => {
       res.status(200).send('OK');
     });
     
     // 托管build目录下的静态资源
     app.use(express.static(path.join(__dirname, 'build')));
     
     // 处理SPA的路由 fallback，返回index.html
     app.get('/*', (req, res) => {
       res.sendFile(path.join(__dirname, 'build', 'index.html'));
     });
     
     const PORT = process.env.PORT || 8080;
     app.listen(PORT, () => {
       console.log(`Server running on port ${PORT}`);
     });
     

  2. 修改package.json的start脚本，让App Engine启动这个服务器：

     "scripts": {
       "start": "node server.js",
       "build": "react-scripts build",
       // 保留其他原有脚本
     }
     

  3. 安装express依赖：

     npm install express --save
     

• 第三步：重新部署项目
  执行部署命令完成更新：

  gcloud app deploy
  

配置完成后，App Engine会在实例启动时自动发送/_ah/warmup请求，服务器响应后即可完成实例预热，有效避免冷启动带来的延迟问题。

内容的提问来源于stack exchange，提问作者Mohammad Siavashi