微信是中国最常用的移动应用程序之一，日活跃用户超过3亿，月活跃用户超过11亿（2019年底统计）。 市场巨大。
2017年，微信即将推出小程序，允许外部开发者在陌陌内运行自己的代码并开展业务。 这引起了热烈的反响。 截至2020年6月，小程序数量已超过550万个。
小程序早已成为国外后端的重要业务，与Web、移动应用一样重要。 小程序开发者供大于求，市场急招需求十分旺盛，企业争相抢购。
尽管如此，还是缺乏关于小程序的教程。 它们要么不够系统，要么过于跳跃。 很多关键点只有寥寥数语，让初学者一头雾水。 当我自学时，我很难找到更好的教程。
本文是我的小程序学习笔记，整理成教程，希望对初学者有用。 我会提到需要学习的主要知识点。 我的目标是，读完本教程后，您将能够学习如何编写小程序。
考虑到很多朋友没有开发经验，小程序是他们首先接触的开发领域。 我会详细解释一下，希望新人能够毫无困难地阅读本教程。 由于内容较多，本教程将分为四个系列。
所有示例的完整代码可以从 GitHub 代码存储库下载。
1. 什么是小程序？
在学习小程序之前，我们先简单说一下什么是小程序。
从字面上看，小程序就是陌陌上的一个应用程序。 外部代码通过小程序运行在陌陌的移动应用中。
不过，更准确的说法是，小程序可以看作是只能用陌陌打开和浏览的网站。 小程序和网页的技术模型是相同的，使用的JavaScript语言和CSS样式也相同，只是网页的HTML标签稍微改为WXML标签。 因此，小程序页面本质上就是一个网页。
小程序的特别之处在于，虽然是网页，但不支持浏览器，所有浏览器API都无法使用。 只能使用Momo提供的API。 这也是小程序只能用陌陌打开的原因，因为底层已经彻底改变了。
2、小程序的优势
小程序最大的优势就是基于陌陌。
微信App的大部分功能（如拍照、扫描、支付等）都可以在小程序中使用。 微信提供了各种封装的API。 开发者不需要自己实现，也不需要考虑iOS和Android之间的平台差异。 只需一行代码即可调用它们。
而且，开发者无需考虑用户注册和登录。 他们直接使用陌陌的注册登录，微信用户手动成为你的用户。
3、知识计划
由于小程序是基于Web技术的，所以在学习之前最好了解一点Web开发知识。 具体来说，需要以下两方面的知识。
（1）JavaScript语言：了解基本句型，能够编写简单的JS脚本程序。
(2)CSS样式：了解如何使用CSS来控制网页元素的外观。
另外，虽然HTML标签和浏览器API不是必备知识，但了解浏览器如何渲染网页对于理解小程序模型有很大帮助。
总的来说，先学习Web开发，再学习小程序是比较合理的方式。 而且Web开发的资料很多，很容易找到问题的解决方案。 然而Web开发需要学习的东西太多，不是短时间内能够掌握的。 如果你想快速入门，先学习小程序也未尝不可，遇到不懂的地方再查资料。
四、发展规划
小程序开发第一步是在微信公众平台注册并申请AppID。 这是免费的。
申请完成后，您将获得AppID（小程序编号）和AppSecret（小程序秘钥）微信小程序和网站共享后台，稍后会用到。
然后，下载陌陌提供的小程序开发工具。 这个工具是必需的，因为只有它才能运行和调试小程序源代码。
开发者工具支持 Windows 和 MacOS 平台。 我安装的是Windows（64位）版本，本教程的内容也是基于这个版本，但是MacOS版本的操作应该是完全一样的。
安装并打开该软件后，会要求您使用Momo扫描二维码登录。
登录后，进入新建项目页面，可以创建不同的项目。 默认是新建一个小程序项目。
点击两侧的+号，弹出新建小程序页面。
如果直接新建一个小程序，就会生成一个完整的项目脚手架。 对于初学者来说，这不利于掌握各个文件的作用。 更好的学习方法是从头开始手写每一行代码，然后切换到“导入项目”选项将其导出到开发人员工具。
导入时需要给小程序起个名字，填写项目代码所在目录，以及上面申请的AppID。
5.hello world 示例
接下来，我邀请你行动起来，写一个最简单的小程序，只需五分钟即可完成。
第一步，为小程序创建一个新的项目目录。 名字可以随意，这里叫wechat-miniprogram-demo。
您可以在资源管理器中创建一个新目录。 如果你熟悉命令行操作，也可以打开Windows Terminal（如果不熟悉，则需要安装），在其上执行以下命令，新建一个目录并进入。
> mkdir wechat-miniprogram-demo
> cd wechat-miniprogram-demo
第二步是在此目录中创建一个新的脚本文件app.js。 该脚本用于初始化整个小程序。
app.js的内容只有一行代码。
App({});
上面代码中，App()是小程序原生提供的。 该函数的意思是创建一个新的小程序实例。 它的参数是一个配置对象，用于设置applet实例的行为属性。 这个反例不需要任何配置，所以只使用一个空对象。
第三步，新建配置文件app.json，记录项目的一些静态配置。
app.json 是 JSON 格式。 JSON是一种基于JavaScript语言的数据交换格式。 它只有五个语法规则，非常简单。 对JSON不熟悉的朋友可以参考一下。
app.json文件的内容必须至少有一个pages属性，指示小程序包含哪些页面。
{
"pages": [
"pages/home/home"
]
}
在上面的代码中，pages属性是一个链表，数组中的每一项都是一个页面。 在这个例子中，小程序只有一个页面，因此链表只有一项pages/home/home。
pages/home/home 是一个三级文件路径。
所有页面都放置在pages 子目录之上。 每个页面都有自己的目录，这里是pages下的home子目录，表示这个页面就叫home。 页面的名称可以是任意的，只要相应的目录确实存在即可。 小程序将加载页面目录pages/home 中的home.js 文件。 .js后缀可以省略，所以完整的加载路径是pages/home/home。 home.js脚本的文件名也可以任意，但习惯上与页面目录同名。
第四步是创建一个新的pages/home子目录。
$ mkdir -p pages/home
然后，在此目录中创建一个新的脚本文件 home.js。 该文件的内容如下。
Page({});
上面的代码中，Page()是小程序原生提供的，它是一个用于初始化页面实例的函数。 它的参数是一个配置对象，用于设置当前页面的行为属性。 这是一个空对象，这意味着没有设置任何属性。
第五步，在pages/home目录下创建home.wxml文件。 WXML是Momo页面标签语言，类似于HTML语言微信小程序和网站共享后台，用于描述小程序的页面。
home.wxml的内容很简单，只写一行hello world。
hello world
至此，就算基本完成了。 现在，打开小程序开发工具，导入项目目录wechat-miniprogram-demo。 如果一切正常，就可以在开发者工具上看到运行结果。
点击工具栏上的“预览”或“真机调试”按钮，您还可以在手机中查看真机运行结果。
本示例的完整代码可以在代码库中查看。
6.WXML标签语言
上一节的home.wxml文件只写了最简单的一行hello world。 实际开发中不会这样写，而是要在前面添加各种标签，添加样式和疗效。
小程序的WXML语言提供了各种页面标签。 接下来，翻新 home.wxml 并添加两个最常用的标签。
hello world
