课程介绍

本课程是一个系列入门教程，目标是从 0 开始带领读者上手实战，课程以微信小程序的核心概念作为主线，介绍配置文件、页面样式文件、JavaScript 的基本知识并以指南针为例对基本知识进行扩展，另外加上开发工具的安装、小程序发布等内容，共 9 篇文章。

本课程共包含四个部分。

第一部分（第1-3篇）带你初步了解小程序是什么，然后进行小程序开发的准备工作，从注册账号到安装开发工具一应俱全。工欲善其事，必先利其器。

第二部分（第4-6篇）。面向入门级读者介绍小程序构成的各个部分。您不需要事前准备任何知识，需要掌握的会进行说明，需要扩展的会提供信息的出处。千里之行始于足下。

第三部分（第7-8篇）通过指南针的例子，介绍一个小程序的实现过程。通过这个实例，综合运用所学知识，使小程序开发能力进一步提高。麻雀虽小，五脏俱全。

第四部分（第9篇）只包含一篇文章，具体介绍小程序发布的过程。使读者能够对小程序开发的全过程有一个完整的了解。编筐编篓，全在收口。

哪怕您事先没有任何微信小程序相关技术的经验，认真学完该达人课之后，您会掌握基本的小程序开发方法，并具备自主扩展知识面，以及进行更高层次开发的能力。

点击查看课程全部内容

作者介绍

薛卫国，现就职于某外企担任架构小组责任人，CSDN 博客专家，长期从事 C++ 开发，精通 UML、设计模式，创办有公众号《面向对象思考》。毕业于东北大学，曾留校在国家重点实验室工作。

课程内容

第01课：初识微信小程序

要火的节奏

最近有一则来自北京商报的新闻引起了不少人的注意，我们这里选取一部分：

争夺流量 手机厂商“抱团”对抗微信小程序

3月20日，小米、中兴、华为等10家手机厂商联合对外宣布，推出基于手机硬件平台的新型应用生态“快应用”及相关标准。在微信小程序用户规模日益壮大、硬件利润微薄的背景下，本次快应用的推出被看做是手机厂商与腾讯争夺流量与利益的举动。业内人士认为，对于整个市场来说，流量竞争有促进作用，但微信已经具有较强的用户黏性，十大手机厂商要想争夺用户流量并非易事。

估计这些厂家的标准出台还需要一段时间，但是有一点可以确定的是：小程序类的开发要火。

但如果你打开轻应用的文档可以发现两点：

1.应用文档的信息量还很有限。2.轻应用的架构，采用的技术和微信小程序很相似。

处于这个目的，作者赶在这个时机制作了本课程，希望可以为潮流加一份力；作为程序员，希望各位可以通过本课程的学习，在有限的时间内为自己添一份技能！

参考资料：轻应用开发文档

什么是小程序？

最近一个小游戏“跳一跳”火得不得了，相信即使您自己没有玩过，身边的亲戚朋友也一定玩过。画面大致如下：

当然了，关于玩法等等不是本文的内容，可以参照百度百科。

这就是微信小程序的成功案例了。

微信小程序简介

微信小程序简称小程序，张小龙在微信公开课 Pro 上发布的小程序正式上线，时间是2017年1月9日。关于小程序，张小龙在他的公开课中有过很详细的说明，大家尽可以到网上去搜，这里不再赘述，只说作者自己的理解。

微信小程序这个词可以分解为“微信”和“小程序”两部分。

其中“微信”可以理解为“微信中的”，指的是小程序的执行环境；当然微信在提供执行环境的同时也延长了用户使用微信的时间。

“小程序”是说它首先是程序，然后具备轻便的特征。小程序并不像其他应用那样，它不需要安装，而是通过扫描二维码等打开后直接执行；用完以后也不需要卸载。这就是所谓用完即走的原则。

另外，微信不会提供类似于小程序商店的地方，需要小程序提供者自己通过二维码，群分享的手段来传播，这就是所谓去中心化的形态。

微信朋友圈提供了好友之间沟通信息的手段，订阅号提供了面向粉丝推送信息的手段，而小程序则是提供了用户通过自己的操作而与服务实现互动的手段。

小程序相关技术介绍

本课程的目标读者群是了解基本的 C/C++ 语法但对小程序开发完全没有经验的程序员，因此在说明微信小程序的同时，对相关技术也将进行相应的介绍。通过这种方式，可使读者能够非常顺利地学习，而无需到处寻找资料导致忘了学习微信小程序这个本来的目的。

微信小程序推出一年多一点的时间，算是一个新事物，但是利用的技术却都是已经存在的技术。如果你稍加调查就会发现，不光是微信小程序，很多类似形态的应用都采用类似的架构：

1. 使用 JSON 技术来表现应用的配置信息。包含应用的基本信息，页面配置和路由，应用全体的信息等。
2. 使用经过定制 CSS+XML 技术来实现视图层的描述。画面元素，例如列表、按钮、文本框、选择框等都通过 XML 语言来描述，遵从 XML 语法，对于页面的共同风格，使用 CSS 进行定义。
3. 使用 JavaScript 语言来实现逻辑层结构。包括用户操作的处理，系统 API 的调用等。
4. 架构在视图层和逻辑层之间提供数据和事件传输功能，从而尽量减少难度。由于类似应有都属于轻应用，所以提供的功能都比较单一。

具体的语法，用途等将会在使用的时候详细介绍，这里只提一下相关技术的基本情况，了解即可。

换一种说法就是：并不需要另外自己调查，跟着本课程走下去就好。

JSON

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。它基于 ECMAScript（W3C 制定的 JavaScript 规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

XML

XML（Extensible Markup Language），中文名为可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。

在电子计算机中，标记指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种的信息，比如文章等。它可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。它非常适合万维网传输，提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。是 Internet 环境中跨平台的、依赖于内容的技术，也是当今处理分布式结构信息的有效工具。早在1998年，W3C 就发布了 XML1.0 规范，使用它来简化 Internet 的文档信息传输。

CSS

层叠样式表（英文全称：Cascading Style Sheets）是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

JavaScript

JavaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

在1995年时，由 Netscape 公司的 Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为 Netscape 与 Sun 合作，Netscape 管理层希望它外观看起来像 Java，因此取名为 JavaScript。但实际上它的语法风格与 Self 及 Scheme 较为接近。

为了取得技术优势，微软推出了 JScript，CEnvi 推出 ScriptEase，与 JavaScript 同样可在浏览器上运行。为了统一规格，再加上 JavaScript 兼容于 ECMA 标准，因此也称为 ECMAScript。

学习方法

微信小程序虽然是新事物，但学习方法却不是新方法。

我们的套路是：首先生产一个最简单的小程序实例，通过这个实例介绍微信小程序的构造和想法，这算是学习这个活动中“学”的部分。然后扩展这些知识点，通过开发一个简单的小程序的过程来运用这些知识点，这算是“习”的过程。

这是作者这些年来屡试不爽的方法。

参考资料

在学习和开发的过程中，我们主要会参考微信的开发文档。其原因是小程序太新了，相应的知识储备还不够丰富。虽然也可以找到一些开发方面的书籍，但是说实话，内容并不比微信本身的开发文档更详尽。

第02课：开发环境的准备

创建自己的小程序账号

在开发自己的微信小程序之前，首先需要注册小程序账号，接下来我们一步一步做详细说明。

打开浏览器，输入：mp.weixin.qq.com。

因为是第一次使用，所以选择画面右上角的“立即注册”。

选择左下角的“小程序”方框。

输入邮箱、密码、确认密码、验证码，之后选择同意协议和条款。当然这里的密码不是邮箱的密码，而是正在申请的小程序账号的密码。

最后按下“注册”按钮。

点击“登录邮箱”按钮。打开相应的软件后，应该可以收到下面的邮件。如果没收到的话，建议看一下垃圾邮件，没准儿那里有。

单击下半部一大片绿色的部分，就可以回到注册界面继续剩下的工作。

选择主题类型为“个人”，然后输入管理员的姓名，身份证号码。

输入手机号码并单击“获取验证码”，将手机接收到的验证码输入到短信验证码栏中。

完成上述步骤，画面下部会出现一个二维码，需要用已经绑定银行卡的微信的扫一扫功能扫描该二维码进行实名认证。

如果认证成功，画面会变成下面这个样子。

点击“继续”按钮。

意思就是现在后悔还来得及，如果不后悔今后就没法后悔了。我们按下“确定”按钮。

大功告成！

小程序管理平台

账号申请成功之后，就可以登录“微信公众平台 | 小程序”了。在目前这个时间点虽然并不需要马上做什么。本文接下来将对其中重要的菜单功能做简单介绍。

首页

内容比较简单，主要是表示小程序的实时访问次数和系统公告。

开发管理

用户在使用小程序的时候，需要扫描二维码进入。而这个二维码需要开发者将小程序上传到腾讯服务器之后从腾讯取得。上传过程便在该页面上完成。

过程也不复杂，一共分为三步：上传代码，提交审核和发布小程序。

用户身份

这个画面用来指定小程序项目的管理员和项目成员。其中项目成员又包括开发者和体验者。

数据分析

这个画面可以统计小程序的访问数量，对用户来源、性别、年龄分布等进行分析。

模板消息

这个画面可以定制微信小程序向客户发送的消息。

客服消息

通过这个画面可以指定小程序的客服人员，从而实现小程序的在线客服功能。

附近的小程序

当小程序的主体为企业、政府、媒体及其他组织时可以开通此功能。此功能有效时，小程序指定地点以后，用户可以通过微信的“附近的小程序”界面发现该小程序。

运维中心

一共有两个页面，分别用于查询小程序的错误日志和对客户端进行监控。

推广

用来自定义小程序推广关键字。

设置

设置分类中一共有五个页面，这里只介绍前两个。

基本设置

顾名思义，这里主要是用来设置小程序的基本信息。内容包括：

1. 设定小程序名称，小程序头像；
2. 取得小程序码；
3. 取得认证；
4. 设定主题信息；
5. 其他省略。

开发设置

这个页面主要负责和小程序开发相关的设定信息，内容包括：

1. 取得小程序 ID。每一个发布的小程序都需要唯一的 ID。
2. 生成小程序秘钥。
3. 指定服务器域名。小程序可以访问外部网站，可以上传和下载文件。但是对象服务器不是任意的，需要在这里指定。
4. 其他省略。

其他

在画面的右上角，有两个链接“文档”和“社区”分别可以进入小程序开发文档和社区。在实际的学习过程中可以积极利用。

安装开发工具

小程序账号申请成功之后的工作就是准备开发环境。

早期的版本在首页分类中有开发工具的下载链接，最近不知道为什么变成了访问次数统计画面。但是没有关系，可以直接点击这里，便可打开下面的下载地址页面。

根据操作系统选择合适的下载链接。

下载完成后打开安装程序，首先是开始画面。

按下“下一步”按钮。

按下“我接受”按钮。

指定适当的安装目录后按下“安装”按钮。

安装中……

完成！

接下来就可以开始微信小程序的开发之旅啦！

第03课：微信开发者工具介绍

第04课：小程序构成介绍——配置文件的形式和内容

第05课：小程序构成介绍——WXML 和 WXSS

第06课：小程序构成介绍——事件处理和数据绑定

第07课：小程序开发实例——指南针（上）

第08课：小程序开发实例——指南针（下）

第09课：发布小程序

点击查看课程全部内容

《微信小程序开发教程》主编/黄寿孟 易芳 陶延涛 湖南大学出版社

目录

一、单选题

二、多选题

三、判断题

四、填空题

五、简答题

1.请简述微信开发者工具中调试器功能。

2.请简述微信小程序开发环境的搭建过程。

六、编程题

1.请创建一个空白项目，在页面中输出Hello World。

2.请创建两个页面，通过按钮来互相切换。

---

一、单选题

1.下面对于微信小程序的描述，错误的是（C）。
A.微信小程序是一种不需要安装即可使用的应用
B.微信小程序运行在微信之上，类似于原生App 
C. 微信小程序应用大小上限为3048kB 
D.微信小程序可以实现跨平台

2.微信小程序走由（A）提出，并解决了App使用的效率问题。

A.张小龙

B.尤雨溪

C.马化腾

D.李宏彦

3.下面功能选项中，微信小程序不支持的是（A）。

A.集体入口

B.线下扫码

C.挂起状态

D.消息通知

4.下列公众平台类型中主要用于为用户传达资讯，类似报纸、杂志的是（D）。

A.企业微信

B.服务号

C.小程序

D.订阅号

5.下列公众平台类型中主要用于公司内部通信使用，在关注前需要先验证身份的是（B）。

A.服务号

B.企业微信

C.订阅号

D.小程序

6.小程序开发环境搭建，主要就是安装（B）。

A.Chrome

B.微信开发者工具

C.编辑器

D.微信客户端

7.小程序目录结构中，（B）文件是应用配置文件。

A.app.js

B.app.json

C. project. config. js

D.index.json

8.微信开发者工具中，调试器中的（B）可以查看网络请求信息。

A.Console面板

B.Network面板

C.AppData面板

D.Sources面板 

9.下面对小程序项目设置项的说法，错误的是（D）。

A.ES6转ES5就是将JavaScript 代码的ES6语法转换为ES5语法

B.使用npm模块就是在小程序使用npm安装的第三方依赖包

C.校验合法域名就是在真实环境中，对信息进行检验

D.调试基础库可以再任意版本的微信客户端上运行

二、多选题

1.微信开发者工具的主界面主要由菜单栏和（ABCD）组成。

A.编辑器

B.模拟器

C.调试器

D.工具栏

2.下面关于微信小程序工具栏的说法，正确的是（AB）

A.切后台是用于模拟小程序在手机中切后台的效果

B.版本管理可以通过Git对小程序进行版本管理

C.快捷键Ctrl+C可以实现自动编译

D.如果在创建项目时使用的AppID为测试号，工具栏也会显示上传按钮

3.下面对于微信小程序目录结构的说法，正确的是（AB）。

A.app.wxss表示公共样式文件

B.index .wxss表示页面样式文件

C.app.js应用逻辑配置文件

D.index .js应用逻辑代码文件

4.下面对于微信小程序开发环境搭建的说法，正确的是（ACD）。

A.微信小程序开发，首先需要注册微信公众号

B.微信小程序开发环境也可以开发普通网页

C.微信小程序管理后台可以实现小程序的提交审核、发布、回退

D.微信小程序开发环境的搭建主要就是微信开发者工具的下载及安装

5.下列关于微信小程序的优点描述，正确的是（ABC）。

A.微信小程序无需下载，通过扫一扫方式获取

B.微信小程序无需升级

C.微信小程序开发周期短，开发成本低

D.微信小程序能推送消息

6.下列对微信小程序的功能描述，正确的是（ABD）。

A.微信小程序支持线下扫码

B.可以在聊天窗口和微信小程序之间进行切换

C.微信小程序可以通过集中入口进入

D.微信小程序可以进行消息通知

7.下面关于小程序与服务号、订阅号的说法，正确的是（ABC）

A.小程序提供了丰富的接口

B.订阅号提供接口受限于浏览器

C.服务号运营后台提供的是非实时数据

D.服务号跟小程序是一样的

三、判断题

1.微信公众号类型主要有小程序、服务号、企业微信、订阅号。（√）

2.微信公众号主要用作区分每个开发者，以及小程序的发布、审核、上线等。（√）

3.在微信小程序中，AppID 又称为小程序ID,是每个小程序的唯一标识。（√）

4.微信开发者工具中的Console 面板用于输出调试信息。（√）

5.在微信小程序中，每个页面由WXML,WXSS,JavaScript 和JSON文件组成，其中WXML和JavaScript 文件必须存在，WXSS和JSON文件可以省略。（√）

6.WXML和WXSS文件类似于网页开发中的HTML和CSS文件。（√）

7.微信小程序开发模式类似于Vue.js，同时支持组件化开发。（√）

8.微信小程序云开发能力从基础库2.2.3开始支持。（×）

9.微信小程序不支持ES6语法，但支持CSS动画。（×）

四、填空题

1.微信小程序用户量主要来自（微信）用户的数量。

2.微信小程序和Web App 在技术上的主要相同点是可以（跨平台）。

3.微信小程序通过（扫描二维码）、搜索关键字、群分享、好友分享方式打开。

4.在微信开发者工具中，（工具栏）提供了常用功能的快捷按钮。

5.（调试器）类似于Google Chrome 浏览器中的开发者工具。

6.在微信小程序目录结构中，project .config .json文件是（项目配置文件）。

7.微信开发者工具支持（windows和Mac OS）操作系统。

8.微信开发者工具是由（微信团队）开发的进行应用和服务开发的工具。

五、简答题

1.请简述微信开发者工具中调试器功能。

微信开发者工具类似于Chrome浏览器中的开发者工具。 1.Console面板：控制台面板用于输出调试信息； 2.Source面板：源代码面板可以查看和编辑源代码 3.Network面板：网络面板，用于记录网络请求信息，根据它进行网络信息优化 4.AppData面板：App数据面板，可以查看小程序当前运行时的数据 5.Wxml面板：主要是用于查看和调试结构和样式 6.Sensor面板：传感器面板，主要用于模拟地理位置，重力感应

2.请简述微信小程序开发环境的搭建过程。

（1）首先注册微信公众号，获取小程序AppID。

（2）在首页中根据需要进行下载微信开发者工具。

（3）打开安装包，选择安装路径，完成安装使用。

六、编程题

1.请创建一个空白项目，在页面中输出Hello World。

2.请创建两个页面，通过按钮来互相切换。

（1）pages目录下，新建test文件夹

（2）在test目录下新建helloworld配置文件 

 （3）编辑helloworld.wxml页面

<view class="container">  
    <text>Hello World</text>  
</view>  

（4）编辑helloworld.js页面

//helloworld.js  
//获取应用实例 （可填也可不填） 
var app = getApp()
Page({
  data: {
    userInfo: {}
  },
  onLoad: function () {
    console.log('onLoad test');
  }
})  

（5）将helloworld 页面加入 app.json

打开全局文件 app.json，在文件里面添加helloworld路径

（6）在首页加入跳转访问链接 

  <view class="btn-area">  
   <navigator url="/pages/test/helloworld" hover-class="navigator-hover">跳转Hello world页面</navigator>  
  </view>  

 （7）测试

 

 （8）设置页面标题

在helloworld.json中添加：

{
  "navigationBarTitleText": "Hello"
}

微信小程序入门

---

---

前言

随着科技的不断进步，很多功能将会开放，那么很多需求也将会因为现实而得到满足，这是一种不需要下载和安装就可以使用的应用软件。用户只需扫描和搜索就可以打开应用程序。它很容易使用，而且很容易实现。小程序带来了巨大的流量，吸引了很多大的人和企业家前来追踪，也显示出它强大的生命力。小程序是下一个被确定为互联网新品种的程序，信已经成为不可缺少的交流工具，小程序依附于微信，用户搜索起来也会更方便，其实这就是小程序发展的前景和优势。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、小程序的概述

1.小程序简介

微信小程序也被简称为小程序，其英文名称是Mini Program。
它是一种存在于微信内部的轻量级应用程序。
微信研发团队在其官方网页上有一段关于微信小程序的介绍:“小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。”
小程序的几个重要特点：无需下载安装、用完即走、随时可用。

2.小程序诞生

微信小程序于2017年1月9日正式发布，当天在微信的“发现”页面出现小程序入口。 往前追溯十年——2007年1月9日正好是第一代iPhone手机正式发布。

3.小程序功能

小程序页 | 对话分享 | 搜索查找 | 公众号关联
线下扫码 | 消息通知 |历史列表 | 小程序切换

4.小程序创建步骤

1.注册 开发者需要首先在微信公众平台上进行小程序账号注册。 2.信息完善 开发者注册完毕后需要填写小程序的基本信息。 3.开发 下载开发工具进行小程序的开发与调试工作。 4.提交审核与发布 完成小程序后需要进行代码上传，然后由管理员提交代码等待微信团队审核，审核通过后即可正式发布。

二、小程序的准备工作

1.注册开发者账号

步骤1

开发者首先需要在微信公众平台上注册一个小程序账号才能进行后续的代码开发与提交工作。
访问微信公众平台官网首页（mp.weixin.qq.com），然后单击右上角的“立即注册”按钮进入账号类型选择页面。

步骤2

在当前页面上选择注册的账号类型为“小程序”，即可进入小程序的正式注册页面。

步骤3

小程序的正式注册页面包含三个填写步骤：账号信息、邮箱激活、信息登记。

步骤4

邮箱激活提醒
登录对应的注册邮箱查看激活邮件，单击邮件正文中的链接地址会跳转回到微信平台页面完成账号激活。

步骤5

邮箱账号激活完成后就进入了信息登记页面。
其中注册国家/地区保持默认内容“中国大陆”，然后根据实际情况进行主体类型的选择。

步骤6

选择“个人”类型之后在页面下方会自动出现主体信息登记表单。

步骤7

扫码后手机微信会自动跳转到微信验证页面。
检查微信验证页面上所显示的姓名和身份证号码，确认无误后点击“确定”按钮会提示身份验证成功。

步骤8

单击“继续”按钮进行下一步，系统会跳出一个提示框让开发者进行最后的确认。
单击“确定”按钮完成主体信息确认。

2.小程序信息完善

步骤1

小程序名称
由于小程序名称不允许与平台内已经存在的其他账号名称重名，在填写好之后可以先自测一下是否符合要求，单击右侧的“检测”按钮即可进行验证。

步骤2

小程序头像
也就是小程序最终显示的图标logo，图片最后会被切割为圆形效果。头像图片的格式只能是：bmp、jpeg、jpg或gif其中的一种，并且文件大小不得大于2M。注意头像图片不允许涉及政治敏感与色情内容。头像图片每个月可修改5次。

步骤3

小程序介绍
可以由开发者自由填写关于小程序功能的描述，注意介绍内容不得含有国家相关法律法规禁止的内容。小程序介绍的内容每个月可以申请修改5次。

步骤4

小程序类目
小程序服务类目指的是小程序主要内容所属的服务范围。特殊行业需要额外提供资质证明。服务类目每个月只可以修改1次。
服务类目的下拉表单分为两级，每级都必须填写不可以为空。

步骤5

全部填写完毕后，就可以单击最下方的“提交”按钮提交小程序的基本信息。
此时单击“添加开发者”按钮就可以进行小程序成员管理了。

3.成员管理

1. 成员类型说明：
   项目成员可以被分配的不同权限解释如下：
   a. 开发者：可以使用微信开发者工具进行小程序开发，也可以预览开发版小程序在手机端的效果；
   b. 体验者：可以在手机端使用体验版小程序；
   c. 登录：无需管理员确认即可登录小程序管理后台；
   d. 数据分析：可以使用小程序数据分析功能查看小程序数据；
   e. 开发管理：拥有小程序提交审核、发布和回退权限；
   f. 开发设置：拥有设置小程序服务器域名、消息推送以及扫描普通链接二维码打开小程序的权限；
   g. 暂停服务设置：拥有暂停小程序线上服务的权限。

2. 成员人数限制：
   个人类型的小程序允许管理员添加15个开发者，其中5个开发者，10个体验者。
   其他类型的小程序开发者数量限制如下：
   未认证未发布组织类型：30人；
   已认证未发布/未认证已发布组织类型：60人；
   已认证已发布组织类型：90人。

3. 成员变更说明
   每个小程序的管理员与项目成员都是允许变更的。需要注意的是，每个微信号作为项目成员最多可以参与到50个小程序中。

三、小程序的开发工具

步骤1

软件下载与安装开发者登录小程序管理页面后台，然后单击右上角菜单栏中的“开发”选项即可切换到小程序开发工具的下载页面，也可以直接通过URL地址访问下载页面：（https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html）。
步骤2

确认无误后可以双击该文件进行开发者工具的安装。

3.其他辅助工具

1. 小程序官方文档
   小程序官网提供了技术文档供开发者学习，文档会更新各类小程序接口的用法。希望第一时间了解小程序有了哪些更新的读者可以关注。
   官方文档访问地址：https://developers.weixin.qq.com/miniprogram/dev/

2. 微信开放社区
   微信开放社区中有一个开发者专区可以搜索常见问题和解答，也可以在遇到问题时上去提问，和其他开发者一起交流学习。
   开发者社区访问地址：https://developers.weixin.qq.com/

3. 小程序开发助手
   可以使用小程序开发者助手方便快捷的预览和体验线上版本、体验版本以及开发版本。开发者可以扫一扫开发者助手小程序码来使用相关功能。

四、推荐小程序（欢迎各位大佬指导）