uniapp 打包发布小程序的流程指引

用 uniapp 开发小程序其实和开发H5是一样的。就是在打包的时候会略有不同。

uniapp 在开发的时候需要在 manifest.json 的源码视图配置 nginx 反向代理才能去请求后端

`/ 代理名称 ${config.url}` 

一般情况下的请求都是代理 + url 去请求数据。

但是，这个只是针对H5的请求方式去代理的。 小程序的请求并不需要代理，因为小程序本身自带跨域功能。

所以，我们只 需要 IP + URL 即可。例如：https://xxxx.com，并不需要说去通过代理开启跨域。

如果用了代理去开启跨域再去打包小程序，小程序会报错URL 的问题。

因为 小程序自带了跨域功能，而你又去开启跨域，冲突了所以报错。

解决方法就是直接 IP + URL 即可. 如下图所示

 

 

 

解决了 IP 的问题之后。接下来就是 说一下发布的流程了。

1. 先去这个地址，扫码登录。获取你的小程序的AppID。如果还没有，先去申请小程序。

https://mp.weixin.qq.com/

 

 

 

 

 

2. 复制 AppID 回来 HX 的manifest.json 文件找到微信小程序配置，把你的AppID 配置上去

 

 3. 点击发行 - 选择 微信小程序，最后等打包出来。

 

 

 

 4. 打包出来会形成这个文件

5. 打开 微信开发者工具 ，选择导入，找到你刚刚打包好的文件

 

6. 找到你刚刚打包的文件，一定要选择到最后一层，也就是 mp-weixin 这一层

 

 

7. 点击确定，进入微信开发者页面，选择信任并运行

 

8.这个时候你可以先试试的小程序是否有报错，开发者工具的运行和真实小程序运行是一样的。如果没有报错，就可以选择开始上传。

 

9. 首次提交会让你选择体验版本，一定要选择为体验版本，因为可以快速测试功能。小程序真正上线是要审核代码的，审核非常耗费时间。

 

10. 回到这里 ：mp.weixin.qq.com  这个地址

找到版本管理

 

11. 把版本选择为 体验版本，因为这样干能上传完了就能测试到代码了。最后没问题了再选择审核代码

 

以下就是 uniapp 打包到发布小程序的完整过程。