## 手机端h5/wap编译上传
首先需要安装依赖,将文件切换到根目录下的uniapp下,cmd启动命令行,再输入npm install执行安装依赖
![](https://img.kancloud.cn/46/8d/468d6c9010d707a9c8d68b50467905f0_1264x838.png)
![](https://img.kancloud.cn/73/c9/73c93d2bdc247ac3b83e621d82c4795d_993x519.png)
## 依赖安装完成之后,就开始编译打包工作,这里利用命令行进行编译,具体步骤如下:
一、将文件切换到根目录下的uniapp下,cmd启动命令行
![](https://img.kancloud.cn/c8/36/c836993d1c180807a94858561464ce67_988x513.png)
二、执行命令npm run build:h5进行打包编译
![](https://img.kancloud.cn/63/26/632664c1a13f3bc029fefc8edfe9bb8d_993x519.png)
这样就完成了编译,在根目录下的uniapp目录下会生成dist文件夹,接下来的步骤参考下方继续操作。
![](https://img.kancloud.cn/42/96/429648aa97fe61716eebf9e601b9bd76_1243x738.png)
*****
三、将编译文件打包压缩,如下图所示:
![](https://img.kancloud.cn/fc/d4/fcd4d2fd51216665c20542a8c0972fe4_1230x616.png)
四、将刚刚压缩的编译包上传到niucloud/public/wap目录下
![](https://img.kancloud.cn/07/f8/07f88821c0796f5d2817a119001506ca_1252x622.png)
五、将压缩包解压到当前文件夹下,这样就完成了手机端的编译上传。这个时候访问手机端链接就可以看到页面内容。
六、如果还想要上传小程序,建议使用云上传方便快捷,省时省力;但前提是需要将你二开的源代码上传至线上对应的目录下,比如你修改了uniapp/src/下某些文件,那就把修改过的文件放到对应的目录下即可,源文件上传完成后,点击后台的一键云上传就可以将小程序发布到平台了,登录小程序平台提交审核即可
- 源码下载
- 安装部署
- 环境要求
- 安装视频教程
- 宝塔部署
- 授权绑定
- 二次开发须知
- 技术栈
- 目录结构
- 命名规范
- 二次开发指导
- 二次开发环境搭建步骤
- 二次开发注意事项
- 单站和Saas模式开发
- 插件结构描述
- MENU开发
- DIY组件/页面开发
- 自定义手机端DIY装修页面
- Route 路由处理
- Services中的core文件夹
- 自定义站点管理端控制台页面样式
- 调用素材资源
- Resource资源文件
- 引入图标ICON
- SMS发送短信开发
- Job 消息队列和计划任务
- 消息队列
- 计划任务开发
- 生产环境编译打包处理步骤
- 生产环境搭建步骤
- 插件安装时npm,composer检测不可用问题处理
- 上传图片大小限制修改
- 插件uniapp开发
- 菜单语言包
- 插件打包
- 插件内测在线升级
- 自定义端口开发
- 二次开发应用插件视频教程
- 二次开发安装视频教程
- 准备工作与创建插件
- 插件目录整体说明
- 插件admin目录
- 插件app目录说明(adminapi、api、验证器)
- 插件app目录(dict、job)
- 插件app目录说明(lang、listener)
- 插件app目录说明(model、service)
- 插件uniapp目录说明
- 插件开发之后台功能开发(代码生成器)
- 插件开发之uniapp功能开发(api)第一节
- 插件开发之uniapp功能开发(api)第二节
- 插件开发之uniapp功能开发(api)第三节
- 插件安装与打包原理
- 消息队列开发
- 计划任务开发
- DIY组件和自定义页面装修开发
- 支付接口开发
- 插件升级包打包流程以及云编译功能
- 常见问题
- 怎么添加菜单,添加了菜单不出现怎么回事
- 怎么配置跨域的问题
- 站点site端(租户端、商家端)和saas管理端(平台端)究竟啥意思,有啥区别
- 框架中是有订单表order,假如开发一个商城插件,请问商城的订单数据是不是重新搞一个订单表shop_order
- 有些支付平台是绑定回调唯一网址或目录,如果有几个开发者开发插件都有支付那这块怎么解决?
- 站点过期,可以登录,这样对吗?
- 计划任务怎么启动啊
- Git多分支开发,切换分支
- 安装应用出现is_dir():报错处理方案
- 绑定授权时出现“请求来源产品与授权产品不一致”解决方案
- “未找到admin源码所在目录”的解决方案
- 页面装修本地开发环境配置
- 接口请求错误处理方案
- 未获取到授权信息问题处理方案
- 腾讯地图配置
- 请求超时问题处理方案
- 下载应用时提示找不到zip解决方案
- 怎么关闭开发调试模式
- 获取数据失败问题处理方案
- 框架安装后,访问域名无法进入admin端(多数发生在本地)
- 底部导航失效问题
- 开放平台小程序审核通过发布失败问题
- 先升级插件后升级框架,导致云编译报debounce的错误
- 微信公众号自动回复不通
- 修改访问域名默认跳转端口
- 插件与框架的兼容问题处理
- 升级提示mkdir()处理方案
- 代码生成器
- 设计数据表
- 导入数据表
- 添加字段
- 代码生成
- 效果预览
- niucloud (服务端)
- 服务端目录结构
- 整体运行流程
- 入口文件
- 模块
- 中间件
- 控制器
- 路由
- 模型类
- 服务类
- 验证类
- 消息队列
- 开发消息队列
- 多语言
- 装载器
- 短信发送
- 上传文件
- 第三方支付
- 第三方登录
- 数据字典装载器
- 打印
- 事件
- 消息提醒(模版消息)
- 数据字典
- admin (后台管理端)
- 准备工作
- 新手入门
- 目录结构
- 系统配置
- 路由
- 接口
- 管理端编译上传
- uni-app(手机端前端)
- 准备工作
- 前端目录结构
- Hbuilder开发
- 发行h5
- 运行uniapp
- 发行uniapp
- Visual Studio Code开发
- 发行 uniapp
- 运行 uniapp
- 配置项
- 路由
- 接口
- 分包建议
- 手机端编译
- 微信小程序编译上传
- web端(PC前端)
- 准备工作
- 目录结构
- 代码运行
- 路由
- 接口
- 黑暗主题
- web端打包上线
- api接口
- 配置手册
- 阿里云oss云存储配置
- 三方开放平台小程序托管
- 计划任务配置
- 站点域名配置
- 小票打印配置
- 电子面单配置
- 微信小程序客服配置