Phone: 158 4018 8888 Email: 407593529@qq.com

微信小程序端编译上传

2026-02-27 17:30:53 19

微信小程序端编译上传

源码在本地的安装依赖

打开源码所在目录,将路径打开到 uniapp 下,如图:   安装完依赖之后,会看到在 uniapp 文件夹下会生成一个 node_modules 文件夹。如图: 

源码在宝塔时安装依赖

如果源码在宝塔时,和在本地一样找到源码站点的 uniapp 所在目录,如图:  打开终端,执行 npm install 进行安装依赖,如图:   依赖完成后,同样在 uniapp 目录下会看到生成一个 node_modules 文件夹,如图: 

命令行编译上传

方式一

在 uniapp 目录下打开终端,执行 npm run build:mp-weixin 进行编译,如图:  编译完成后,在 uni-app/dist/build 下会生成编译文件夹 mp_weixin  可直接上传到线上,通过一键云上传上传即可

方式二

点击开发者工具右上角的上传,即可将小程序发布线上审核,上传完成后,登录小程序开发者平台,将提交的项目点击审核,审核通过后,再通过小程序开发者平布点击发布,这样小程序就上线了 

导入开发者工具中进行编译上传

将 uniapp 源码包导入到 Hbuilder 工具中,文件位置: 

填写配置文件:在 uniapp 源码根目录有两个配置文件,.env.development 文件和 .env.production 文件

.env.development 配置文件是用于本地开发过程中进行实时观看效果,也就是小程序或者h5运行的时候填写

.env.production 配置文件是需要发行到线上的时候填写 

填写完成后,点击发行-小程序微信  填写小程序 appid,点击发行  编译完成后,在 uni-app/dist/build 下会生成编译文件夹 mp_weixin  编译完成后,会自动将项目在微信开发者工具中打开,如果没有打开,需要手动导入编译包  点击开发者工具右上角的上传,即可将小程序发布线上审核,上传完成后,登录小程序开发者平台,将提交的项目点击审核,审核通过后,再通过小程序开发者平台点击发布,这样小程序就上线了  在微信开发者中上传微信小程序时,登录的微信账号必须是该小程序的开发者,否则是没有权限上传的

选择样式

选择布局
选择颜色
选择背景
选择背景