微信小程序前端配置和部署上线

之前一直做的C#全栈开发，如今首次接触Java后端和微信小程序，在配置和部署的时候遇到重重困难，下面将详细说明小程序的配置和部署过程，后续再发布配置和部署JAVA后端的文章。

一、前端

（一）、技术栈

前端框架：UniApp

开发工具：HBuilder（打开前端代码）、微信开发者工具（呈现前端页面）

JS框架：Vue3

项目文件目录：

（二）、配置小程序项目环境参数

1、配置微信小程序AppId, 在微信公众平台管理模块 - 开发管理->开发设置获取

注意：自己提前申请好账户，完成认证，并赋予相关开发者、运营者、管理员等权限。

2、用HBuilder X打开前端，找到manifest.json文件，将前面的微信小程序AppId添加进去，如果你想修改一下应用的名称和描述也可以在这个文件里重新设置过

3、在urlconstant.js文件中配置接口地址和图片地址

4、微信后台配置接口白名单

5、根据自己的业务需要，开通接口权限

（三）、本地运行项目

1、HBuilder运行小程序并启动微信开发者工具，运行->运行到小程序模拟器->微信开发者工具

2、微信开发者工具设置，先在基本信息中修改Appid，再去本地设置中根据自己的需要勾选

3、运行页面功能，进行下一步调试和开发

（四）、部署小程序上线

1、如果预览和真机调试都没问题之后，就可以点击上传，然后你在微信小程序管理的后台就可以看到你上传的版本，你可以设置体验版，也可以直接提交审核

2、提交审核过程中还需要注意小程序备案和填资料，具体如下：

至此小程序部署就差不多结束了，等待审核通过就好。