前期准备
小程序的开发通常都是从“我有一个想法”开始
一旦你有了想法，你需要澄清几个主要前提：
在具体实施阶段
明确了上述问题之后，接下来要做的就是细化，直到形成一个有足够细节和可实施性的文档，这就是我们所说的“小程序需求文档”
一旦需求文档有了，就需要进一步加大落地力度，整理小程序的整个流程图。
根据前两步中的“需求文档”和“流程图”制作原型。 界面应该包含界面应该有的所有元素和字段，但这一步没有具体的布局和颜色渲染）
制作设计图（UI）：根据上一步的原型图，进行具体的布局和渲染颜色。最终的产品是一套用户界面设计图
▲了解小程序规则
附两张图片
主要看这两个文件。 一是运营规范，运营过程中不触碰腾讯的红线。 操作必须在规则框架内完成，避免被封禁的风险。
另一个是服务类别，表示微信框架下的服务类别以及支持哪些业务形态，方便选择。
附链接：
当我写这篇文章查资料的时候，已经是深夜了。 想请大家点个赞，谢谢。
创建小程序
1. 从注册开始
开发小程序，自然需要申请注册小程序。 我们首先进入微信公众平台注册一个账号（如果有账号，直接登录）。
微信公众平台地址：/
由于微信公众号同时管理订阅号、公众号、小程序等多个账号，因此这里需要选择小程序账号类型。
【备注】不同公众号服务之间账号不通用，因此注册邮箱不能与其他公众号服务或您自己的微信绑定。
【备注】一个邮箱只能在公众平台注册一种类型的账号。
选择类型
选择类型并注册帐户。 我们这里选择小程序。
根据提示输入相关信息并提交注册
完成注册并登录后，您就可以创建自己的小程序了。 请按照提示填写小程序信息。
开发设置：
填写创建小程序的表单后，我们可以获得一个小程序ID。 就像每个人的身份证ID都是唯一的一样，每个小程序也有一个唯一的ID。 我们会在后面的小程序开发工具中使用这个ID。 你的小程序
设置并填写小程序的基本信息：
填写小程序名称。 该名称必须是未被占用的名称。 选择小程序服务项。 不同的服务项目需要不同的审核材料。
例如：食品经营需要《食品经营许可证》、电商平台需要《增值电信业务经营许可证》等。
2.安装开发者工具
前往官网下载微信小程序开发者工具
下载地址：//dev//.html
下载后按照正常安装流程，安装后打开。
新项目
点击新建项目，给小程序命名，然后选择（此ID来自微信公众平台）
项目名称：项目的名称。 最好不要用中文。 这里我将其称为demo-。
目录：项目存放目录。 这里我将在D盘创建一个空的demo文件夹来存放这个项目。
：如果您是开发我们创建的小程序，则需要在这里填写这个ID。 显然我们正处于学习阶段以及如何开始玩自己的小程序。 这里我们使用测试号。
开发方式：选择小程序。
后端服务：暂时不会使用，选择不使用云服务。
语言：我选择这个。 如果你习惯了，也可以改成这个选项。
好的，点击创建按钮！ 正式上线我们的第一个小程序。
3.微信开发简介
1. 界面介绍
微信开发工具和我们使用谷歌打开调试栏的方式非常相似。
该功能的基本介绍如上图所示。
2. 代码预览
生成开发版预览二维码。 扫描二维码的微信用户需要在微信公众平台后台添加开发者权限才能正常查看小程序。
3 会员管理
设置小程序会员。 如果小程序未上线，则需要体验开发版或试用版。 您需要在此处添加人员。
版本 4 发布
小程序代码上传到开发工具后，可以在微信公众平台和版本管理办公室发布代码。 代码发布并版本通过审核后，用户可以直接在微信上搜索小程序名称，找到该小程序。
提交评论
保证代码完整性，非测试版和demo，遵循微信平台操作规范，提交审核，通过后微信可直接搜索小程序
至此，一个微信小程序的申请、开发、上线的流程就完成了。
★小程序的几种不同的开发形式★1）开发形式-----
从技术角度来看，该小程序采用了与 Weex 相同的解析技术。 开发者可以编写一组代码在多个终端上运行和。 相比官方H5应用，浏览器还拥有更好的原生体验。
小程序是订阅号、服务号、企业号的并行系统，具有独立的注册和发布流程。 在公众平台注册一个小程序，通过开发工具提交代码，并接受官方审核。
▲注意事项：
▲开发商
小程序的制作理论上需要协作。 当然，如果一个人同时具备多种功能属性，那么一个人也可以完成所有的开发任务。
功能构成：前端开发+后端开发+设计
理想的补充岗位是“项目经理”负责调度、协作和开发任务调度，“专业测试员”保证项目Bug率，“产品经理”梳理产品流程并明确产品定位。
▲开发工具
微信官方提供了小程序前端的相关开发工具。 本开发工具仅用于开发小程序前端页面。 一个完整的在线互动小程序还需要后端的配合。
▲开发相关技术
前端：HTML、CSS、
后端：主流java、php
设计：ps，熟悉设计规范
▲原生小程序开发文档
2）开发形式-----
▲概念
通俗地说，就是把开发好的Web程序放到视图组件中，加上一个，就变成了一个小程序。
▲笔记
1、使用web-view标签嵌入网页，通过src携带参数，通过@接收h5返回的数据，实现交互。 2、h5页面通过wx..向小程序传递参数。
▲需要技术支持
前端：HTML、CSS、
后端：主流Java或PHP
3）发展形式-----、uni
▲什么是？
它是由 开发和维护的跨平台移动应用程序开发框架。提供支持快速开发且易于学习的现代化、响应式框架。 它还提供了丰富的 UI 组件、开发工具和第三方库。
以上是官方促销~~~~
在我的研究过程中，发生了一件有趣的事情。 详细信息请参见下图。
第一个指标是“冷”。 本着把事情做好的原则，我们还是完成了它的研究。
▲优点
跨平台：您可以开发一套并同时部署在、和Web上，甚至可以将其编译成应用程序。
前后端一体化：这意味着你学会了在一种工作中完成两种功能。 以前需要前端和后端，但是使用它，可以节省一个劳动力。
▲缺点
▲如何与小程序开发结合？
使用小程序容器将其打包成小程序进行发布
统一应用程序
▲什么是uni-app
uni-app 是一个使用 Vue.js 开发所有前端应用程序的框架。
强调：uni-app是一种前端语言，与uni-app不同。
▲uni-app优势
uni-app实现了一组可以同时运行在多个平台上的代码； 一套可以在iOS模拟器、模拟器、H5、微信开发者工具、支付宝、百度开发者工具、字节跳动开发者工具上运行的代码。 、QQ开发者工具（底部8个终端选项卡代表8个终端模拟器）
▲uni-app的缺点
也许您也在寻找：
如果你能看到这个，证明你有成就感，请点赞并点赞，感激不尽
@知识技术@知识
欢迎关注@非正式码农，我们免费提供APP和小程序解决方案咨询。 获取可实施的实施需求文档，提供设计和原型图，私信回复。你的互利网读者