慕課官網(wǎng)

第1章微信小程序概述

課時(shí)內(nèi)容微信小程序概述課時(shí)2

教學(xué)目標(biāo)

了解微信小程序的功能、使用場(chǎng)景

掌握小程序環(huán)境搭建的步驟

熟悉微信開(kāi)發(fā)者工具界面

掌握微信小程序項(xiàng)目創(chuàng)建的方法

教學(xué)重點(diǎn)

小程序環(huán)境搭建的步驟

微信開(kāi)發(fā)者工具界面

微信小程序項(xiàng)目的創(chuàng)建

教學(xué)難點(diǎn)小程序環(huán)境搭建和項(xiàng)目創(chuàng)建

教學(xué)設(shè)計(jì)

1.教學(xué)思路：介紹微信小程序的概念、功能和發(fā)展歷程；通過(guò)多媒體演示和實(shí)機(jī)操作講

解微信小程序環(huán)境搭建和開(kāi)發(fā)者工具的使用；通過(guò)創(chuàng)建莫凡商城小程序?qū)崙?zhàn)鞏固基礎(chǔ)

知識(shí)。

2.教學(xué)手段：多媒體+計(jì)算機(jī)

3.教學(xué)資料：教材、多媒體課件

教學(xué)內(nèi)容

1.1微信小程序介紹

1.1.1初識(shí)微信小程序

微信小程序是一種無(wú)須安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶掃一掃或者搜一下

即可打開(kāi)應(yīng)用；也體現(xiàn)了“用完即走”的理念，用戶不再需要關(guān)心是否安裝太多應(yīng)用的問(wèn)題。應(yīng)用將無(wú)處不在，

隨時(shí)隨地可用，無(wú)須卸載。

微信小程序也是基于去中心化而存在的一個(gè)平臺(tái)，它沒(méi)有聚合的入口，那么它的入口在哪里呢？

（1）在微信中的“發(fā)現(xiàn)”界面，可以找到小程序的入口。

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

（3）可以直接打開(kāi)好友或者群里分享的小程序。

（4）通過(guò)掃描二維碼可以進(jìn)入小程序。

（a）“發(fā)現(xiàn)”界面（b）主界面下拉窗口（c）分享的小程序

微信小程序入口

1.1.2微信小程序的功能

（1）分享頁(yè)功能：用戶可以將小程序當(dāng)前頁(yè)面分享給好友，如分享北京到上海的火車票列表界面，用戶打

開(kāi)時(shí)是這個(gè)頁(yè)面的實(shí)時(shí)數(shù)據(jù)，而不需要再次啟動(dòng)微信小程序。

（2）分享對(duì)話功能：可以將對(duì)話分享給好友或者分享到微信群。

（3）線下掃碼進(jìn)入微信小程序功能：提示用戶附近有哪些微信小程序可以使用，掃描二維碼就可以使用微

信小程序。

（4）掛起狀態(tài)功能：例如，來(lái)電話可以先接電話，接完電話后可以繼續(xù)使用微信小程序進(jìn)行相關(guān)操作。

（5）消息通知功能：商戶可以發(fā)送消息給接受過(guò)服務(wù)的用戶，用戶也可以使用微信小程序的客服功能聯(lián)系

商戶。

（6）實(shí)時(shí)音視頻錄制播放功能：通過(guò)此功能可以隨時(shí)隨地進(jìn)行直播或者錄播。

（7）硬件連接功能：通過(guò)使用NFC（NearFieldCommunication，近距離無(wú)線通信）功能，可以把手機(jī)

變成公交卡、門(mén)禁卡等進(jìn)行便捷使用；通過(guò)Wi-Fi連接功能，進(jìn)行網(wǎng)絡(luò)連接。

（8）小游戲功能：微信小程序制作的“跳一跳”小游戲，讓游戲大門(mén)從此打開(kāi)，讓用戶知道小程序也可以

制作小游戲。

（9）公眾號(hào)關(guān)聯(lián)功能：微信小程序可與公眾號(hào)進(jìn)行關(guān)聯(lián)，公眾號(hào)可關(guān)聯(lián)不同主體的3個(gè)小程序，可關(guān)聯(lián)同

一主體的10個(gè)小程序，同一個(gè)小程序最多可關(guān)聯(lián)3個(gè)公眾號(hào)。

1.1.3微信小程序的使用場(chǎng)景

小程序有哪些適合的使用場(chǎng)景呢？在發(fā)布小程序的時(shí)候，要選擇服務(wù)類目，通過(guò)這些服務(wù)類目，能知道小

程序的使用場(chǎng)景。服務(wù)類目分為個(gè)人服務(wù)類目和企業(yè)服務(wù)類目。

●個(gè)人服務(wù)類目的小程序開(kāi)發(fā)主體為個(gè)人，它的服務(wù)類目少一些、服務(wù)范圍小一些，主要包括出行與交

通、生活服務(wù)、餐飲、旅游、商業(yè)服務(wù)、快遞業(yè)與郵政、教育、工具、體育等。

●企業(yè)服務(wù)類目的小程序開(kāi)發(fā)主體是企業(yè)，它的服務(wù)類目多一些、服務(wù)范圍大一些，主要包括快遞業(yè)與

郵政、教育、醫(yī)療、政務(wù)民生、金融業(yè)、出行與交通、房地產(chǎn)、生活服務(wù)、IT科技、餐飲、旅游、時(shí)政信息、

文娛、工具、電商平臺(tái)、商家自營(yíng)、商業(yè)服務(wù)、公益、社交、體育、汽車等。

1.2微信小程序環(huán)境搭建

微信小程序環(huán)境搭建很簡(jiǎn)單，需要3個(gè)步驟。

（1）下載微信開(kāi)發(fā)者工具。在“微信公眾平臺(tái)”官網(wǎng)選擇“小程序”→“小程序開(kāi)發(fā)文檔”，如圖所

示。在打開(kāi)的界面中選擇“工具”→“下載”，可以看到微信小程序?yàn)椴煌牟僮飨到y(tǒng)（Windows64、

Windows32、macOS）提供了不同版本的開(kāi)發(fā)者工具（因?yàn)殚_(kāi)發(fā)者工具的版本更新很快，實(shí)際版本以

讀者操作為準(zhǔn)），我們可以根據(jù)自己的操作系統(tǒng)下載相應(yīng)的版本，如圖所示。

小程序開(kāi)發(fā)文檔

下載微信開(kāi)發(fā)者工具

（2）注冊(cè)“微信公眾平臺(tái)”賬號(hào)。在“微信公眾平臺(tái)”官網(wǎng)選擇微信小程序類別進(jìn)行注冊(cè)。小程序支持個(gè)

人開(kāi)發(fā)者賬號(hào)，可以注冊(cè)個(gè)人賬號(hào)；如果公司需要小程序，也可以進(jìn)行企業(yè)認(rèn)證。通過(guò)這兩種方式都可以發(fā)布

小程序，如圖所示。

注冊(cè)“微信公眾平臺(tái)”賬號(hào)

（3）使用下載的微信開(kāi)發(fā)者工具包。按照提示完成開(kāi)發(fā)者工具的安裝，安裝完成后，運(yùn)行微信開(kāi)發(fā)者工具，

會(huì)出現(xiàn)一個(gè)二維碼，需要用綁定“微信公眾平臺(tái)”的微信掃描登錄，登錄后可以發(fā)現(xiàn)，開(kāi)發(fā)者工具提供了本地

“小程序項(xiàng)目”開(kāi)發(fā)和“公眾號(hào)網(wǎng)頁(yè)項(xiàng)目”開(kāi)發(fā)兩個(gè)調(diào)試類型。在小程序開(kāi)發(fā)部分微信開(kāi)發(fā)者工具支持新建小

程序和導(dǎo)入已有的小程序，如圖所示。

微信開(kāi)發(fā)者工具

1.3微信小程序開(kāi)發(fā)者工具的使用

在進(jìn)行小程序開(kāi)發(fā)之前，需要先掌握微信開(kāi)發(fā)者工具的使用，對(duì)工具的使用掌握得越熟練，越有助于小程

序的開(kāi)發(fā)和提高開(kāi)發(fā)效率。下面介紹一下微信開(kāi)發(fā)者工具的使用。

1.3.1如何創(chuàng)建項(xiàng)目

創(chuàng)建一個(gè)小程序項(xiàng)目，需要準(zhǔn)備AppID、項(xiàng)目名稱和項(xiàng)目目錄。

（1）獲取微信小程序AppID，需要在“微信公眾平臺(tái)”中登錄1.2.1小節(jié)中注冊(cè)的賬號(hào)，在“開(kāi)發(fā)”→

“開(kāi)發(fā)設(shè)置”中，查看微信小程序的AppID，如圖所示。