三、微信小程序编译上传

微信小程序端编译上传

注意：在编译安装之前必须安装node.js，版本号为18
安装链接：https://nodejs.org/en/download/prebuilt-installer
在编译之前需要将所需的插件下载、安装后在uni-app/src/addon下才会展示所需的代码。





在编译之前首先要给uniapp安装依赖（命令行执行npm install）如下图：

方法一：源码在本地的安装依赖

打开源码所在目录，将路径打开到uniapp下：如图：



安装完依赖之后，会看到在uni-app文件夹下会生成一个node_modules文件夹。如图：

方法二：源码在宝塔时安装依赖

如果源码在宝塔时，和在本地一样找到源码站点的uniapp所在目录，如图：

打开终端，执行 npm install 进行安装依赖，如图：


依赖完成后，同样在uniapp目录下会看到生成一个node_modules文件夹，如图：

如上操作依赖安装完成，接下来就要将uniapp源码包导入开发者工具中进行编译上传了，步骤如下：

一、将uniapp源码包导入到Hbuilder工具中。

这里一定要注意导入的uniapp源码包的路径，很多开发者在这里极容易出错，导入的uniapp源码包不全或者位置错误。

二、填写配置文件。

这里需要说明：在uniapp源码根目录有两个配置文件，.env.development 文件和.env.production文件，这里有必要讲解一下。 .env.development 配置文件是用于本地开发过程中进行实时观看效果，也就是小程序或者h5运行的时候填写； .env.production 配置文件是需要发行到线上的时候填写；

三、填写完成后，点击发行-小程序微信

四、填写小程序appid，点击发行。

五、编译完成后，在uniapp/dist/build下会生成编译文件夹mp_weixin。

六、编译完成后，会自动将项目在微信开发者工具中打开，如果没有打开，需要手动导入编译包。

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

在微信开发者中上传微信小程序时，登录的微信账号必须是该小程序的开发者，否则是没有权限上传的
注意：如果页面空白请检查是否代码用的裸框架且请求的外网服务器，这里要用安装后的代码。