Linux H5环境与数据库一站式配置指南
|
H5应用在Linux服务器上运行,通常需要Web服务器、Node.js运行时、前端构建工具及后端数据库协同工作。本文提供轻量级一站式配置思路,适用于中小型项目部署。 安装基础环境:使用系统包管理器统一安装Nginx、Node.js(推荐v18 LTS)与MySQL/PostgreSQL。例如Ubuntu下执行sudo apt update && sudo apt install nginx nodejs npm mysql-server。安装完成后验证各服务状态:systemctl is-active nginx、node -v、mysql --version。 配置Nginx反向代理:在/etc/nginx/sites-available/下创建站点配置文件,将静态H5资源路径指向dist目录(如root /var/www/myh5/dist;),对API请求添加proxy_pass转发至本地Node服务(如location /api { proxy_pass http://127.0.0.1:3000; })。启用配置后执行sudo nginx -t && sudo systemctl reload nginx。 初始化数据库:登录MySQL(sudo mysql),创建专用数据库与用户:CREATE DATABASE h5_app CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; CREATE USER 'h5user'@'localhost' IDENTIFIED BY 'StrongPass123'; GRANT ALL ON h5_app. TO 'h5user'@'localhost'; FLUSH PRIVILEGES;。 整合前后端连接:在Node.js服务中使用mysql2或pg模块,通过环境变量(如DB_HOST=localhost, DB_NAME=h5_app)加载数据库配置,避免硬编码。同时在前端build过程中,确保API Base URL通过webpack.DefinePlugin或Vite.env注入,适配生产环境路径。 安全与权限收口:将H5静态文件属主设为www-data(sudo chown -R www-data:www-data /var/www/myh5/dist),禁止上传目录可执行权限;数据库用户仅赋予必要表级权限;Nginx配置中添加add_header X-Content-Type-Options nosniff; 防止MIME类型嗅探攻击。
此图AI模拟,仅供参考 最后验证流程:启动Node服务(npm start 或 pm2 start app.js),访问服务器IP或域名,检查页面加载、接口响应及数据库写入是否正常。日志统一收集于/var/log/nginx/和应用自身log目录,便于问题定位。整套配置可在30分钟内完成,无需复杂容器编排,兼顾效率与可维护性。 (编辑:站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |

