Linux H5环境与数据库一站式搭建指南

　　本文面向开发者，提供在Linux系统上快速搭建H5应用运行环境及配套数据库的实用方案。所有操作基于Ubuntu 22.04 LTS（其他主流发行版如CentOS 7+或Debian 11+命令类似，仅需微调包管理器）。

　　先安装基础运行时：执行sudo apt update && sudo apt install -y nginx nodejs npm git，其中Nginx作为静态资源服务器托管H5页面，Node.js用于本地开发调试与构建工具支持。验证安装：nginx -v、node -v、npm -v 应正常输出版本号。

　　配置Nginx服务：创建站点配置文件/etc/nginx/sites-available/h5-app，指定root为/var/www/h5-app，启用gzip压缩与跨域头（add_header 'Access-Control-Allow-Origin' '';）。执行sudo ln -sf /etc/nginx/sites-available/h5-app /etc/nginx/sites-enabled/，然后sudo nginx -t && sudo systemctl reload nginx。

AI根据内容生成的图片,原创图片仅作参考

　　部署H5项目：将构建完成的dist/目录内容复制至/var/www/h5-app，确保index.html可被Nginx访问。若使用Vue CLI或Vite构建，注意router模式为history时需在Nginx中添加location / { try_files $uri $uri/ /index.html; }避免404。

　　数据库选用轻量可靠的SQLite或MySQL。如需关系型数据库，执行sudo apt install -y mysql-server，安装后运行sudo mysql_secure_installation完成安全配置。新建数据库h5_db与用户：mysql -u root -p -e "CREATE DATABASE h5_db CHARACTER SET utf8mb4; CREATE USER 'h5user'@'localhost' IDENTIFIED BY 'strongpass'; GRANT ALL ON h5_db. TO 'h5user'@'localhost'; FLUSH PRIVILEGES;"

　　前后端联调时，H5应用可通过fetch或axios访问后端API（如Node.js Express服务），数据库连接字符串格式为mysql://h5user:strongpass@127.0.0.1:3306/h5_db。SQLite则直接读写./data.db文件，无需独立服务进程。

　　整个流程约10分钟可完成：环境安装3分钟，Nginx配置2分钟，项目部署2分钟，数据库初始化3分钟。所有组件均为开源稳定版本，无商业授权依赖，适合测试、演示及中小型H5项目生产部署。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!