## 微信小程序端编译上传
在编译之前首先要给uniapp安装依赖(命令行执行npm install)如下图:
### **源码在本地的安装依赖**
打开源码所在目录,将路径打开到uniapp下:如图:
![](https://img.kancloud.cn/0c/df/0cdf8cefb0db2bc2a608c07d42f8aef7_1242x723.png)
![](https://img.kancloud.cn/26/32/2632bac050330d339058fa9b6165eeb9_1240x772.png)
![](https://img.kancloud.cn/78/3d/783dc3b0c183d8eb1d0d07e9defd9d18_1244x821.png)
安装完依赖之后,会看到在uniapp文件夹下会生成一个node_modules文件夹。如图:
![](https://img.kancloud.cn/a3/f6/a3f691f2de579c6d45acc7cdfaba79db_1234x726.png)
### **源码在宝塔时安装依赖**
如果源码在宝塔时,和在本地一样找到源码站点的uniapp所在目录,如图:
![](https://img.kancloud.cn/2b/1f/2b1f390d4502680470c6ff702b491bee_1877x867.png)
打开终端,执行 npm install 进行安装依赖,如图:
![](https://img.kancloud.cn/a3/c6/a3c6afb5ede58cb660832302d3dec046_1354x804.png)
![](https://img.kancloud.cn/30/bb/30bb4f41d1de4d7947d710919909fa60_1677x831.png)
依赖完成后,同样在uniapp目录下会看到生成一个node_modules文件夹,如图:
![](https://img.kancloud.cn/b3/06/b306729933447608439eea5a55267830_1888x794.png)
如上操作依赖安装完成,接下来就要将uniapp源码包导入开发者工具中进行编译上传了,步骤如下:
一、将uniapp源码包导入到Hbuilder工具中。
### **这里一定要注意导入的uniapp源码包的路径,很多开发者在这里极容易出错,导入的uniapp源码包不全或者位置错误。**
![](https://img.kancloud.cn/13/40/13405c146459e1ae7e9269144a4efe1d_1244x631.png)
二、填写配置文件。
**这里需要说明:在uniapp源码根目录有两个配置文件,.env.development 文件和.env.production文件,这里又必要讲解一下。
.env.development 配置文件是用于本地开发过程中进行实时观看效果,也就是小程序或者h5运行的时候填写;
.env.production 配置文件是需要发行到线上的时候填写;**
![](https://img.kancloud.cn/55/ba/55ba8eb708c841145ea95e8d0116cf3d_1059x750.png)
三、填写完成后,点击发行-小程序微信
![](https://img.kancloud.cn/71/26/712635b58462519545f869fd12fc6ed0_1486x808.png)
四、填写小程序appid,点击发行。
![](https://img.kancloud.cn/0f/8f/0f8f1dd3f898e99d9cdcd2741a1e2ff0_1556x681.png)
五、编译完成后,在uniapp/dist/build下会生成编译文件夹mp_weixin。
![](https://img.kancloud.cn/26/42/26422621818dc8c5e9f2bff764fb2605_1481x914.png)
六、编译完成后,会自动将项目在微信开发者工具中打开,如果没有打开,需要手动导入编译包。
![](https://img.kancloud.cn/39/f3/39f3a0fb12800b6bc62a129d03c5918e_1242x984.png)
七、点击开发者工具右上角的上传,即可将小程序发布线上审核,上传完成后,登录小程序开发者平台,将提交的项目点击审核,审核通过后,再通过小程序开发者平布点击发布,这样小程序就上线了。
![](https://img.kancloud.cn/32/9e/329e021eed5fdb6cd0f06835fdc02c7e_1250x973.png)
## **在微信开发者中上传微信小程序时,登录的微信账号必须是该小程序的开发者,否则是没有权限上传的**
- 源码下载
- 安装部署
- 环境要求
- 安装视频教程
- 宝塔部署
- 授权绑定
- 二次开发须知
- 技术栈
- 目录结构
- 命名规范
- 二次开发指导
- 二次开发环境搭建步骤
- 二次开发注意事项
- 单站和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云存储配置
- 三方开放平台小程序托管
- 计划任务配置
- 站点域名配置
- 小票打印配置
- 电子面单配置
- 微信小程序客服配置