慕课官网

第1章微信小程序概述

课时内容微信小程序概述课时2

教学目标

了解微信小程序的功能、使用场景

掌握小程序环境搭建的步骤

熟悉微信开发者工具界面

掌握微信小程序项目创建的方法

教学重点

小程序环境搭建的步骤

微信开发者工具界面

微信小程序项目的创建

教学难点小程序环境搭建和项目创建

教学设计

1.教学思路：介绍微信小程序的概念、功能和发展历程；通过多媒体演示和实机操作讲

解微信小程序环境搭建和开发者工具的使用；通过创建莫凡商城小程序实战巩固基础

知识。

2.教学手段：多媒体+计算机

3.教学资料：教材、多媒体课件

教学内容

1.1微信小程序介绍

1.1.1初识微信小程序

微信小程序是一种无须安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下

即可打开应用；也体现了“用完即走”的理念，用户不再需要关心是否安装太多应用的问题。应用将无处不在，

随时随地可用，无须卸载。

微信小程序也是基于去中心化而存在的一个平台，它没有聚合的入口，那么它的入口在哪里呢？

（1）在微信中的“发现”界面，可以找到小程序的入口。

（2）在微信主界面的下拉窗口里可以找到用过的小程序。

（3）可以直接打开好友或者群里分享的小程序。

（4）通过扫描二维码可以进入小程序。

（a）“发现”界面（b）主界面下拉窗口（c）分享的小程序

微信小程序入口

1.1.2微信小程序的功能

（1）分享页功能：用户可以将小程序当前页面分享给好友，如分享北京到上海的火车票列表界面，用户打

开时是这个页面的实时数据，而不需要再次启动微信小程序。

（2）分享对话功能：可以将对话分享给好友或者分享到微信群。

（3）线下扫码进入微信小程序功能：提示用户附近有哪些微信小程序可以使用，扫描二维码就可以使用微

信小程序。

（4）挂起状态功能：例如，来电话可以先接电话，接完电话后可以继续使用微信小程序进行相关操作。

（5）消息通知功能：商户可以发送消息给接受过服务的用户，用户也可以使用微信小程序的客服功能联系

商户。

（6）实时音视频录制播放功能：通过此功能可以随时随地进行直播或者录播。

（7）硬件连接功能：通过使用NFC（NearFieldCommunication，近距离无线通信）功能，可以把手机

变成公交卡、门禁卡等进行便捷使用；通过Wi-Fi连接功能，进行网络连接。

（8）小游戏功能：微信小程序制作的“跳一跳”小游戏，让游戏大门从此打开，让用户知道小程序也可以

制作小游戏。

（9）公众号关联功能：微信小程序可与公众号进行关联，公众号可关联不同主体的3个小程序，可关联同

一主体的10个小程序，同一个小程序最多可关联3个公众号。

1.1.3微信小程序的使用场景

小程序有哪些适合的使用场景呢？在发布小程序的时候，要选择服务类目，通过这些服务类目，能知道小

程序的使用场景。服务类目分为个人服务类目和企业服务类目。

●个人服务类目的小程序开发主体为个人，它的服务类目少一些、服务范围小一些，主要包括出行与交

通、生活服务、餐饮、旅游、商业服务、快递业与邮政、教育、工具、体育等。

●企业服务类目的小程序开发主体是企业，它的服务类目多一些、服务范围大一些，主要包括快递业与

邮政、教育、医疗、政务民生、金融业、出行与交通、房地产、生活服务、IT科技、餐饮、旅游、时政信息、

文娱、工具、电商平台、商家自营、商业服务、公益、社交、体育、汽车等。

1.2微信小程序环境搭建

微信小程序环境搭建很简单，需要3个步骤。

（1）下载微信开发者工具。在“微信公众平台”官网选择“小程序”→“小程序开发文档”，如图所

示。在打开的界面中选择“工具”→“下载”，可以看到微信小程序为不同的操作系统（Windows64、

Windows32、macOS）提供了不同版本的开发者工具（因为开发者工具的版本更新很快，实际版本以

读者操作为准），我们可以根据自己的操作系统下载相应的版本，如图所示。

小程序开发文档

下载微信开发者工具

（2）注册“微信公众平台”账号。在“微信公众平台”官网选择微信小程序类别进行注册。小程序支持个

人开发者账号，可以注册个人账号；如果公司需要小程序，也可以进行企业认证。通过这两种方式都可以发布

小程序，如图所示。

注册“微信公众平台”账号

（3）使用下载的微信开发者工具包。按照提示完成开发者工具的安装，安装完成后，运行微信开发者工具，

会出现一个二维码，需要用绑定“微信公众平台”的微信扫描登录，登录后可以发现，开发者工具提供了本地

“小程序项目”开发和“公众号网页项目”开发两个调试类型。在小程序开发部分微信开发者工具支持新建小

程序和导入已有的小程序，如图所示。

微信开发者工具

1.3微信小程序开发者工具的使用

在进行小程序开发之前，需要先掌握微信开发者工具的使用，对工具的使用掌握得越熟练，越有助于小程

序的开发和提高开发效率。下面介绍一下微信开发者工具的使用。

1.3.1如何创建项目

创建一个小程序项目，需要准备AppID、项目名称和项目目录。

（1）获取微信小程序AppID，需要在“微信公众平台”中登录1.2.1小节中注册的账号，在“开发”→

“开发设置”中，查看微信小程序的AppID，如图所示。