uni-app开发小程序以及项目部署流程

作者也是刚开始接触小程序开发，本次小程序开发使用的uni-app，记录下小程序的开发过程。

前期准备工作

        作者使用的开发工具：HBuilder x、微信开发者工具。

创建uni-app项目

        详细步骤可参考uni-app官网-快速上手，下面简述下作者的使用过程:

        1.在HBuilder X 中打开如下路径文件 -> 新建 -> 项目。

        2.创建以下项目。

         3.配置微信开发工具。

        4.登录微信公众平台获取appid，进入项目的manifest.json配置appid       

        5.后端接口的配置，如下图所示配置请求域名，域名必须是https的http的需要进行证书认证等。注意：uploadFile 和 downloadFile等如果项目有需要必须要配置，没有配置升级后会不起效。

 

代码编辑

        在使用uni-app编辑代中与使用html编写代码差别不大，如果你对html比较熟悉应该在开发小程序时会的心应手。uni-app项目中支持vue2、和vue3。

        代码的运行如下图所示：

        代码运行后的结果要以真机运行结果为准，部分功能电脑模拟和手机模拟可能结果不一致，进入开发工具后手机调试：

程序升级

        在代码调试完成后对小程序进行升级。步骤如下：

        1.上传代码 

        2.小程序公众平台版本管理提交审核

         3.将预览图片和视频做好上传，便于微信方审核，如果材料不全而且功能不明确的话微信方会驳回提交。

         4.审核完毕后微信方会给你发审批通过信息，在下图审核版本后就可以点击进行发布了。