ch01微信小程序入門(mén)課件

第01章微信小程序入門(mén)《微信小程序開(kāi)發(fā)零基礎(chǔ)入門(mén)》主講老師：周文潔學(xué)校名稱：安徽師范大學(xué)第01章微信小程序入門(mén)《微信小程序開(kāi)發(fā)零基礎(chǔ)入門(mén)》主講01小程序概述

02準(zhǔn)備工作

03開(kāi)發(fā)工具04未來(lái)展望01小程序概述02準(zhǔn)備工作03開(kāi)發(fā)工具04未來(lái)01小程序概述01小程序概述01小程序概述微信小程序也被簡(jiǎn)稱為小程序，其英文名稱是MiniProgram。它是一種存在于微信內(nèi)部的輕量級(jí)應(yīng)用程序。微信研發(fā)團(tuán)隊(duì)在其官方網(wǎng)頁(yè)上有一段關(guān)于微信小程序的介紹:“小程序是一種新的開(kāi)放能力，開(kāi)發(fā)者可以快速地開(kāi)發(fā)一個(gè)小程序。小程序可以在微信內(nèi)被便捷地獲取和傳播，同時(shí)具有出色的使用體驗(yàn)?！?/p>

小程序簡(jiǎn)介0101小程序概述微信小程序也被簡(jiǎn)稱為小程序，其英文名稱是Mi01小程序概述微信創(chuàng)始人張小龍?jiān)谂笥讶ι习l(fā)布關(guān)于小程序的定義：這也是小程序的幾個(gè)重要特點(diǎn)：無(wú)需下載安裝、用完即走、隨時(shí)可用。小程序簡(jiǎn)介01小程序是一種不需要下載安裝即可使用的應(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ú)需安裝卸載。01小程序概述微信創(chuàng)始人張小龍?jiān)谂笥讶ι习l(fā)布關(guān)于小程序的01小程序概述微信小程序于2017年1月9日正式發(fā)布，當(dāng)天在微信的“發(fā)現(xiàn)”頁(yè)面出現(xiàn)小程序入口。往前追溯十年——2007年1月9日正好是第一代iPhone手機(jī)正式發(fā)布。小程序誕生0201小程序概述微信小程序于2017年1月9日正式發(fā)布，當(dāng)天01小程序概述這兩者之間并不是巧合，張小龍隨后在朋友圈發(fā)出一條寫(xiě)著“2007.1.9”的狀態(tài)，同時(shí)配有iPhone第一代的新品發(fā)布圖。張小龍以這樣的形式，向喬布斯致敬。小程序誕生0201小程序概述這兩者之間并不是巧合，張小龍隨后在朋友圈發(fā)出01小程序概述小程序功能03小程序頁(yè)對(duì)話分享搜索查找公眾號(hào)關(guān)聯(lián)線下掃碼小程序切換消息通知?dú)v史列表01小程序概述小程序功能03小程序頁(yè)對(duì)話分享搜索查找公眾號(hào)01小程序概述注冊(cè)開(kāi)發(fā)者需要首先在微信公眾平臺(tái)上進(jìn)行小程序賬號(hào)注冊(cè)。信息完善開(kāi)發(fā)者注冊(cè)完畢后需要填寫(xiě)小程序的基本信息。開(kāi)發(fā)下載開(kāi)發(fā)工具進(jìn)行小程序的開(kāi)發(fā)與調(diào)試工作。提交審核與發(fā)布完成小程序后需要進(jìn)行代碼上傳，然后由管理員提交代碼等待微信團(tuán)隊(duì)審核，審核通過(guò)后即可正式發(fā)布。小程序創(chuàng)建步驟0401小程序概述注冊(cè)小程序創(chuàng)建步驟0402小程序的準(zhǔn)備工作02小程序的準(zhǔn)備工作02小程序的準(zhǔn)備工作開(kāi)發(fā)者首先需要在微信公眾平臺(tái)上注冊(cè)一個(gè)小程序賬號(hào)才能進(jìn)行后續(xù)的代碼開(kāi)發(fā)與提交工作。訪問(wèn)微信公眾平臺(tái)官網(wǎng)首頁(yè)（），然后單擊右上角的“立即注冊(cè)”按鈕進(jìn)入賬號(hào)類型選擇頁(yè)面。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作開(kāi)發(fā)者首先需要在微信公眾平臺(tái)上注冊(cè)一個(gè)02小程序的準(zhǔn)備工作在當(dāng)前頁(yè)面上選擇注冊(cè)的賬號(hào)類型為“小程序”，即可進(jìn)入小程序的正式注冊(cè)頁(yè)面。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作在當(dāng)前頁(yè)面上選擇注冊(cè)的賬號(hào)類型為“小程02小程序的準(zhǔn)備工作小程序的正式注冊(cè)頁(yè)面包含三個(gè)填寫(xiě)步驟：賬號(hào)信息、郵箱激活、信息登記。1.賬號(hào)信息填寫(xiě)在賬號(hào)信息填寫(xiě)頁(yè)面需要填寫(xiě)郵箱、密碼、確認(rèn)密碼、驗(yàn)證碼以及勾選確認(rèn)協(xié)議條款。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作小程序的正式注冊(cè)頁(yè)面包含三個(gè)填寫(xiě)步驟：02小程序的準(zhǔn)備工作2.郵箱激活提醒當(dāng)提交注冊(cè)后會(huì)看到郵箱激活提醒。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作2.郵箱激活提醒注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作2.郵箱激活提醒登錄對(duì)應(yīng)的注冊(cè)郵箱查看激活郵件，單擊郵件正文中的鏈接地址會(huì)跳轉(zhuǎn)回到微信平臺(tái)頁(yè)面完成賬號(hào)激活。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作2.郵箱激活提醒注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記郵箱賬號(hào)激活完成后就進(jìn)入了信息登記頁(yè)面。其中注冊(cè)國(guó)家/地區(qū)保持默認(rèn)內(nèi)容“中國(guó)大陸”，然后根據(jù)實(shí)際情況進(jìn)行主體類型的選擇。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記目前小程序允許注冊(cè)的主體類型共有五種，包括：個(gè)人、企業(yè)、政府、媒體以及其他組織。注冊(cè)開(kāi)發(fā)者賬號(hào)01賬號(hào)主體類型解釋個(gè)人必須是年滿18歲以上的微信實(shí)名用戶，并且具有國(guó)內(nèi)身份信息。企業(yè)企業(yè)、分支機(jī)構(gòu)、個(gè)體工商戶或企業(yè)相關(guān)品牌。政府國(guó)內(nèi)、各級(jí)、各類政府機(jī)構(gòu)、事業(yè)單位、具有行政職能的社會(huì)組織等。目前主要覆蓋公安機(jī)構(gòu)、黨團(tuán)機(jī)構(gòu)、司法機(jī)構(gòu)、交通機(jī)構(gòu)、旅游機(jī)構(gòu)、工商稅務(wù)機(jī)構(gòu)、市政機(jī)構(gòu)等。媒體報(bào)紙、雜志、電視、電臺(tái)、通訊社、其他等。其他組織不屬于政府、媒體、企業(yè)或個(gè)人的其他類型。02小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)01賬號(hào)主02小程序的準(zhǔn)備工作3.信息登記選擇“個(gè)人”類型之后在頁(yè)面下方會(huì)自動(dòng)出現(xiàn)主體信息登記表單。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記開(kāi)發(fā)者需要如實(shí)填寫(xiě)身份證姓名、身份證號(hào)碼、管理員手機(jī)號(hào)（注：一個(gè)手機(jī)號(hào)只能注冊(cè)5個(gè)小程序），然后單擊“獲取驗(yàn)證碼”按鈕等待手機(jī)短信。收到的短信中會(huì)提供一個(gè)6位驗(yàn)證碼。注意驗(yàn)證碼必須在十分鐘之內(nèi)填寫(xiě)，否則會(huì)失效需要重新獲取。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記填寫(xiě)完成后在下方管理員身份驗(yàn)證欄目會(huì)自動(dòng)出現(xiàn)一個(gè)二維碼。此時(shí)需要管理員用本人微信掃描頁(yè)面上提供的二維碼來(lái)進(jìn)行身份確認(rèn)。這種驗(yàn)證方式是免費(fèi)的，不會(huì)扣取任何費(fèi)用。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記掃碼后手機(jī)微信會(huì)自動(dòng)跳轉(zhuǎn)到微信驗(yàn)證頁(yè)面。檢查微信驗(yàn)證頁(yè)面上所顯示的姓名和身份證號(hào)碼，確認(rèn)無(wú)誤后點(diǎn)擊“確定”按鈕會(huì)提示身份驗(yàn)證成功。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記此時(shí)該微信號(hào)就會(huì)被登記為管理員微信號(hào)，并且PC端的網(wǎng)頁(yè)畫(huà)面也將同步提示“身份驗(yàn)證成功”。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記單擊“繼續(xù)”按鈕進(jìn)行下一步，系統(tǒng)會(huì)跳出一個(gè)提示框讓開(kāi)發(fā)者進(jìn)行最后的確認(rèn)。單擊“確定”按鈕完成主體信息確認(rèn)。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記當(dāng)前可以直接單擊“前往小程序”按鈕進(jìn)入小程序管理頁(yè)面。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記此時(shí)賬號(hào)是默認(rèn)登錄后的狀態(tài)，可以直接進(jìn)行小程序的后續(xù)管理工作。現(xiàn)在小程序的賬號(hào)注冊(cè)就全部完成了，之后可以訪問(wèn)微信公眾平臺(tái)（）手動(dòng)輸入賬號(hào)和密碼登錄進(jìn)入小程序管理頁(yè)面。注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作3.信息登記注冊(cè)開(kāi)發(fā)者賬號(hào)0102小程序的準(zhǔn)備工作賬號(hào)注冊(cè)完成后，還需要完善一下小程序的基本信息。小程序信息完善02填寫(xiě)內(nèi)容填寫(xiě)要求修改次數(shù)小程序名稱小程序名稱需要控制在4-30個(gè)字符以內(nèi)，并且不得與平臺(tái)內(nèi)已經(jīng)存在的其他賬號(hào)名稱重名發(fā)布前有2次改名機(jī)會(huì)，2次改名次數(shù)用完后，必須先發(fā)布再通過(guò)微信認(rèn)證改名小程序頭像圖片格式只能是：bmp、jpeg、jpg或gif其中的一種，并且文件大小不得大于2M；注意頭像圖片不允許涉及政治敏感與色情內(nèi)容；圖片最后會(huì)被切割為圓形效果每個(gè)月可修改5次小程序介紹字?jǐn)?shù)必須在4-120個(gè)字符之間，介紹內(nèi)容不得含有國(guó)家相關(guān)法律法規(guī)禁止的內(nèi)容每個(gè)月可以申請(qǐng)修改5次服務(wù)范圍選擇服務(wù)范圍分為兩級(jí)，每級(jí)都必須填寫(xiě)不可以為空；服務(wù)范圍不得少于1個(gè)，不得多于5個(gè)；特殊行業(yè)需要額外提供資質(zhì)證明每個(gè)月可以修改1次02小程序的準(zhǔn)備工作賬號(hào)注冊(cè)完成后，還需要完善一下小程序的02小程序的準(zhǔn)備工作1.小程序名稱由于小程序名稱不允許與平臺(tái)內(nèi)已經(jīng)存在的其他賬號(hào)名稱重名，在填寫(xiě)好之后可以先自測(cè)一下是否符合要求，單擊右側(cè)的“檢測(cè)”按鈕即可進(jìn)行驗(yàn)證。小程序信息完善0202小程序的準(zhǔn)備工作1.小程序名稱小程序信息完善0202小程序的準(zhǔn)備工作2.小程序頭像小程序頭像也就是小程序最終顯示的圖標(biāo)logo，圖片最后會(huì)被切割為圓形效果。頭像圖片的格式只能是：bmp、jpeg、jpg或gif其中的一種，并且文件大小不得大于2M。注意頭像圖片不允許涉及政治敏感與色情內(nèi)容。頭像圖片每個(gè)月可修改5次。小程序信息完善02根據(jù)官方提示，建議上傳png格式圖片并且圖片尺寸為144*144像素以保證最佳效果。02小程序的準(zhǔn)備工作2.小程序頭像小程序信息完善02根據(jù)02小程序的準(zhǔn)備工作3.小程序介紹小程序介紹可以由開(kāi)發(fā)者自由填寫(xiě)關(guān)于小程序功能的描述，注意介紹內(nèi)容不得含有國(guó)家相關(guān)法律法規(guī)禁止的內(nèi)容。小程序介紹的內(nèi)容每個(gè)月可以申請(qǐng)修改5次。小程序信息完善0202小程序的準(zhǔn)備工作3.小程序介紹小程序信息完善0202小程序的準(zhǔn)備工作4.小程序類目小程序服務(wù)類目指的是小程序主要內(nèi)容所屬的服務(wù)范圍。特殊行業(yè)需要額外提供資質(zhì)證明。服務(wù)類目每個(gè)月只可以修改1次。服務(wù)類目的下拉表單分為兩級(jí)，每級(jí)都必須填寫(xiě)不可以為空。小程序信息完善0202小程序的準(zhǔn)備工作4.小程序類目小程序信息完善0202小程序的準(zhǔn)備工作全部填寫(xiě)完畢后，就可以單擊最下方的“提交”按鈕提交小程序的基本信息。

此時(shí)單擊“添加開(kāi)發(fā)者”按鈕就可以進(jìn)行小程序成員管理了。小程序信息完善0202小程序的準(zhǔn)備工作全部填寫(xiě)完畢后，就可以單擊最下方的“提02小程序的準(zhǔn)備工作除了管理員外，還可以為小程序追加其他項(xiàng)目成員。具有管理員身份的開(kāi)發(fā)者登錄后可以在小程序管理后臺(tái)統(tǒng)一管理項(xiàng)目成員，并為他們分別設(shè)置對(duì)應(yīng)的權(quán)限。成員管理0302小程序的準(zhǔn)備工作除了管理員外，還可以為小程序追加其他項(xiàng)02小程序的準(zhǔn)備工作成員類型說(shuō)明項(xiàng)目成員可以被分配的不同權(quán)限解釋如下：開(kāi)發(fā)者：可以使用微信開(kāi)發(fā)者工具進(jìn)行小程序開(kāi)發(fā)，也可以預(yù)覽開(kāi)發(fā)版小程序在手機(jī)端的效果；體驗(yàn)者：可以在手機(jī)端使用體驗(yàn)版小程序；登錄：無(wú)需管理員確認(rèn)即可登錄小程序管理后臺(tái)；數(shù)據(jù)分析：可以使用小程序數(shù)據(jù)分析功能查看小程序數(shù)據(jù)；開(kāi)發(fā)管理：擁有小程序提交審核、發(fā)布和回退權(quán)限；開(kāi)發(fā)設(shè)置：擁有設(shè)置小程序服務(wù)器域名、消息推送以及掃描普通鏈接二維碼打開(kāi)小程序的權(quán)限；暫停服務(wù)設(shè)置：擁有暫停小程序線上服務(wù)的權(quán)限。成員管理0302小程序的準(zhǔn)備工作成員類型說(shuō)明成員管理0302小程序的準(zhǔn)備工作2.成員人數(shù)限制個(gè)人類型的小程序允許管理員添加15個(gè)開(kāi)發(fā)者，其中5個(gè)開(kāi)發(fā)者，10個(gè)體驗(yàn)者。其他類型的小程序開(kāi)發(fā)者數(shù)量限制如下：未認(rèn)證未發(fā)布組織類型：30人；已認(rèn)證未發(fā)布/未認(rèn)證已發(fā)布組織類型：60人；已認(rèn)證已發(fā)布組織類型：90人。成員管理0302小程序的準(zhǔn)備工作2.成員人數(shù)限制成員管理0302小程序的準(zhǔn)備工作3.成員變更說(shuō)明每個(gè)小程序的管理員與項(xiàng)目成員都是允許變更的。需要注意的是，每個(gè)微信號(hào)作為項(xiàng)目成員最多可以參與到50個(gè)小程序中。成員管理0302小程序的準(zhǔn)備工作3.成員變更說(shuō)明成員管理0303小程序開(kāi)發(fā)工具03小程序開(kāi)發(fā)工具03小程序開(kāi)發(fā)工具開(kāi)發(fā)者登錄小程序管理頁(yè)面后臺(tái)，然后單擊右上角菜單欄中的“開(kāi)發(fā)”選項(xiàng)即可切換到小程序開(kāi)發(fā)工具的下載頁(yè)面，也可以直接通過(guò)URL地址訪問(wèn)下載頁(yè)面：（/debug/wxadoc/dev/devtools/download.html）。軟件下載與安裝0103小程序開(kāi)發(fā)工具開(kāi)發(fā)者登錄小程序管理頁(yè)面后臺(tái)，然后單擊右03小程序開(kāi)發(fā)工具以Windows64版本為例，下載完成后會(huì)獲得一個(gè)exe應(yīng)用程序文件。上圖中的“1.02.1801081”為軟件版本號(hào)，“_x64”表示是Windows64位版本軟件。可以根據(jù)文件名來(lái)再次確認(rèn)是否了下載正確的版本。軟件下載與安裝0103小程序開(kāi)發(fā)工具以Windows64版本為例，下載完成03小程序開(kāi)發(fā)工具確認(rèn)無(wú)誤后可以雙擊該文件進(jìn)行開(kāi)發(fā)者工具的安裝。軟件下載與安裝0103小程序開(kāi)發(fā)工具確認(rèn)無(wú)誤后可以雙擊該文件進(jìn)行開(kāi)發(fā)者工具的03小程序開(kāi)發(fā)工具安裝完成后的頁(yè)面如圖所示。軟件下載與安裝0103小程序開(kāi)發(fā)工具安裝完成后的頁(yè)面如圖所示。軟件下載與安裝03小程序開(kāi)發(fā)工具1.開(kāi)發(fā)者身份驗(yàn)證與一般手動(dòng)輸入賬號(hào)和密碼的流程不同，微信web開(kāi)發(fā)者工具是使用微信掃描二維碼的方式驗(yàn)證開(kāi)發(fā)者身份。在PC端雙擊微信開(kāi)發(fā)者工具圖標(biāo)，會(huì)跳出二維碼登錄頁(yè)面。開(kāi)發(fā)者工具登陸0203小程序開(kāi)發(fā)工具1.開(kāi)發(fā)者身份驗(yàn)證開(kāi)發(fā)者工具登陸0203小程序開(kāi)發(fā)工具1.開(kāi)發(fā)者身份驗(yàn)證開(kāi)發(fā)者用手機(jī)微信掃描PC端的二維碼來(lái)確認(rèn)身份。手機(jī)端效果如圖所示。開(kāi)發(fā)者工具登陸0203小程序開(kāi)發(fā)工具1.開(kāi)發(fā)者身份驗(yàn)證開(kāi)發(fā)者工具登陸0203小程序開(kāi)發(fā)工具1.開(kāi)發(fā)者身份驗(yàn)證在這個(gè)過(guò)程中，PC端的頁(yè)面變化如圖所示。開(kāi)發(fā)者工具登陸0203小程序開(kāi)發(fā)工具1.開(kāi)發(fā)者身份驗(yàn)證開(kāi)發(fā)者工具登陸0203小程序開(kāi)發(fā)工具2.開(kāi)發(fā)者賬號(hào)切換微信開(kāi)發(fā)者工具允許在同一臺(tái)計(jì)算機(jī)上切換不同的開(kāi)發(fā)者。如果用戶登錄后發(fā)現(xiàn)需要更換賬號(hào)，可以單擊菜單頁(yè)面右下角的“切換賬號(hào)”選項(xiàng)回到二維碼掃描頁(yè)面使用其他開(kāi)發(fā)者微信賬號(hào)重新掃碼登錄。開(kāi)發(fā)者工具登陸0203小程序開(kāi)發(fā)工具2.開(kāi)發(fā)者賬號(hào)切換開(kāi)發(fā)者工具登陸0203小程序開(kāi)發(fā)工具1.小程序官方文檔小程序官網(wǎng)提供了技術(shù)文檔供開(kāi)發(fā)者學(xué)習(xí)，文檔會(huì)更新各類小程序接口的用法。希望第一時(shí)間了解小程序有了哪些更新的讀者可以關(guān)注。

官方文檔訪問(wèn)地址：/miniprogram/dev/其他輔助工具0303小程序開(kāi)發(fā)工具1.小程序官方文檔其他輔助工具0303小程序開(kāi)發(fā)工具2.微信開(kāi)放社區(qū)微信開(kāi)放社區(qū)中有一個(gè)開(kāi)發(fā)者專區(qū)可以搜索常見(jiàn)問(wèn)題和解答，也可以在遇到問(wèn)題時(shí)上去提問(wèn)，和其他開(kāi)發(fā)者一起交流學(xué)習(xí)。開(kāi)發(fā)者社區(qū)訪問(wèn)地址：/其他輔助工具0303小程序開(kāi)發(fā)工具2.微信開(kāi)放社區(qū)其他輔助工具0303小程序開(kāi)發(fā)工具3.小程序開(kāi)發(fā)助手可以使用小程序開(kāi)發(fā)者助手方便快捷的預(yù)覽和體驗(yàn)線上版本、體驗(yàn)版本以及開(kāi)發(fā)版本。開(kāi)發(fā)者可以掃一掃開(kāi)發(fā)者助手小程序碼來(lái)使用相關(guān)功能。其他輔助工具03