Linux H5开发环境搭建与数据库配置

在Linux系统中搭建H5开发环境,推荐使用Node.js作为基础运行时。通过官方包管理器安装最新LTS版本,例如Ubuntu可执行sudo apt update && sudo apt install nodejs npm,验证安装用node -v和npm -v命令。

前端项目通常采用Vue或React框架。以Vue为例,全局安装Vue CLI:npm install -g @vue/cli,随后创建项目vue create my-h5-app,进入目录并运行npm run serve启动本地开发服务器,默认监听http://localhost:8080。

AI生成内容,仅供参考

为提升开发效率,建议配置VS Code编辑器:安装ESLint、Vetur(Vue)、Auto Rename Tag等插件,并在工作区设置中启用保存时自动格式化与语法检查。

H5应用常需后端接口支撑,轻量级方案推荐使用SQLite或MySQL。若选用MySQL,Ubuntu下执行sudo apt install mysql-server,安装完成后运行sudo mysql_secure_installation加固安全。创建专用数据库:mysql -u root -p,再输入CREATE DATABASE h5_dev CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

为便于前后端通信,可搭建简易Node.js后端(如Express)。初始化项目npm init -y,安装依赖npm install express cors body-parser,编写server.js启动HTTP服务,通过mysql2模块连接数据库,实现用户登录、数据查询等基本API。

数据库连接配置建议分离管理。新建config/db.js文件,导出包含host、user、password、database等字段的对象,并利用process.env读取敏感信息,避免硬编码。在.gitignore中加入.env文件,防止密钥泄露。

跨域问题是H5调用本地API的常见障碍。在Express中启用CORS中间件:app.use(cors({ origin: ‘http://localhost:8080’, credentials: true })),同时确保前端请求携带withCredentials: true选项。

•通过Nginx代理可模拟生产环境路径。安装后配置/etc/nginx/sites-available/h5-dev,将/dist目录设为静态根路径,同时为/api前缀反向代理至本地Express端口,完成前后端同源部署预演。

由 dawei

【声明】:杭州站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

发表回复