《微信小程序开发项目教程》教学教案(1).docxVIP

PAGE PAGE 10 《微信小程序开发项目教程》教学教案（ 1） 第 1 章 微信小程序概述 课时内容 微信小程序概述 了解微信小程序的功能、使用场景 课时 2 教学目标 掌握小程序环境搭建的步骤熟悉微信开发者工具界面 掌握微信小程序项目创建的方法小程序环境搭建的步骤 教学重点 微信开发者工具界面 微信小程序项目的创建 教学难点 小程序环境搭建和项目创建 教学思路：介绍微信小程序的概念、功能和发展历程；通过多媒体演示和实机操作讲解微信小程序环境搭建和开发者工具的使用；通过创建莫凡商城小程序实战巩固基础 教学设计 知识。 教学手段：多媒体+计算机 教学资料：教材、多媒体课件 教学内容 微信小程序介绍 初识微信小程序 微信小程序是一种无须安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用；也体现了“用完即走”的理念，用户不再需要关心是否安装太多应用的问题。应用将无处不在，随时随地可用，无须卸载。 微信小程序也是基于去中心化而存在的一个平台，它没有聚合的入口，那么它的入口在哪里呢？ 在微信中的“发现”界面，可以找到小程序的入口。 在微信主界面的下拉窗口里可以找到用过的小程序。 可以直接打开好友或者群里分享的小程序。 通过扫描二维码可以进入小程序。 （a）“发现”界面 （b）主界面下拉窗口 （c）分享的小程序 微信小程序入口 微信小程序的功能 分享页功能：用户可以将小程序当前页面分享给好友，如分享北京到上海的火车票列表界面，用户打开时是这个页面的实时数据，而不需要再次启动微信小程序。 分享对话功能：可以将对话分享给好友或者分享到微信群。 线下扫码进入微信小程序功能：提示用户附近有哪些微信小程序可以使用，扫描二维码就可以使用微信小程序。 挂起状态功能：例如，来电话可以先接电话，接完电话后可以继续使用微信小程序进行相关操作。 消息通知功能：商户可以发送消息给接受过服务的用户，用户也可以使用微信小程序的客服功能联系商户。 实时音视频录制播放功能：通过此功能可以随时随地进行直播或者录播。 硬件连接功能：通过使用NFC （Near Field Communication，近距离无线通信）功能，可以把手机变成公交卡、门禁卡等进行便捷使用；通过 Wi-Fi连接功能，进行网络连接。 小游戏功能：微信小程序制作的“跳一跳”小游戏，让游戏大门从此打开，让用户知道小程序也可以制 作小游戏。 公众号关联功能：微信小程序可与公众号进行关联，公众号可关联不同主体的3 个小程序，可关联同一主体的 10 个小程序，同一个小程序最多可关联 3 个公众号。 微信小程序的使用场景 小程序有哪些适合的使用场景呢？在发布小程序的时候，要选择服务类目，通过这些服务类目，能知道小程序的使用场景。服务类目分为个人服务类目和企业服务类目。 个人服务类目的小程序开发主体为个人，它的服务类目少一些、服务范围小一些，主要包括出行与交通、生活服务、餐饮、旅游、商业服务、快递业与邮政、教育、工具、体育等。 企业服务类目的小程序开发主体是企业，它的服务类目多一些、服务范围大一些，主要包括快递业与 邮政、教育、医疗、政务民生、金融业、出行与交通、房地产、生活服务、IT 科技、餐饮、旅游、时政信息、文娱、工具、电商平台、商家自营、商业服务、公益、社交、体育、汽车等。 微信小程序环境搭建 微信小程序环境搭建很简单，需要 3 个步骤。 下载微信开发者工具。在“微信公众平台”官网选择“小程序”→“小程序开发文档”，如图所示。在打开的界面中选择“工具”→“下载”可，以看到微信小程序为不同的操作系统 （ Windows 64 、Windows 32 、 macOS ）提供了不同版本的开发者工具（因为开发者工具的版本更新很快，实际版本以读者操作为准） ， 我们可以根据自己的操作系统下载相应的版本，如图所示。 小程序开发文档 下载微信开发者工具 注册“微信公众平台”账号在。“微信公众平台”官网选择微信小程序类别进行注册小。程序支持个人开发 者账号，可以注册个人账号；如果公司需要小程序，也可以进行企业认证。通过这两种方式都可以发布小程序， 如图所示。 注册“微信公众平台”账号 使用下载的微信开发者工具包。按照提示完成开发者工具的安装，安装完成后，运行微信开发者工具， 会出现一个二维码，需要用绑定“微信公众平台”的微信扫描登录，登录后可以发现，开发者工具提供了本地“小程序项目”开发和“公众号网页项目”开发两个调试类在型小。程序开发部分微信开发者工具支持新建小程序和导 入已有的小程序，如图所示。 微信开发者工具 微信小程序开发者工具的使用 在进行小程序开发之前，需要先掌握微信开发者工具的使用，对工具的使用掌握得越熟练，越有助于小程序的开发和提高开发效率。下面介绍一下