前言：

本文着重讲解 的基本操作方法，并详述了运用 进行企业项目开发的具体步骤，非常适合初次接触 开发微信小程序的新手，或缺乏实际操作经验的人士借鉴；本次演示将借助 框架与 框架，同时整合 Uview 的界面组件库来完成。

目录

一、项目起步

1. 工具下载

2. 项目创建

3. 安装实用插件

4. 运行至微信开发工具

5. 项目运行

6. 个性化小程序

7. 开发时如何调用API

二、微信小程序发布

1. 配置小程序关联信息(微信公众号关联小程序)

2. 配置小程序主体信息

3. 配置服务器域名

4. 发布上线流程

① 点击 工具栏中的发行

②点击微信开发者工具中的 上传 按钮

此刻需要前往微信中心平台，登录个人所属的小程序构造者账号，进而审察试用版的应用程序

④ 终于到了申请提交审核，正式发布

一、项目起步

启动之前不妨先浏览官方网站的相关说明，这样有助于我们获得更详尽的了解。

uni-app 是一个基于 Vue.js (https://vuejs.org/) 构建的通用前端开发框架，它允许开发者仅用一套代码，就能实现跨平台应用构建，支持在 iOS、Web（具备响应式设计）、以及包括微信、支付宝、百度、头条、飞书、QQ、快手、钉钉、淘宝在内的各类小程序和快应用上发布。其官方网站位于 https://..io/。

1. 工具下载

需要借助这个软件才能运用，因此必须先获取该软件。

下载地址：

https://www..io/.html

2. 项目创建

先前已经安装完毕这款构建平台，接下来要着手建立工程了！

我的设备或许跟 Mac 不太一样；在左上角找到文件，点击它，再选择新建，然后创建项目

下图我们能看到有 普通项目，有 uni-app 项目

我通常在工作中选用空白工程，因为官方范例虽然很吸引人，却不太适合实际构建，必须移除不少内容，因此我更倾向于构建常规工程。

3. 安装实用插件

使用功能菜单，进入扩展程序设置界面，能够发现系统内置了若干关键组件，它们发挥着基础作用；

核心插件指的是什么？它是一种辅助我们编程的工具，能够帮助我们提升工作速度。

插件市场是干什么的？当我们在开发时，发现现成的 UI 框架或者自带的组件无法满足实际业务要求，就应该去插件市场寻找，通常能够找到令人满意的解决方案。

例如将代码上传至仓库时运用 Git，可以安装 Git 扩展来协助操作 Git。又比如对代码进行排版，可以安装相应插件，通过按 Ctrl 加 K 实现快速格式化

4. 运行至微信开发工具

目前的开发准备工作已基本就绪,接下来需要启动项目进行实际检验,确保一切运行正常

但是，运行小程序我们需要注意几个地方：

① 配置.json文件，配置微信小程序AppID

微信小程序的AppID从哪里获取？首先需要登录到微信公众平台，然后进入开发管理界面，接着点击开发设置部分即可找到。

启动微信小程序必须设定 开发者工具的路径，以便 明确该用什么方式来启动微信开发者工具

设置工作到此完成，我们还要安装微信开发者平台，否则程序无法正常运作

开启微信开发者工具中的服务端口

5. 项目运行

启动项目前必须先补充少量程序代码，否则呈现的将是空白界面，并非预期所见效果

新增两个页面在pages目录下,需要在pages.json文件里设定基础信息,具体配置内容如下

index 代码

H5 代码

然后点击运行，运行到微信小程序，就可以看到我们刚才写的内容

6. 个性化小程序

个性化小程序是什么？它具有不同于常规小程序的特点，比如导航栏设计各异，呈现效果也与众不同。中间那个凸起的部分，既能在Uview框架中找到现成方案，也可以自行设定样式。关于具体定制方法，读者可查阅相关教程。至于其他个性化调整，就不再逐一列举了，有探索意愿的人可以自行研究。

7. 开发时如何调用API

众所周知，创建微信小程序必须指定服务器网址，该网址必须以 https:// 开头，配备SSL认证，且域名需完成备案登记等等……那么，在开发阶段是否必须预先设定这些信息呢？

不确定，倘若本机构或委托方在初始阶段未提供域名，便可在微信开发者平台上，取消验证有效网址、业务网址、TLS版本及HTTPS证书的选项，继而借助内部网络IP进行便捷开发，此时需区分开发场景与生产场景。

以上都是开发环节sublime text 3小程序，下面属于配置环节，做一个上线前的准备

二、微信小程序发布

现在大家应该对小程序开发的基础知识掌握得比较牢固了，产品经理突然指示，小程啊sublime text 3小程序，小程序即将发布，你务必提供所需文件，或者直接着手准备上线事宜，此时你是否感到措手不及？先不要慌，我们随后逐一分析

1. 配置小程序关联信息(微信公众号关联小程序)

为什么要说配置小程序关联公众号呢？

开发期间，一位客户询问如何获取用户信息，然而，我们的小程序并未关联任何公众号或公众平台，因此，必须事先核实具体需求。

获取 的条件？

开发者若有多个移动应用、网站应用或公众帐号，包括小程序，可借助此方法识别用户唯一性，只要这些应用和帐号属于同一微信开放平台帐号，用户的身份标识就是一致的，换言之，同一个用户在同一个微信开放平台的不同应用中，其身份是相同的。

2. 配置小程序主体信息

为什么要提前配置小程序主体信息呢？ 看下图

那个图片展示的是我们部署完成的应用程序，该应用发布之后，非个人性质的账号可以通过验证流程来更改名称。因此，在正式发布之前，我们应当把所有可设置的选项都调整妥当，以免发布之后需要修改时，会遭遇审核周期长、提交材料繁琐等不便。

3. 配置服务器域名

先前提及开发期间能够借助 IP 调用后端接口，但正式发布后便不可行；由于每个微信小程序都必须预先设定通信网址，该应用仅能与预设的网址进行网络交互。这涵盖常规 HTTPS 请求、文件上传、文件下载及通信等操作。

4. 发布上线流程

当前谈话持续进行中，我们的小程序已经基本完成准备工作，接下来我将分阶段向大家进行演示

① 点击 工具栏中的发行

这一步能够打包我们编写的程序，减小其占用的空间，因为微信小程序的整体代码容量被限制在 2MB，倘若主程序过于庞大，就需要采取分块加载的策略来应对

②点击微信开发者工具中的 上传 按钮

③ 这个时候我们就要去微信公众平台登录我们的小程序开发者账户查看体验版小程序

现在我们得留意，当前这个体验版小程序已经能够为测试人员提供真机测试服务了

④ 终于到了申请提交审核，正式发布

这个环节十分容易，只需直接递交审核，不过随后我们要登记一些信息，以便让我们的审核团队进行检验

按下前进按钮提交，初次提交者须进行身份核实，务必遵守隐私条款设定

初次提交审核时，该界面原先设有重复使用资质或填写资质的环节，需要特别留意，接着提交审核，待审核通过即可完毕~~~

审核时间多久呢？

这个时间跨度从半小时到一天都有可能，我初次审核用了大约一个小时，往后的次数基本上是三十分钟，相当迅速。

通过审核，现在小程序已经成功上线了~~~

如有侵权请联系删除！