# uni-app端

# 1 准备工作

# 安装HBuilderX

下载并安装HBuilderX:https://www.dcloud.io/hbuilderx.html (opens new window)

# 安装nodejs

下载并安装nodejs:http://nodejs.cn/ (opens new window)

# 2 打开项目

  • 进入到移动端代码目录 module/Xxx/resources/mobile/,安装依赖,运行 npm install
  • 启动 HBuilderX 软件
  • 点击 文件 → 打开目录,选择 module/Xxx/resources/mobile/ 目录

# 3 配置项目

uni-app项目配置需要修改接口地址为您的网站地址,需要修改以下地方

文件 src/config/setting.js

image-20220415181044708

文件 src/manifest.json

image-20220415181131645

# 4 运行项目

# H5页面

image-20220415180602742

# 微信小程序

image-20220415180634186

# Android/iOS客户端

连接的后继到电脑,打开USB调试模式

点击 运行 → 运行到手机或模拟器 → 选择连接的手机

# 5 项目发布

# 发布H5端

提示:默认模块中打包好的前端静态文件位于 module/Xxx/Asset/ 目录中

如果是 Linux或OSX 系统,H5发布只需要运行打包脚本

cd module/Xxx/resources/mobile/
php build_h5.php
1
2

# 发布微信小程序

运行小程序项目后,在小程序IDE中点击发布。

# 发布Android端

点击 发行 → 原生App,根据实际情况发布

# 发布iOS端

点击 发行 → 原生App,根据实际情况发布

Last Updated: 25 days ago