Linux H5开发环境搭建：数据库配置到运行全指南
|
在Linux系统中搭建H5开发环境，核心在于构建轻量、高效且贴近生产部署的本地服务栈。推荐使用Nginx作为静态资源服务器，MySQL作为后端数据库，Node.js提供可选的API服务支持。 安装基础依赖：运行sudo apt update && sudo apt install -y nginx mysql-server nodejs npm即可完成Nginx、MySQL和Node.js的安装。安装完成后，使用sudo systemctl start nginx && sudo systemctl enable nginx启动并设为开机自启；对MySQL执行sudo mysql_secure_installation进行基础安全配置，设置root密码并禁用远程匿名访问。 配置MySQL数据库：以root身份登录mysql -u root -p，创建专用于H5项目的数据库与用户，例如CREATE DATABASE h5_dev CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;，再执行CREATE USER 'h5user'@'localhost' IDENTIFIED BY 'StrongPass123';，并授予对应权限GRANT ALL PRIVILEGES ON h5_dev. TO 'h5user'@'localhost';，最后FLUSH PRIVILEGES;使配置生效。
AI渲染效果图，仅供参考 准备H5项目结构：在/home/username/h5-project下新建index.html、css/、js/等标准目录。将index.html内容简化为语义化HTML5页面，并确保CSS和JS引用路径正确。若项目需调用后端接口（如登录校验），可快速搭建一个Node.js简易服务——在项目根目录初始化npm init -y，安装express：npm install express，创建server.js监听3000端口，连接MySQL并返回JSON数据。配置Nginx代理静态资源：编辑/etc/nginx/sites-available/h5-dev，写入server块，指定root /home/username/h5-project;、index index.html;，并添加location /api/ { proxy_pass http://127.0.0.1:3000/; }实现前后端分离开发时的反向代理。启用配置后执行sudo ln -sf /etc/nginx/sites-available/h5-dev /etc/nginx/sites-enabled/，再sudo nginx -t && sudo systemctl reload nginx验证生效。 启动服务并访问：启动Node.js服务nohup node server.js > server.log 2>&1 &，打开浏览器访问http://localhost，即可加载H5页面；调用/api/user等路径时，请求自动转发至Node.js服务并读取MySQL数据。所有日志与错误信息均保留于server.log及/var/log/nginx/目录中，便于排查问题。 （编辑：52站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
