模塊1 微信小程入門(mén)《微信小程序》教學(xué)課件

《微信小程序》?精品課件合集第X章XXXX模塊1微信小程入門(mén)初識(shí)微信小程序1.1了解微信小程序，能夠說(shuō)出微信小程序的概念1.1.1什么是微信小程序

先定一個(gè)小目標(biāo)！1.1.1什么是微信小程序什么是微信小程序？1.1.1什么是微信小程序與傳統(tǒng)的原生應(yīng)用相比，微信小程序是一種全新的連接用戶(hù)與服務(wù)的應(yīng)用，它可以在微信內(nèi)被便捷地獲取和傳播，同時(shí)具有良好的用戶(hù)體驗(yàn)。微信小程序是運(yùn)行在微信中的應(yīng)用，是一種不需要下載即可使用的應(yīng)用，用戶(hù)通過(guò)微信掃一掃或者搜一搜即可打開(kāi)，且每個(gè)微信小程序的體積非常小。了解微信小程序，能夠說(shuō)出微信小程序的特點(diǎn)1.1.2微信小程序的特點(diǎn)

先定一個(gè)小目標(biāo)！1.1.2微信小程序的特點(diǎn)01020405用戶(hù)在使用微信小程序時(shí)無(wú)須安裝，直接使用，不占用存儲(chǔ)空間在使用微信小程序后，可以用完即走，無(wú)須卸載某一個(gè)名稱(chēng)被注冊(cè)后，另一個(gè)微信小程序?qū)⒉荒苁褂孟嗤拿Q(chēng)用戶(hù)可以通過(guò)多種途徑打開(kāi)微信小程序，例如微信搜索、好友分享、小程序識(shí)別碼等微信小程序入口豐富，再加上基于微信生態(tài)，使得微信小程序的傳播能力強(qiáng)無(wú)須安裝、觸手可及用完即走、無(wú)須卸載名稱(chēng)唯一入口豐富傳播能力強(qiáng)1.1.2微信小程序的特點(diǎn)微信小程序是繼原生應(yīng)用和HTML5應(yīng)用之后出現(xiàn)的一種新的應(yīng)用形態(tài)，從功能方面來(lái)說(shuō)，與他們是競(jìng)爭(zhēng)對(duì)手。那么微信小程序與原生應(yīng)用、HTML5應(yīng)用有什么區(qū)別呢？1.1.2微信小程序的特點(diǎn)微信小程序與原生應(yīng)用的對(duì)比如下表。對(duì)比項(xiàng)微信小程序原生應(yīng)用下載安裝無(wú)須下載和安裝從iOS和Android應(yīng)用商店中下載體積大小體積小體積大跨平臺(tái)可以跨平臺(tái)不可以跨平臺(tái)開(kāi)發(fā)成本較低較高推廣成本較低較高1.1.2微信小程序的特點(diǎn)微信小程序與HTML5應(yīng)用的對(duì)比如下表。對(duì)比項(xiàng)微信小程序HTML5應(yīng)用運(yùn)行環(huán)境運(yùn)行在微信上運(yùn)行在瀏覽器上用戶(hù)體驗(yàn)較流暢實(shí)際上是打開(kāi)一個(gè)網(wǎng)頁(yè)，流暢度略差接口成本可以大量應(yīng)用API可用API較少了解微信小程序，能夠說(shuō)出微信小程序的發(fā)展前景1.1.3微信小程序的發(fā)展前景

先定一個(gè)小目標(biāo)！1.1.3微信小程序的發(fā)展前景目前，微信小程序已經(jīng)形成了自己的生態(tài)體系，它連接了開(kāi)發(fā)者、運(yùn)營(yíng)者、投資者等各領(lǐng)域的企業(yè)，并且接入了多個(gè)第三方服務(wù)的平臺(tái)。微信小程序已經(jīng)進(jìn)入到了一個(gè)快速發(fā)展的階段，未來(lái)的發(fā)展空間也越來(lái)越大。生態(tài)體系在發(fā)展過(guò)程中，微信小程序不斷自我完善，為開(kāi)發(fā)者開(kāi)放了越來(lái)越多的接口，它可以適用于大多數(shù)的用戶(hù)和場(chǎng)景，還可以方便開(kāi)發(fā)者進(jìn)行深度挖掘。同時(shí)，微信為小程序提供了越來(lái)越多的開(kāi)放功能，例如微信掃碼、微信支付、地理定位等，這對(duì)微信小程序的發(fā)展也會(huì)起到推動(dòng)作用。開(kāi)放能力目前，微信小程序已經(jīng)積累了大量用戶(hù)，用戶(hù)黏性高，使其他行業(yè)與微信用戶(hù)有更好的連接，能夠更好地與微信結(jié)合。用戶(hù)黏性微信小程序的發(fā)展前景了解微信小程序，能夠說(shuō)出微信小程序的宿主環(huán)境1.1.4微信小程序的宿主環(huán)境

先定一個(gè)小目標(biāo)！1.1.4微信小程序的宿主環(huán)境什么是宿主環(huán)境呢？1.1.4微信小程序的宿主環(huán)境宿主環(huán)境（HostEnvironment）是指程序運(yùn)行所依賴(lài)的環(huán)境。例如，iOS系統(tǒng)和Android系統(tǒng)提供了兩種不同的宿主環(huán)境，微信、微博等應(yīng)用都需要依賴(lài)宿主環(huán)境才能運(yùn)行，如下圖。1.1.4微信小程序的宿主環(huán)境微信小程序可以跨平臺(tái)，這是因?yàn)槲⑿判〕绦虿⒉皇且粋€(gè)直接安裝在Android系統(tǒng)或iOS系統(tǒng)中的應(yīng)用，而是運(yùn)行在微信客戶(hù)端上的應(yīng)用。微信客戶(hù)端給微信小程序提供的環(huán)境就是微信小程序的宿主環(huán)境。Android系統(tǒng)的應(yīng)用不能在iOS系統(tǒng)中運(yùn)行，iOS系統(tǒng)的應(yīng)用也不能在Android系統(tǒng)中運(yùn)行。因此，脫離了宿主環(huán)境的軟件是沒(méi)有任何意義的。1.1.4微信小程序的宿主環(huán)境微信小程序在Android系統(tǒng)和iOS系統(tǒng)中的宿主環(huán)境如下圖。1.1.4微信小程序的宿主環(huán)境組件：用于快速搭建頁(yè)面的結(jié)構(gòu)。微信小程序的組件包括視圖容器、基礎(chǔ)內(nèi)容、表單、導(dǎo)航、媒體、地圖、畫(huà)布、開(kāi)放能力等。API：用于讓開(kāi)發(fā)者方便地調(diào)用微信提供的功能，例如獲取用戶(hù)信息、微信登錄、微信支付等。微信小程序的宿主環(huán)境為微信小程序提供了豐富的組件和API（ApplicationProgramInterface，應(yīng)用程序接口），具體解釋如下。微信小程序開(kāi)發(fā)前準(zhǔn)備1.2掌握微信小程序開(kāi)發(fā)賬號(hào)的注冊(cè)方法，能夠獨(dú)立完成微信小程序開(kāi)發(fā)賬號(hào)的注冊(cè)1.2.1注冊(cè)微信小程序開(kāi)發(fā)賬號(hào)

先定一個(gè)小目標(biāo)！1.2.1注冊(cè)微信小程序開(kāi)發(fā)賬號(hào)步驟1步驟2步驟3步驟4使用瀏覽器訪問(wèn)微信公眾平臺(tái)的官方網(wǎng)站1.2.1注冊(cè)微信小程序開(kāi)發(fā)賬號(hào)單擊步驟1圖片中“立即注冊(cè)”鏈接，即可進(jìn)入開(kāi)發(fā)賬號(hào)的注冊(cè)頁(yè)面，在該頁(yè)面中可選擇注冊(cè)的賬號(hào)類(lèi)型。步驟2步驟1步驟3步驟4選擇注冊(cè)的賬號(hào)類(lèi)型1.2.1注冊(cè)微信小程序開(kāi)發(fā)賬號(hào)單擊步驟2圖片中的“小程序”鏈接，跳轉(zhuǎn)到小程序注冊(cè)頁(yè)面。步驟3步驟2步驟1步驟4跳轉(zhuǎn)到小程序注冊(cè)頁(yè)面1.2.1注冊(cè)微信小程序開(kāi)發(fā)賬號(hào)步驟4步驟2步驟1步驟3賬號(hào)信息的填寫(xiě)在步驟3小程序注冊(cè)頁(yè)面根據(jù)提示填入自己的郵箱、密碼、確認(rèn)密碼等，完成賬號(hào)信息的填寫(xiě)。1.2.1注冊(cè)微信小程序開(kāi)發(fā)賬號(hào)單擊步驟3圖片中的“注冊(cè)”按鈕，進(jìn)入提示郵箱激活頁(yè)面。郵箱激活頁(yè)面步驟5步驟6步驟7步驟81.2.1注冊(cè)微信小程序開(kāi)發(fā)賬號(hào)單擊步驟4圖片中的“登錄郵箱”按鈕，查看收到的賬號(hào)激活鏈接。查看激活鏈接步驟6步驟5步驟7步驟81.2.1注冊(cè)微信小程序開(kāi)發(fā)賬號(hào)單擊步驟6中激活賬號(hào)的鏈接，將跳轉(zhuǎn)到用戶(hù)信息登記頁(yè)面，根據(jù)頁(yè)面提示進(jìn)行用戶(hù)信息登記。用戶(hù)信息登記步驟7步驟6步驟5步驟81.2.1注冊(cè)微信小程序開(kāi)發(fā)賬號(hào)填寫(xiě)完用戶(hù)相關(guān)信息后，單擊“繼續(xù)”按鈕，進(jìn)入微信小程序管理后臺(tái)。微信小程序開(kāi)發(fā)賬號(hào)注冊(cè)完成。注冊(cè)完成步驟8步驟6步驟5步驟7掌握獲取微信小程序AppID的方法，能夠從微信小程序管理后臺(tái)獲取AppID1.2.2獲取微信小程序AppID

先定一個(gè)小目標(biāo)！1.2.2獲取微信小程序AppID在微信小程序中，AppID又稱(chēng)為小程序ID，是每個(gè)小程序的唯一標(biāo)識(shí)，每個(gè)小程序賬號(hào)只有一個(gè)AppID，因此每個(gè)賬號(hào)只能發(fā)布一個(gè)小程序，如果要發(fā)布多個(gè)小程序，需要注冊(cè)多個(gè)小程序賬號(hào)。1.2.2獲取微信小程序AppID如何獲取微信小程序AppID？1.2.2獲取微信小程序AppID登錄微信小程序管理后臺(tái)在左側(cè)邊欄中選擇“開(kāi)發(fā)管理”選擇“開(kāi)發(fā)設(shè)置”查看并復(fù)制APPID掌握微信開(kāi)發(fā)者工具的安裝方法，能夠獨(dú)立完成微信開(kāi)發(fā)者工具的安裝1.2.3安裝微信開(kāi)發(fā)者工具

先定一個(gè)小目標(biāo)！1.2.3安裝微信開(kāi)發(fā)者工具在微信小程序管理后臺(tái)的左側(cè)邊欄中選擇“開(kāi)發(fā)工具”，然后選擇“開(kāi)發(fā)者工具”，即可找到微信開(kāi)發(fā)者工具的下載頁(yè)面。打開(kāi)微信開(kāi)發(fā)者工具下載頁(yè)面步驟1步驟2步驟3步驟41.2.3安裝微信開(kāi)發(fā)者工具單擊“下載”按鈕下載，即可跳轉(zhuǎn)到微信開(kāi)發(fā)者工具的下載鏈接頁(yè)面。打開(kāi)微信開(kāi)發(fā)者工具的下載鏈接頁(yè)面步驟2步驟1步驟3步驟41.2.3安裝微信開(kāi)發(fā)者工具本書(shū)以穩(wěn)定版為例進(jìn)行講解，單擊穩(wěn)定版的"Windows64"鏈接下載該版本的微信開(kāi)發(fā)者工具安裝包，安裝包名稱(chēng)為"wechat_devtools_l.06.2206090_win32_x64.exe"。下載微信開(kāi)發(fā)者工具步驟3步驟2步驟1步驟41.2.3安裝微信開(kāi)發(fā)者工具雙擊微信開(kāi)發(fā)者工具的安裝包，進(jìn)入微信開(kāi)發(fā)者工具的安裝向?qū)?。安裝微信開(kāi)發(fā)者工具步驟4步驟2步驟1步驟31.2.3安裝微信開(kāi)發(fā)者工具讀者根據(jù)安裝導(dǎo)向進(jìn)行操作，即可完成微信開(kāi)發(fā)者工具的安裝。微信開(kāi)發(fā)者工具安裝步驟4步驟2步驟1步驟3掌握微信小程序項(xiàng)目的創(chuàng)建方法，能夠使用微信開(kāi)發(fā)者工具創(chuàng)建項(xiàng)目1.2.4創(chuàng)建微信小程序項(xiàng)目

先定一個(gè)小目標(biāo)！1.2.4創(chuàng)建微信小程序項(xiàng)目首次打開(kāi)微信開(kāi)發(fā)者工具時(shí)，會(huì)出現(xiàn)一個(gè)登錄界面，如下圖所示。在登錄界面中，可以使用微信掃碼登錄微信開(kāi)發(fā)者工具，微信開(kāi)發(fā)者工具將使用這個(gè)微信賬號(hào)的信息進(jìn)行微信小程序的開(kāi)發(fā)和調(diào)試。步驟1步驟2步驟3登錄微信開(kāi)發(fā)者工具1.2.4創(chuàng)建微信小程序項(xiàng)目使用微信掃碼登錄成功后會(huì)進(jìn)入微信開(kāi)發(fā)者工具的項(xiàng)目選擇界面。步驟2步驟1步驟3進(jìn)入微信小程序的啟動(dòng)頁(yè)1.2.4創(chuàng)建微信小程序項(xiàng)目單擊步驟2中圖片的“+”可以進(jìn)入微信小程序項(xiàng)目的創(chuàng)建界面，將內(nèi)容填寫(xiě)完成后，單擊“確定”按鈕創(chuàng)建微信小程序項(xiàng)目。步驟3步驟2步驟1創(chuàng)建微信小程序項(xiàng)目微信開(kāi)發(fā)者工具安裝1.2.4創(chuàng)建微信小程序項(xiàng)目在微信小程序項(xiàng)目的創(chuàng)建界面中，讀者可以自定義項(xiàng)目名稱(chēng)和目錄，如填寫(xiě)項(xiàng)目名稱(chēng)為“HELLO”，目錄為“D:\miniprogram\hello”。關(guān)于AppID、開(kāi)發(fā)模式、后端服務(wù)和模板選擇的具體解釋如下。AppID：填寫(xiě)1.2.2小節(jié)獲取的AppID即可。如果不想使用自己的AppID，也可以使用測(cè)試號(hào)，二者的區(qū)別是，前者能夠使用的功能比后者多，例如代碼的上傳和發(fā)布。1.2.4創(chuàng)建微信小程序項(xiàng)目開(kāi)發(fā)模式：有“小程序”和“插件”兩種選擇，由于我們要?jiǎng)?chuàng)建一個(gè)微信小程序項(xiàng)目，所以此處應(yīng)選擇“小程序”。后端服務(wù)：有“微信云開(kāi)發(fā)”和“不使用云服務(wù)”兩種選擇。在“微信云開(kāi)發(fā)”中，開(kāi)發(fā)者無(wú)須搭建服務(wù)器，即可使用云函數(shù)、云數(shù)據(jù)庫(kù)、云存儲(chǔ)以及微信云托管等完整云端能力。模板選擇：微信開(kāi)發(fā)者工具提供了多種模板用于快速創(chuàng)建微信小程序項(xiàng)目。1.2.4創(chuàng)建微信小程序項(xiàng)目多學(xué)一招：微信開(kāi)發(fā)者工具的外觀設(shè)置微信開(kāi)發(fā)者工具允許用戶(hù)對(duì)其進(jìn)行外觀設(shè)置，包括主題、調(diào)試器主題和自定義外觀。默認(rèn)的主題為深色，如果想設(shè)置為其他顏色，更換選項(xiàng)即可。1.2.4創(chuàng)建微信小程序項(xiàng)目多學(xué)一招：微信開(kāi)發(fā)者工具的外觀設(shè)置首先單擊微信小程序項(xiàng)目選擇界面中的“”進(jìn)入設(shè)置頁(yè)面，然后在彈出的設(shè)置頁(yè)面中單擊“外觀”選項(xiàng)進(jìn)入外觀設(shè)置頁(yè)面，最后在主題下的單選框中選擇需要更換的顏色。外觀設(shè)置頁(yè)面如下圖。微信小程序開(kāi)發(fā)基礎(chǔ)1.3熟悉微信小程序的項(xiàng)目結(jié)構(gòu)，能夠解釋每個(gè)文件的作用1.3.1微信小程序的項(xiàng)目結(jié)構(gòu)

先定一個(gè)小目標(biāo)！1.3.1微信小程序的項(xiàng)目結(jié)構(gòu)微信小程序項(xiàng)目創(chuàng)建完成后，微信開(kāi)發(fā)者工具會(huì)自動(dòng)創(chuàng)建微信小程序的項(xiàng)目結(jié)構(gòu)，如下圖所示。1.3.1微信小程序的項(xiàng)目結(jié)構(gòu)pages：用于存放微信小程序的所有頁(yè)面。.eslintrc.js：用于格式化代碼，使代碼風(fēng)格保持一致。app.js：微信小程序的入口文件，用于描述微信小程序的整體邏輯。app.json：微信小程序的全局配置文件，用于設(shè)置頁(yè)面路徑、窗口外觀、頁(yè)面表現(xiàn)、標(biāo)簽欄等。app.wxss：微信小程序的全局樣式文件，文件可以為空。project.config.json：在微信開(kāi)發(fā)者工具上做的任何配置都會(huì)寫(xiě)入這個(gè)文件中，當(dāng)重新安裝工具或者更換計(jì)算機(jī)工作時(shí)，只要栽入同一個(gè)項(xiàng)目的代碼包，微信開(kāi)發(fā)者工具會(huì)根據(jù)該文件自動(dòng)恢復(fù)成開(kāi)發(fā)微信小程序時(shí)的個(gè)性化配置。1.3.1微信小程序的項(xiàng)目結(jié)構(gòu)project.private.config.json：用于保存微信開(kāi)發(fā)者工具的私人配置，配置的優(yōu)先級(jí)高于project.config.json。sitemap.json：用于配置微信小程序及其頁(yè)面是否允許被微信索引，如果沒(méi)有該文件，則默認(rèn)為所有頁(yè)面都允許被索引。微信現(xiàn)已開(kāi)放微信小程序頁(yè)面的搜索，也就是說(shuō)微信小程序里面的內(nèi)容也能被微信搜索引擎搜索到。當(dāng)開(kāi)發(fā)者允許微信小程序頁(yè)面被微信索引時(shí)，微信會(huì)通過(guò)爬蟲(chóng)的形式，為微信小程序的頁(yè)面建立索引。當(dāng)用戶(hù)的搜索詞條觸發(fā)該索引時(shí)，微信小程序的鏈接地址將可能展示在搜索結(jié)果中。1.3.1微信小程序的項(xiàng)目結(jié)構(gòu)在微信客戶(hù)端中啟動(dòng)微信小程序的步驟。把整個(gè)微信小程序的代碼包下載到本地。解析app.json全局配置文件，通過(guò)該文件解析出微信小程序的所有頁(yè)面路徑。執(zhí)行app.js入口文件，調(diào)用App()函數(shù)創(chuàng)建微信小程序的實(shí)例。渲染微信小程序的首頁(yè)。熟悉微信小程序的頁(yè)面組成，能夠解釋W(xué)XML、WXSS、JS和JSON文件的作用1.3.2微信小程序的頁(yè)面組成

先定一個(gè)小目標(biāo)！1.3.2微信小程序的頁(yè)面組成一個(gè)微信小程序是由一個(gè)或多個(gè)頁(yè)面組成的，這些頁(yè)面被存放在pages目錄中。下面以pages目錄下的index頁(yè)面為例展示其組成部分，index頁(yè)面的組成部分如下圖所示。由上圖可知，index頁(yè)面由4個(gè)文件組成，分別是index.js、index.json、index.wxml和index.wxss。1.3.2微信小程序的頁(yè)面組成微信小程序頁(yè)面的index.js、index.json、index.wxml和index.wxss文件分別使用JS、JSON、WXML和WXSS語(yǔ)言編寫(xiě)，關(guān)于這4種語(yǔ)言的你了解多少呢？1.3.2微信小程序的頁(yè)面組成JS：類(lèi)似網(wǎng)頁(yè)制作中的JavaScript語(yǔ)言，用于實(shí)現(xiàn)頁(yè)面邏輯和交互，文件擴(kuò)展名為.js。需要注意的是，微信小程序中的JS不含DOM和BOM，但它提供了豐富的API，可以實(shí)現(xiàn)許多特殊的功能，例如微信登錄、音頻播放、文件上傳等。JSON（JavaScriptObjectNotation，JavaScript對(duì)象符號(hào)）：用于利用JSON語(yǔ)法對(duì)頁(yè)面進(jìn)行配置，文件擴(kuò)展名為.json。1.3.2微信小程序的頁(yè)面組成WXML（WeiXinMarkupLanguage，微信標(biāo)記語(yǔ)言）：類(lèi)似于網(wǎng)頁(yè)制作中的HTML語(yǔ)言，用于構(gòu)建頁(yè)面結(jié)構(gòu)，文件擴(kuò)展名為.wxml。WXSS（WeiXinStyleSheets，微信樣式表）：類(lèi)似于網(wǎng)頁(yè)制作中的CSS語(yǔ)言，用于設(shè)置頁(yè)面樣式，文件擴(kuò)展名為.wxss。1.3.2微信小程序的頁(yè)面組成微信客戶(hù)端在加載微信小程序頁(yè)面時(shí)的步驟。讀取并解析頁(yè)面中JSON文件的配置。加載頁(yè)面的WXML文件、WXSS文件和JS文件，實(shí)現(xiàn)頁(yè)面渲染。其中，頁(yè)面中WXSS文件的樣式會(huì)覆蓋項(xiàng)目根目錄下的app.wxss文件中相同的全局樣式；頁(yè)面中JS文件的Page()函數(shù)會(huì)被調(diào)用，用于創(chuàng)建頁(yè)面實(shí)例。熟悉微信小程序的通信模型，能夠解釋微信小程序中渲染層、邏輯層及第三方服務(wù)器的通信方式1.3.3微信小程序的通信模型

先定一個(gè)小目標(biāo)！1.3.3微信小程序的通信模型微信小程序?qū)崿F(xiàn)了渲染層、邏輯層和第三方服務(wù)器的通信。WXML和WXSS工作在渲染層，用于實(shí)現(xiàn)頁(yè)面的渲染。JS工作在邏輯層，用于實(shí)現(xiàn)頁(yè)面的邏輯。1.3.3微信小程序的通信模型微信小程序的通信模型分為兩個(gè)部分。第1部分是渲染層與邏輯層之間的通信，即將邏輯層的數(shù)據(jù)渲染到頁(yè)面中。第2部分是邏輯層和第三方服務(wù)器之間的通信，即通過(guò)向第三方服務(wù)器發(fā)送請(qǐng)求，得到需要的數(shù)據(jù)。1.3.3微信小程序的通信模型為了幫助讀者更好地理解微信小程序的通信模型，下面通過(guò)示意圖進(jìn)行演示。Native表示微信客戶(hù)端的底層，渲染層與邏輯層之間的通信和邏輯層與第三方服務(wù)器之間的通信都由微信客戶(hù)端的底層進(jìn)行轉(zhuǎn)發(fā)。微信開(kāi)發(fā)者工具的使用1.4熟悉微信開(kāi)發(fā)者工具的主界面，能夠說(shuō)出主界面中常用快捷按鈕的功能1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具

先定一個(gè)小目標(biāo)！1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具微信小程序項(xiàng)目創(chuàng)建成功后，會(huì)進(jìn)入微信開(kāi)發(fā)者工具的主界面，如下圖所示。1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具微信開(kāi)發(fā)者工具的主界面主要由以下5部分組成。菜單欄工具欄模擬器編輯器調(diào)試器1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具通過(guò)菜單欄可以訪問(wèn)微信開(kāi)發(fā)者工具的大部分功能，菜單欄常用的菜單項(xiàng)如下。項(xiàng)目：用于新建項(xiàng)目、導(dǎo)入項(xiàng)目、打開(kāi)最近項(xiàng)目、查看所有項(xiàng)目或關(guān)閉當(dāng)前項(xiàng)目等。文件：用于新建文件、全部保存或關(guān)閉編輯器等。編輯：用于編輯代碼，查看編輯相關(guān)的操作和快捷鍵，對(duì)代碼進(jìn)行格式化。工具：用于項(xiàng)目的編譯、刷新、清除緩存等。轉(zhuǎn)到：用于切換編輯器、快速定位到行、查看問(wèn)題等。微信開(kāi)發(fā)者主界面——菜單欄1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具選擇：用于全選、光標(biāo)的移動(dòng)等。視圖：用于微信開(kāi)發(fā)者工具可視區(qū)的控制。界面：用于控制主界面中工具欄、模擬器、編輯器、目錄樹(shù)和調(diào)試器的顯示與隱藏。設(shè)置：用于通用設(shè)置、外觀設(shè)置、快捷鍵設(shè)置、編輯器設(shè)置、代理設(shè)置、安全設(shè)置、擴(kuò)展設(shè)置和項(xiàng)目設(shè)置。幫助：用于工具的反饋和開(kāi)發(fā)文檔的查看等。微信開(kāi)發(fā)者工具：用于賬號(hào)切換、更換開(kāi)發(fā)模式、檢查更新、調(diào)試、退出等。1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具工具欄提供了一些常用功能的快捷按鈕，具體如下。個(gè)人中心：工具欄最左側(cè)的第1個(gè)按鈕，顯示當(dāng)前登錄用戶(hù)的頭像，單擊頭像后會(huì)顯示用戶(hù)名。模擬器、編輯器和調(diào)試器：用于控制模擬器、編輯器和調(diào)試器的顯示與隱藏?？梢暬河糜诖a的可視化編輯，開(kāi)發(fā)者可以通過(guò)拖曳等方式對(duì)界面進(jìn)行快速布局與修改。云開(kāi)發(fā)：開(kāi)發(fā)者可以使用云開(kāi)發(fā)來(lái)開(kāi)發(fā)微信小程序、小游戲，無(wú)須搭建服務(wù)器，即可使用云端能力。云開(kāi)發(fā)能力從基礎(chǔ)庫(kù)2.2.3開(kāi)始支持。模式切換下拉菜單：用于在小程序模式和插件模式之間進(jìn)行切換。微信開(kāi)發(fā)者主界面——工具欄1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具編譯下拉菜單：用于切換編譯模式，默認(rèn)為普通編譯，可以添加其他編譯。編譯：編寫(xiě)完微信小程序的代碼后，需要經(jīng)過(guò)編譯才能運(yùn)行。默認(rèn)情況下，直接按Ctrl+S快捷鍵保存代碼文件，微信開(kāi)發(fā)者工具就會(huì)自動(dòng)編譯運(yùn)行該代碼。若想手動(dòng)編譯，則單擊“編譯”按鈕即可。預(yù)覽：?jiǎn)螕簟邦A(yù)覽”按鈕會(huì)生成一個(gè)二維碼，使用微信掃描二維碼，即可在微信中預(yù)覽小程序的實(shí)際運(yùn)行效果。真機(jī)調(diào)試：可以實(shí)現(xiàn)直接利用開(kāi)發(fā)者工具，通過(guò)網(wǎng)絡(luò)連接對(duì)手機(jī)上運(yùn)行的微信小程序進(jìn)行調(diào)試，幫助開(kāi)發(fā)者更好地定位和查找在手機(jī)上出現(xiàn)的問(wèn)題。1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具清緩存：用于清除模擬器緩存、編譯緩存。上傳：用于將代碼上傳到微信小程序管理后臺(tái)，可以在“開(kāi)發(fā)管理”中查看上傳的版本，將代碼提交審核。需要注意的是，如果在創(chuàng)建項(xiàng)目時(shí)使用的是測(cè)試號(hào)，則不會(huì)顯示“上傳”按鈕。版本管理：用于通過(guò)Git對(duì)小程序進(jìn)行版本管理。詳情：用于查看和修改微信小程序的基本信息、本地設(shè)置和項(xiàng)目配置。消息：用于顯示消息通知。1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具模擬器可以模擬微信小程序在微信客戶(hù)端的運(yùn)行效果。微信小程序的代碼通過(guò)編譯后可以在模擬器上直接運(yùn)行。開(kāi)發(fā)者可以選擇不同的設(shè)備，也可以添加自定義設(shè)備來(lái)調(diào)試小程序在不同尺寸機(jī)型上的適配問(wèn)題。微信開(kāi)發(fā)者主界面——模擬器模擬器提供了多個(gè)快捷功能，能夠幫助開(kāi)發(fā)者更好地進(jìn)行開(kāi)發(fā)。1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具每一個(gè)被矩形框住的部分代表一個(gè)快捷功能，下面將對(duì)這些快捷功能分別進(jìn)行講解。1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具序號(hào)①中iPhone6/7/8表示機(jī)型，100%表示顯示比例，16表示字體大小。開(kāi)發(fā)者可單擊右側(cè)的下拉箭頭，根據(jù)實(shí)際需要選擇合適的機(jī)型、顯示比例和字體大小，具體下圖所示。1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具序號(hào)②用于控制熱重載的開(kāi)啟和關(guān)閉，當(dāng)開(kāi)啟熱重載后，修改代碼文件，模擬器可以在不刷新的情況下生效變更。需要注意的是，該功能在2.12.0及以上的基礎(chǔ)庫(kù)生效。序號(hào)③用于刷新微信小程序的頁(yè)面。序號(hào)④用于終止模擬器，若需要重新啟動(dòng)模擬器可單擊工具欄上的“編譯”按鈕。序號(hào)⑤用于模擬操作，常用于模擬不同的網(wǎng)絡(luò)環(huán)境，從而檢測(cè)微信小程序在不同網(wǎng)絡(luò)環(huán)境中的加載速度，例如Wi-Fi、2G、3G、4G等。序號(hào)⑥用于分離窗口，單擊該項(xiàng)后，模擬器將成為一個(gè)獨(dú)立的窗口。序號(hào)⑦用于顯示當(dāng)前頁(yè)面的信息，包括頁(yè)面路徑、頁(yè)面參數(shù)和場(chǎng)景值。序號(hào)⑧用于將當(dāng)前頁(yè)面進(jìn)行真機(jī)預(yù)覽。1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具編輯器分為左右兩欄，左欄為目錄樹(shù)，主要用于展示當(dāng)前微信小程序項(xiàng)目的目錄結(jié)構(gòu)；右欄為代碼編輯區(qū)，用于編寫(xiě)文件中的代碼。在左欄中單擊某個(gè)文件，就可以在右欄中對(duì)該文件進(jìn)行編輯，也可以在左欄中通過(guò)雙擊打開(kāi)多個(gè)文件，這些文件會(huì)在右欄中顯示。微信開(kāi)發(fā)者主界面——編輯器1.4.1認(rèn)識(shí)微信開(kāi)發(fā)者工具調(diào)試器類(lèi)似于Chrome瀏覽器中的開(kāi)發(fā)者工具。下面對(duì)調(diào)試器中常用面板的功能進(jìn)行簡(jiǎn)要介紹。Wxml：Wxml面板，用于查看和調(diào)試WXML和WXSS。Console：控制臺(tái)面板，用于輸出調(diào)試信息，也可以直接編寫(xiě)代碼執(zhí)行。Sources：源代碼面板，用于顯示當(dāng)前項(xiàng)目的腳本文件，在該面板中開(kāi)發(fā)者看到的文件是經(jīng)過(guò)處理之后的腳本文件。Network：網(wǎng)絡(luò)面板，用于記錄網(wǎng)絡(luò)請(qǐng)求和響應(yīng)信息，根據(jù)它可以進(jìn)行網(wǎng)絡(luò)性能優(yōu)化。AppData：App數(shù)據(jù)面板，用于查看或編輯當(dāng)前微信小程序運(yùn)行時(shí)的數(shù)據(jù)。Storage：存儲(chǔ)面板，用于查看和管理本地?cái)?shù)據(jù)緩存。Sensor：傳感器面板，用于模擬地理位置、重力感應(yīng)。Security：安全面板，用于調(diào)試頁(yè)面的安全和認(rèn)證等信息。Trace:跟蹤面板，用于真機(jī)調(diào)試時(shí)跟蹤調(diào)試信息。微信開(kāi)發(fā)者主界面——調(diào)試器掌握微信小程序的項(xiàng)目設(shè)置，能夠根據(jù)需要對(duì)微信小程序進(jìn)行設(shè)置1.4.2微信小程序的項(xiàng)目設(shè)置

先定一個(gè)小目標(biāo)！1.4.2微信小程序的項(xiàng)目設(shè)置在微信開(kāi)發(fā)者工具中，可以對(duì)微信小程序的項(xiàng)目進(jìn)行設(shè)置，主要包含以下4個(gè)方面。基本信息的設(shè)置性能分析本地設(shè)置項(xiàng)目配置1.4.2微信小程序的項(xiàng)目設(shè)置在微信開(kāi)發(fā)者工具中，選擇菜單欄的“設(shè)置”，然后選擇“項(xiàng)目設(shè)置”，將會(huì)彈出一個(gè)用于項(xiàng)目設(shè)置的選項(xiàng)卡，單擊“基本信息”項(xiàng)，即可對(duì)項(xiàng)目的基本信息進(jìn)行設(shè)置，如下圖。項(xiàng)目設(shè)置——基本信息的設(shè)置1.4.2微信小程序的項(xiàng)目設(shè)置單擊“性能分析”，即可查看項(xiàng)目的線(xiàn)上數(shù)據(jù)和本地情況，供開(kāi)發(fā)者有針對(duì)性地進(jìn)行優(yōu)化，如下圖。項(xiàng)目設(shè)置——性能分析1.4.2微信小程序的項(xiàng)目設(shè)置單擊“本地設(shè)置”，即可對(duì)項(xiàng)目進(jìn)行本地設(shè)置，如下圖。項(xiàng)目設(shè)置——本地設(shè)置本地設(shè)置中常用設(shè)置的具體含義如下。調(diào)試基礎(chǔ)庫(kù)：選擇基礎(chǔ)庫(kù)的版本，用于在對(duì)應(yīng)版本的微信客戶(hù)端上運(yùn)行。高版本的基礎(chǔ)庫(kù)無(wú)法兼容低版本的微信客戶(hù)端。版本號(hào)后邊的百分比表示該版本的用戶(hù)占比。本書(shū)中使用的基礎(chǔ)庫(kù)的版本為2.25.2。將JS編譯成ES5：選中該項(xiàng)后，JS代碼的語(yǔ)法將轉(zhuǎn)換為ES5。上傳代碼時(shí)樣式自動(dòng)補(bǔ)全：選中該項(xiàng)后，在預(yù)覽、真機(jī)調(diào)試、上傳時(shí)文件中的樣式將自動(dòng)補(bǔ)全，需要注意的是，勾選此項(xiàng)會(huì)增大代碼包的體積。1.4.2微信小程序的項(xiàng)目設(shè)置項(xiàng)目設(shè)置——本地設(shè)置上傳代碼時(shí)自動(dòng)壓縮樣式文件、上傳代碼時(shí)自動(dòng)壓縮腳本文件和上傳代碼時(shí)自動(dòng)壓縮WXML文件：選中對(duì)應(yīng)選項(xiàng)后，在預(yù)覽、真機(jī)調(diào)試、上傳時(shí)文件中的樣式文件、腳本文件、WXML文件將自動(dòng)壓縮。上傳時(shí)進(jìn)行代碼保護(hù)：選中該項(xiàng)后，微信開(kāi)發(fā)者工具會(huì)嘗試對(duì)項(xiàng)目代碼進(jìn)行保護(hù)。不校驗(yàn)合法域名、web-view（業(yè)務(wù)域名）、TLS版本以及HTTPS證書(shū)：正式發(fā)布的微信小程序的網(wǎng)絡(luò)請(qǐng)求需要校驗(yàn)這些信息，在開(kāi)發(fā)過(guò)程中可以選中該項(xiàng)，開(kāi)發(fā)工具將不校驗(yàn)這些信息，從而有助于開(kāi)發(fā)者在開(kāi)發(fā)過(guò)程中更方便地完成調(diào)試工作。啟用自定義處理命令：選中該項(xiàng)后，微信開(kāi)發(fā)者工具在編譯前、預(yù)覽前、上傳前這三個(gè)時(shí)機(jī)調(diào)用開(kāi)發(fā)者自定義的命令，開(kāi)發(fā)者可以對(duì)代碼進(jìn)行一些預(yù)處理。1.4.2微信小程序的項(xiàng)目設(shè)置項(xiàng)目設(shè)置——本地設(shè)置1.4.2微信小程序的項(xiàng)目設(shè)置單擊“項(xiàng)目配置”，即可查看項(xiàng)目的域名信息和高級(jí)配置，如右圖。項(xiàng)目設(shè)置——項(xiàng)目配置域名信息：用于顯示項(xiàng)目的安全域名信息。高級(jí)配置：用于顯示代碼包的大小、Tabbar的個(gè)數(shù)等信息。了解微信小程序開(kāi)發(fā)常用快捷鍵，能夠列舉4類(lèi)常用快捷鍵1.4.3微信小程序開(kāi)發(fā)常用快捷鍵

先定一個(gè)小目標(biāo)！1.4.3微信小程序開(kāi)發(fā)常用快捷鍵為了方便開(kāi)發(fā)者進(jìn)行微信小程序開(kāi)發(fā)，微信開(kāi)發(fā)者工具提供了大量的快捷鍵，常用的快捷鍵可以分為以下4類(lèi)。項(xiàng)目和文件相關(guān)的快捷鍵編輯相關(guān)的快捷鍵工具相關(guān)的快捷鍵界面相關(guān)的快捷鍵1.4.3微信小程序開(kāi)發(fā)常用快捷鍵分類(lèi)快捷鍵描述項(xiàng)目Shift+Ctrl+N新建項(xiàng)目Shift+Ctrl+W關(guān)閉當(dāng)前項(xiàng)目文件Ctrl+N新建文件Ctrl+S保存Ctrl+W關(guān)閉當(dāng)前文件Shift+Ctrl+S全部保存開(kāi)發(fā)微信小程序時(shí)，經(jīng)常需要對(duì)項(xiàng)目和文件進(jìn)行操作，例如關(guān)閉當(dāng)前項(xiàng)目、保存文件等，微信開(kāi)發(fā)者工具提供了一些與項(xiàng)目和文件相關(guān)的快捷鍵，具體如下表?？旖萱I——項(xiàng)目和文件相關(guān)的快捷鍵1.4.3微信小程序開(kāi)發(fā)常用快捷鍵分類(lèi)快捷鍵描述代碼格式調(diào)整Ctrl+[代碼左縮進(jìn)Ctrl+]代碼右縮進(jìn)Alt+Shift+F格式化代碼Ctrl+Shift+[折疊代碼塊Ctrl+Shift+]展開(kāi)代碼塊開(kāi)發(fā)微信小程序時(shí)，經(jīng)常需要進(jìn)行編輯操作，例如代碼格式調(diào)整、光標(biāo)移動(dòng)、搜索、替換等，微信開(kāi)發(fā)者工具提供了一些與編輯相關(guān)的快捷鍵，具體如下表?？旖萱I——編輯相關(guān)的快捷鍵1.4.3微信小程序開(kāi)發(fā)常用快捷鍵分類(lèi)快捷鍵描述代碼移動(dòng)、復(fù)制、粘貼Alt+↑代碼向上移動(dòng)一行Alt+↓代碼向下移動(dòng)一行Alt+Shift+↑復(fù)制并向上粘貼Alt+Shift+↓復(fù)制并向下粘貼Ctrl+C復(fù)制Ctrl+V粘貼注釋Ctrl+/注釋或取消注釋文件跳轉(zhuǎn)Ctrl+P跳轉(zhuǎn)到文件Ctrl+E跳轉(zhuǎn)到最近文件>>接上表1.4.3微信小程序開(kāi)發(fā)常用快捷鍵分類(lèi)快捷鍵描述光標(biāo)移動(dòng)Ctrl+End移動(dòng)到文件末尾Ctrl+Home移動(dòng)到文件開(kāi)頭Shift+End移動(dòng)到行尾Shift+Home移動(dòng)到行首Ctrl+U光標(biāo)回退搜索、替換Ctrl+F在當(dāng)前文件中查找Ctrl+H在當(dāng)前文件中替換Ctrl+Shift+F全局查找Ctrl+Shift+H全局替換>>接上表1.4.3微信小程序開(kāi)發(fā)常用快捷鍵分類(lèi)快捷鍵描述編輯器中已打開(kāi)文件的切換Ctrl+PageUp切換到編輯器中上一個(gè)已打開(kāi)的文件Ctrl+PageDown切換到編輯器中下一個(gè)已打開(kāi)的文件>>接上表1.4.3微信小程序開(kāi)發(fā)常用快捷鍵快捷鍵描述Ctrl+B編譯項(xiàng)目Ctrl+R焦點(diǎn)在編輯器外，編譯項(xiàng)目Ctrl+Shift+P預(yù)覽代碼Ctrl+Shift+U上傳代碼開(kāi)發(fā)微信小程序時(shí)，經(jīng)常需要使用微信開(kāi)發(fā)者工具中的編譯項(xiàng)目、預(yù)覽代碼等功能，微信開(kāi)發(fā)者工具提供了一些與工具相關(guān)的快捷鍵，具體如下表?？旖萱I——工具相關(guān)的快捷鍵1.4.3微信小程序開(kāi)發(fā)常用快捷鍵開(kāi)發(fā)微信小程序時(shí)，經(jīng)常需要控制微信開(kāi)發(fā)者工具的界面，例如顯示或隱藏工具欄、顯示或隱藏調(diào)試器等，微信開(kāi)發(fā)者工具提供了一些與界面相關(guān)的快捷鍵，具體如下表?？旖萱I——界面相關(guān)的快捷鍵快捷鍵描述Ctrl+Shift+T顯示或隱藏工具欄Ctrl+Shift+D顯示或隱藏模擬器Ctrl+Shift+E顯示或隱藏編輯器Ctrl+Shift+M顯示或隱藏目錄樹(shù)Ctrl+Shift+I顯示或隱藏調(diào)試器微信小程序的項(xiàng)目成員1.5了解項(xiàng)目成員，能夠說(shuō)出項(xiàng)目成員的組織結(jié)構(gòu)1.5.1項(xiàng)目成員的組織結(jié)構(gòu)

先定一個(gè)小目標(biāo)！1.5.1項(xiàng)目成員的組織結(jié)構(gòu)一般情況下，微信小程序中項(xiàng)目成員的組織結(jié)構(gòu)如下圖。項(xiàng)目管理者負(fù)責(zé)統(tǒng)籌整個(gè)項(xiàng)目的進(jìn)展和風(fēng)險(xiǎn)，把控微信小程序?qū)ν獍l(fā)布上線(xiàn)的節(jié)奏。產(chǎn)品組、設(shè)計(jì)組、開(kāi)發(fā)組和測(cè)試組之間相互配合，協(xié)調(diào)工作，共同完成微信小程序項(xiàng)目。了解項(xiàng)目成員，能夠說(shuō)出項(xiàng)目成員的分工1.5.2項(xiàng)目成員的分工

先定一個(gè)小目標(biāo)！1.5.2項(xiàng)目成員的分工微信小程序的開(kāi)發(fā)流程如下圖所示，每個(gè)流程都需要不同的項(xiàng)目成員來(lái)負(fù)責(zé)。在開(kāi)發(fā)流程中，首先由產(chǎn)品組提出需求，然后設(shè)計(jì)組根據(jù)產(chǎn)品需求做出設(shè)計(jì)方案供開(kāi)發(fā)者使用。接著開(kāi)發(fā)組依據(jù)設(shè)計(jì)方案進(jìn)行代碼的編寫(xiě)，代碼編寫(xiě)完成后，還需要產(chǎn)品組和設(shè)計(jì)組去體驗(yàn)、測(cè)試組進(jìn)行各種測(cè)試。測(cè)試完成后，由項(xiàng)目管理者發(fā)布微信小程序。了解項(xiàng)目成員和體驗(yàn)成員，能夠說(shuō)出項(xiàng)目成員和體驗(yàn)成員的管理1.5.3項(xiàng)目成員和體驗(yàn)成員的管理

先定一個(gè)小目標(biāo)！1.5.3項(xiàng)目成員和體驗(yàn)成員的管理在企業(yè)中，員工的數(shù)量并不是一成不變的，當(dāng)開(kāi)發(fā)一個(gè)比較大的微信小程序時(shí)，可能需要多個(gè)成員的參與，這時(shí)就需要對(duì)成員進(jìn)行管理，這樣才能保證微信小程序有序完成。項(xiàng)目成員：表示參與微信小程序開(kāi)發(fā)、運(yùn)行的成員，可登錄微信小程序管理后臺(tái)，包括運(yùn)營(yíng)者、開(kāi)發(fā)者及和數(shù)據(jù)分析者。體驗(yàn)成員：表示參與小程序內(nèi)測(cè)體驗(yàn)的成員，可使用體驗(yàn)版小程序，但不屬于項(xiàng)目成員。微信小程序的成員管理包括兩方面，一方面是管理員對(duì)項(xiàng)目成員的管理，另一方面是管理員對(duì)體驗(yàn)成員的管理。關(guān)于項(xiàng)目成員和體驗(yàn)成員的介紹如下。1.5.3項(xiàng)目成員和體驗(yàn)成員的管理微信小程序成員管理的示意圖如下圖。管理員可以添加或刪除項(xiàng)目成員和體驗(yàn)成員，項(xiàng)目成員也可以添加或刪除體驗(yàn)成員。了解項(xiàng)目成員，能夠說(shuō)出項(xiàng)目成員權(quán)限1.5.4項(xiàng)目成員的權(quán)限

先定一個(gè)小目標(biāo)！1.5.4項(xiàng)目成員的權(quán)限權(quán)限運(yùn)營(yíng)者開(kāi)發(fā)者數(shù)據(jù)分析者登錄√√√版本發(fā)布√

數(shù)據(jù)分析

√開(kāi)發(fā)能力

√

修改小程序介紹√

暫停/恢復(fù)服務(wù)√

設(shè)置可被搜索√

在一個(gè)微信小程序中，每個(gè)項(xiàng)目成員的權(quán)限各有不同，只有為每個(gè)項(xiàng)目成員分配了各自的權(quán)限，才能保證項(xiàng)目的正常進(jìn)行。例如開(kāi)發(fā)者有開(kāi)發(fā)者權(quán)限、登錄權(quán)限等，下面將介紹不同項(xiàng)目成員擁有的權(quán)限，具體如下表。1.5.4項(xiàng)目成員的權(quán)限權(quán)限運(yùn)營(yíng)者開(kāi)發(fā)者數(shù)據(jù)分析者解除關(guān)聯(lián)移動(dòng)應(yīng)用√

解除關(guān)聯(lián)公眾號(hào)√

管理體驗(yàn)者√√√體驗(yàn)者權(quán)限√√√微信支付√

小程序插件管理√

游戲運(yùn)營(yíng)管理√

推廣√√√>>接上表1.5.4項(xiàng)目成員的權(quán)限接下來(lái)對(duì)項(xiàng)目成員的各種權(quán)限進(jìn)行解釋說(shuō)明。登錄：可登錄小程序管理后臺(tái)，無(wú)須管理員確認(rèn)。版本發(fā)布：小程序版本發(fā)布、回退。數(shù)據(jù)分析：使用小程序統(tǒng)計(jì)模塊查看小程序數(shù)據(jù)。開(kāi)發(fā)能力：可使用微信開(kāi)發(fā)者工具和開(kāi)發(fā)版小程序進(jìn)行開(kāi)發(fā)；在開(kāi)發(fā)模塊可使用開(kāi)發(fā)管理、微信開(kāi)發(fā)者工具和云開(kāi)發(fā)等。修改小程序介紹：修改小程序在主頁(yè)展示的功能介紹。暫停/恢復(fù)服務(wù)：暫停或恢復(fù)小程序線(xiàn)上服務(wù)。設(shè)置可被搜索：設(shè)置小程序是否可被用戶(hù)主動(dòng)搜索。1.5.4項(xiàng)目成員的權(quán)限解除關(guān)聯(lián)移動(dòng)應(yīng)用：可解綁小程序已關(guān)聯(lián)的移動(dòng)應(yīng)用。解除關(guān)聯(lián)公眾號(hào)：可解綁小程序已關(guān)聯(lián)的公眾號(hào)。管理體驗(yàn)者：添加或刪除小程序體驗(yàn)者。體驗(yàn)者權(quán)限：使用體驗(yàn)版小程序。微信支付：使用小程序微信支付（虛擬支付）模塊。小程序插件管理：運(yùn)營(yíng)者可進(jìn)行小程序插件開(kāi)發(fā)管理、申請(qǐng)管理和設(shè)置。游戲運(yùn)營(yíng)管理：可使用小游戲管理后臺(tái)的素材管理、游戲圈管理等功能。推廣：在推廣模塊使用小程序流量主、廣告主等功能。掌握添加項(xiàng)目成員和體驗(yàn)成員的方法，能夠在微信小程序管理后臺(tái)中添加項(xiàng)目成員和體驗(yàn)成員1.5.5添加項(xiàng)目成員和體驗(yàn)成員

先定一個(gè)小目標(biāo)！1.5.5添加項(xiàng)目成員和體驗(yàn)成員登錄微信小程序管理后臺(tái)，選擇左側(cè)邊欄的“成員管理”，即可進(jìn)入成員管理頁(yè)面。步驟1步驟2步驟3進(jìn)入成員管理頁(yè)面1.5.5添加項(xiàng)目成員和體驗(yàn)成員成員管理頁(yè)面顯示了管理員、項(xiàng)目成員和體驗(yàn)成員3個(gè)模塊，單擊項(xiàng)目成員模塊右側(cè)的““按鈕，然后單擊“添加成員”即可進(jìn)入添加成員頁(yè)面。步驟2步驟1步驟3進(jìn)入添加成員頁(yè)面1.5.5添加項(xiàng)目成員和體驗(yàn)成員在添加成員頁(yè)面中輸入要添加的項(xiàng)目成員的微信號(hào)，并為其設(shè)置權(quán)限，單擊“確認(rèn)添加”按鈕，頁(yè)面中將彈出一個(gè)微信二維碼提示框，管理員使用微信進(jìn)行掃碼確認(rèn)身份后即可完成項(xiàng)目成員的添加。添加項(xiàng)目成員后，將跳轉(zhuǎn)到成員管理頁(yè)面，項(xiàng)目成員的信息將顯示在項(xiàng)目成員模塊。步驟2步驟1步驟3進(jìn)入添加成員頁(yè)面1.5.5添加項(xiàng)目成員和體驗(yàn)成員單擊成員管理頁(yè)面中體驗(yàn)成員模塊右側(cè)的“添加”按鈕，頁(yè)面中將彈出添加體驗(yàn)成員的提示框。步驟3步驟2步驟1在提示框中輸入要添加的體驗(yàn)成員的微信號(hào)，然后單擊“確定”按鈕，即可完成體驗(yàn)成員的添加。添加完成后，體驗(yàn)成員的信息將顯示在體驗(yàn)成員模塊。進(jìn)入添加體驗(yàn)成員提示框頁(yè)面微信小程序