在Hostinger部署含Node.js、MySQL、Express的React应用方案咨询

方案1：前端静态部署 + PHP重写后端API #

Hostinger共享主机默认支持PHP和MySQL，这是最直接的适配方案：

• 前端部署：本地运行npm run build打包React应用，将build目录下的所有静态文件上传到Hostinger共享主机的public_html目录（用子域名的话，上传到对应子域名的根目录）。
• 后端替换：用PHP重写原Express的所有API接口（登录、文章增删改），直接对接Hostinger提供的MySQL数据库。例如：
  • 登录接口：编写login.php，接收POST请求，通过PHP的PDO或mysqli扩展验证数据库中的用户账号密码。
  • 文章CRUD：分别编写create-post.php、edit-post.php、delete-post.php等文件，处理对应的数据操作逻辑。
• 前端适配：修改React代码中的API请求地址，将原来的/api/xxx替换为对应PHP文件的路径（如/login.php）。

方案2：通过CGI/FastCGI在共享主机运行Node.js后端 #

部分共享主机支持通过CGI模式运行Node.js，先在Hostinger面板确认是否允许该配置：

• 配置.htaccess：在主机根目录创建.htaccess文件，添加规则将API请求转发到Node.js脚本：

  RewriteEngine On
  RewriteRule ^api/(.*)$ server.js/$1 [L]
  

• 调整Node.js代码：修改Express应用，使其适配CGI环境，比如使用cgi模块处理请求，确保脚本能被主机的CGI解析器执行。
• 部署：将前端静态文件上传到public_html，Node.js后端脚本上传到主机的非公开目录（如private），避免直接访问。

方案3：前端Hostinger部署 + 后端免费Node.js托管（需跨域配置） #

如果不想重写后端代码，可以结合免费Node.js托管服务，同时利用Hostinger的MySQL：

• 前端部署：同方案1，打包上传静态文件到Hostinger共享主机。
• 后端部署：将Express后端部署到免费的Node.js托管平台，配置CORS策略，允许你的Hostinger域名发起跨域请求。
• 数据库连接：在Hostinger面板开启MySQL的远程访问权限，添加托管平台的IP到白名单，让后端能远程连接Hostinger的MySQL数据库。

注意事项 #

• 方案1中，PHP代码要做好输入验证和SQL注入防护，避免安全风险。
• 方案2的性能可能有限，适合访问量不大的个人博客。
• 方案3要注意远程MySQL的安全，尽量限制访问IP，避免暴露数据库凭证。

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