部署到Heroku后Express证书校验接口请求超时问题排查

一、Heroku接口超时问题解决 #

• 首先修正访问方式：你现有代码的端口配置符合Heroku要求，平台会自动注入PORT环境变量，访问时直接使用Heroku分配的域名无需额外加端口，直接请求https://<你的Heroku应用名>.herokuapp.com/verify/asd即可，手动加端口会导致访问失败触发超时。
• 检查数据库连通性：本地运行时数据库可正常访问，部署到Heroku后需要确认数据库白名单已放开Heroku出口IP，若使用Heroku自带数据库服务，需确认环境变量中数据库连接串配置正确。你当前代码的数据库查询逻辑未做异常捕获，一旦数据库连接失败会导致接口挂住超时，建议按如下方式修改接口逻辑：

app.get('/verify/:id', async function (req, res) {
    try {
        let cert_id = req.params.id;
        console.log("Hello, we need to verify", cert_id);
        const certObject = await find_certificate_in_db(cert_id);
        console.log("Certification object: ", certObject);
        res.send(certObject);
    } catch (err) {
        console.error("查询证书出错：", err);
        res.status(500).send({code: 500, msg: "查询失败", error: err.message});
    }
});

• 确认服务启动状态：运行heroku logs --tail查看运行日志，确认没有模块缺失、端口绑定失败报错，能看到Our app is running on port xxx的启动日志。访问接口时若没有出现Hello, we need to verify日志，说明请求未到达应用，需检查域名/路由配置；若有日志但无返回，即可定位为数据库查询阻塞问题。

二、WordPress调用失败问题解决 #

• 配置跨域访问：WordPress站点域名和Heroku API域名不同，浏览器会触发CORS跨域拦截，需要在API代码中添加跨域配置：
  1. 安装依赖包：npm install cors
  2. 代码中启用跨域：

  const cors = require('cors');
  var app = express();
  app.use(cors()); // 需放在其他路由配置之前
  

• 统一请求协议：如果你的WordPress站点是HTTPS协议，不能调用HTTP协议的Heroku接口，浏览器会拦截混合内容请求，直接使用Heroku默认提供的HTTPS域名调用即可。
• 排查WordPress安全插件限制：部分安全插件会拦截站点对外的接口请求，可暂时禁用安全插件验证是否能正常调用。

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