一环疼、微信小程序登錄界面的相關(guān)信息习霹。

1.1、開啟軟件

打開已安裝好的微信開發(fā)者工具炫隶。

1.2淋叶、登錄界面

第一次登陸應(yīng)該是彈出一個(gè)二維碼框，如一下這樣：

1.3等限、登錄模式

從登陸界面可以看到有兩種登陸方式爸吮，一種是微信掃描二維碼登入，另一種是以 “游客模式” 登入望门。我們可以先點(diǎn)擊 “游客模式” 登入看看情況形娇。

1.4、項(xiàng)目創(chuàng)建界面

“游客模式” 登入后可以看到以下幾個(gè)板塊筹误。

二桐早、淺探用戶模式各版塊的功能

2.1、小程序

2.1.1厨剪、界面左側(cè)板塊的小程序項(xiàng)目下有“小程序”哄酝、“小游戲”...等選項(xiàng)。從字面上理解小程序 和 小游戲應(yīng)該就是不同的開發(fā)板塊祷膳。

2.1.2陶衅、點(diǎn)擊小程序中的 + 號(hào)窗體是創(chuàng)建小程序項(xiàng)目。

2.1.3直晨、創(chuàng)建小程序的相關(guān)選項(xiàng)搀军，進(jìn)入到創(chuàng)建小程序界面，可見有 6 個(gè)內(nèi)容勇皇，分別是：項(xiàng)目名稱罩句，目錄，AppID敛摘，開發(fā)模式门烂，后端服務(wù)，語(yǔ)言兄淫。

（一）屯远、項(xiàng)目名稱：字面意思。

（二）拖叙、目錄：項(xiàng)目保存的路徑氓润。

（三）、AppID：游客模式會(huì)自動(dòng)匹配了 touristappid薯鳍，這個(gè) AppID 對(duì)于小程序開發(fā)很重要，它是小程序的唯一標(biāo)識(shí)，不同的AppID具有不同的身份挖滤、權(quán)限和使用場(chǎng)景崩溪。AppID 具有以下作用：

• 1、鑒權(quán)和身份認(rèn)證：通過AppID斩松，微信可以對(duì)小程序進(jìn)行身份認(rèn)證伶唯，確保小程序的合法性和安全性。

• 2惧盹、接口調(diào)用權(quán)限管理：小程序在使用微信開放平臺(tái)提供的API時(shí)乳幸，需要使用AppID來(lái)進(jìn)行接口調(diào)用權(quán)限的管理，確保只有具備權(quán)限的小程序可以調(diào)用相關(guān)接口钧椰。

• 3粹断、數(shù)據(jù)統(tǒng)計(jì)和分析：通過AppID，微信可以對(duì)每個(gè)小程序的數(shù)據(jù)進(jìn)行統(tǒng)計(jì)和分析嫡霞，包括用戶訪問量瓶埋、使用時(shí)長(zhǎng)等指標(biāo)，為開發(fā)者提供數(shù)據(jù)支持和運(yùn)營(yíng)分析诊沪。

• 4养筒、微信支付：如果小程序需要使用微信支付功能，就需要在小程序中綁定與該AppID對(duì)應(yīng)的商戶號(hào)端姚，才能實(shí)現(xiàn)支付功能晕粪。

• 5、小程序發(fā)布和管理：每個(gè)小程序在發(fā)布時(shí)都需要有獨(dú)特的AppID渐裸，通過AppID可以對(duì)小程序進(jìn)行發(fā)布巫湘、版本控制和管理。

AppID是微信小程序的重要標(biāo)識(shí)和權(quán)限管理的憑證橄仆，對(duì)于小程序的開發(fā)剩膘、發(fā)布、調(diào)用接口和數(shù)據(jù)分析都具有重要作用盆顾。

游客模式 AppID 的所屬身份怠褐、權(quán)限、功能您宪、場(chǎng)景和開發(fā)流程：

• 1奈懒、所屬身份：游客模式的AppID是臨時(shí)的身份，僅用于代碼的編輯和調(diào)試宪巨，不能進(jìn)行上傳和發(fā)布等操作磷杏。

• 2、權(quán)限和功能：游客模式的AppID功能有限捏卓，只能進(jìn)行代碼調(diào)試和簡(jiǎn)單的開發(fā)操作极祸。

• 3、使用場(chǎng)景：游客模式的AppID適用于個(gè)人開發(fā)者或初步的功能驗(yàn)證和調(diào)試階段。

• 4遥金、開發(fā)流程：在開發(fā)過程中浴捆，游客模式的AppID不需要進(jìn)行審核和發(fā)布流程，開發(fā)人員可以隨時(shí)進(jìn)行調(diào)試稿械。

（四）选泻、開發(fā)模式：有小程序和插件兩個(gè)選項(xiàng)（默認(rèn)小程序）。

（五）美莫、后端服務(wù)：只能選擇 “不使用云服務(wù)”页眯，微信云開發(fā)不可選。

（六）厢呵、語(yǔ)言有 JavaScript（默認(rèn)）窝撵、TypeScript、TypeScript+Less述吸、TypeScript+Sass 可選忿族。

（七）、開發(fā)模式選擇 “插件”蝌矛，會(huì)有宿主 AppID 和 插件 AppID 項(xiàng)道批。游客模式 AppID 均為 touristappid。

2.2入撒、小游戲

2.2.1隆豹、創(chuàng)建小游戲的相關(guān)選項(xiàng)，有 4 個(gè)內(nèi)容茅逮，分別是：項(xiàng)目名稱璃赡，目錄，AppID 和 后端服務(wù)献雅。

2.2.2碉考、創(chuàng)建小游戲同樣有項(xiàng)目名稱，目錄挺身，AppID侯谁，后端服務(wù)。相對(duì)于創(chuàng)建小程序章钾，小游戲沒有了開發(fā)模式和語(yǔ)言墙贱。

2.3、代碼片段

2.3.1贱傀、創(chuàng)建代碼片段惨撇，點(diǎn)擊 “代碼片段”時(shí)，右側(cè)會(huì)有所提示府寒，并附帶“了解詳情”魁衙。

2.3.2报腔、點(diǎn)擊進(jìn)入 “了解詳情”，打開了微信官方文檔纺棺。對(duì)于 “代碼片段” 這一功能還有一定篇幅的介紹榄笙。 “代碼片段” 在微信官方文檔的路徑是 開發(fā)--》工具--》代碼片段邪狞。

2.3.3祷蝌、通過閱讀 “代碼片段” 的功能特性和操作演示后，結(jié)合網(wǎng)上搜索到的一些信息帆卓【揠總結(jié)一下自己關(guān)于 “代碼片段” 的一些理解。

“代碼片段”的用途和作用理解如下：

• 1剑令、原型驗(yàn)證與快速開發(fā)：代碼片段可以用于快速驗(yàn)證某個(gè)功能或界面的原型糊啡。通過創(chuàng)建代碼片段，可以進(jìn)行快速迭代和調(diào)試吁津，方便開發(fā)人員進(jìn)行功能驗(yàn)證和調(diào)整棚蓄，從而加快小程序的開發(fā)速度。

• 2碍脏、效果展示與分享：代碼片段可以用于展示一些小程序的特定功能或效果梭依，類似于代碼的Demo。開發(fā)者可以將代碼片段分享給其他人典尾，以展示小程序的某個(gè)方面役拴，或者作為學(xué)習(xí)和交流的案例。

• 3钾埂、代碼復(fù)用與團(tuán)隊(duì)協(xié)作：通過創(chuàng)建代碼片段河闰，可以將一些常用的代碼片段保存下來(lái)，并在其他小程序中進(jìn)行復(fù)用褥紫。這對(duì)于提高開發(fā)效率姜性、減少重復(fù)工作是非常有用的。同時(shí)髓考，代碼片段也方便開發(fā)團(tuán)隊(duì)進(jìn)行代碼共享和協(xié)作部念。

需要注意的是，代碼片段是在小程序開發(fā)者工具內(nèi)使用的绳军，只能在預(yù)覽模式下運(yùn)行印机，不能發(fā)布成正式的小程序。如果開發(fā)者需要發(fā)布小程序门驾，還需要?jiǎng)?chuàng)建一個(gè)完整的小程序項(xiàng)目射赛，而不僅僅是代碼片段。

2.3.4奶是、創(chuàng)建代碼片段楣责。

2.3.5竣灌、創(chuàng)建代碼片段的相關(guān)選項(xiàng)，有 4 個(gè)內(nèi)容秆麸，分別是：項(xiàng)目名稱初嘹，目錄，AppID 和 開發(fā)模式沮趣。

游客模式下的 AppID 都是 touristappid屯烦，開發(fā)模式有小程序、小游戲框架和插件選項(xiàng)房铭。

2.4驻龟、公眾號(hào)網(wǎng)頁(yè)項(xiàng)目

2.4.1、點(diǎn)擊公眾號(hào)網(wǎng)頁(yè)一欄不會(huì)像小程序缸匪、小游戲欄目那樣翁狐，右側(cè)出現(xiàn) +號(hào) 創(chuàng)建項(xiàng)目框。點(diǎn)擊公眾號(hào)網(wǎng)頁(yè)一欄會(huì)直接開啟一個(gè)調(diào)試窗體的界面凌蔬。左上角有一個(gè) “云開發(fā)” 的按鈕露懒，估計(jì)是云開發(fā)的入口。

2.4.2砂心、點(diǎn)擊 “云開發(fā)” 按鈕懈词，彈出 “進(jìn)入云開發(fā)控制臺(tái)” 并要求填入公眾號(hào) AppID，估計(jì)應(yīng)該是通過 公眾號(hào) AppID 關(guān)聯(lián)到對(duì)應(yīng)的公眾號(hào)计贰，進(jìn)行編輯吧钦睡？

2.4.3、關(guān)于公眾號(hào)網(wǎng)頁(yè)項(xiàng)目一欄躁倒，現(xiàn)階段的知識(shí)儲(chǔ)備還不夠荞怒。因此，上網(wǎng)學(xué)習(xí)了一下前輩們的經(jīng)驗(yàn)與分析秧秉，總結(jié)了幾點(diǎn)方便日后翻閱褐桌，以后有機(jī)會(huì)學(xué)習(xí)時(shí)可以作為一個(gè)指導(dǎo)方向。

“公眾號(hào)網(wǎng)頁(yè)項(xiàng)目”是微信小程序創(chuàng)建時(shí)的一個(gè)選項(xiàng)象迎，選擇此項(xiàng)的主要用途和作用如下：

• 1荧嵌、小程序與公眾號(hào)互通：公眾號(hào)網(wǎng)頁(yè)項(xiàng)目可以將小程序與公眾號(hào)進(jìn)行互通，為用戶提供更全面的服務(wù)和體驗(yàn)砾淌。例如啦撮，用戶可以通過公眾號(hào)打開小程序，或在小程序中進(jìn)行一些操作后返回公眾號(hào)等汪厨。

• 2赃春、公眾號(hào)導(dǎo)流和用戶轉(zhuǎn)化：公眾號(hào)可以作為小程序的一個(gè)入口，用于向用戶介紹小程序的特點(diǎn)和功能劫乱，并將用戶導(dǎo)流到小程序體驗(yàn)织中。同時(shí)锥涕，小程序也可以將用戶轉(zhuǎn)化為公眾號(hào)的關(guān)注者，提高用戶粘性和轉(zhuǎn)化率狭吼。

• 3层坠、公眾號(hào)界面樣式適配：公眾號(hào)網(wǎng)頁(yè)項(xiàng)目可以讓小程序在公眾號(hào)內(nèi)展現(xiàn)更好的樣式效果，使小程序可以更好地適應(yīng)公眾號(hào)的風(fēng)格和界面刁笙，提高用戶體驗(yàn)破花。

需要注意的是，選擇“公眾號(hào)網(wǎng)頁(yè)項(xiàng)目”并不是必需的采盒，在某些情況下旧乞，小程序與公眾號(hào)的互通也可以通過其他方式進(jìn)行實(shí)現(xiàn)。開發(fā)者需要根據(jù)具體業(yè)務(wù)需求和用戶場(chǎng)景來(lái)判斷是否需要選擇“公眾號(hào)網(wǎng)頁(yè)項(xiàng)目”磅氨。

2.5、其他

2.5.1嫡纠、由于不太清楚 “其他” 這一欄的用途烦租，因此，上網(wǎng)搜索了一下相關(guān)的資料除盏，整理了幾點(diǎn)作為學(xué)習(xí)引導(dǎo)叉橱。

在微信小程序創(chuàng)建時(shí)的“其他”選項(xiàng)是用來(lái)填寫小程序的其他相關(guān)信息和說(shuō)明的。它的主要作用如下：

• 1者蠕、補(bǔ)充說(shuō)明和備注：可以在“其他”選項(xiàng)中填寫一些額外的說(shuō)明和備注信息窃祝，包括小程序的特色功能、開發(fā)者的聯(lián)系方式踱侣、特殊需求等粪小。這些信息可以幫助開發(fā)者和審核人員更好地了解和理解小程序的背景和特點(diǎn)几睛。

• 2恢总、特殊要求和定制需求：當(dāng)開發(fā)者對(duì)于小程序的創(chuàng)建或?qū)徍擞幸恍┨厥庖蠛投ㄖ菩枨髸r(shí)，可以在“其他”選項(xiàng)中進(jìn)行說(shuō)明和提出申請(qǐng)利朵。例如待榔，特定場(chǎng)景下需要使用定制化的開發(fā)接口或權(quán)限等逞壁。

• 3、其他補(bǔ)充信息：在一些特殊情況下锐锣，開發(fā)者可能需要填寫一些與小程序相關(guān)的其他信息腌闯，例如，與其他業(yè)務(wù)或平臺(tái)的關(guān)聯(lián)雕憔，需要與其他開發(fā)者進(jìn)行合作開發(fā)的情況等姿骏。

需要注意的是，填寫“其他”選項(xiàng)的內(nèi)容應(yīng)當(dāng)與小程序的實(shí)際情況和需求相符橘茉，遵循相關(guān)規(guī)定和要求工腋，且不應(yīng)填寫違規(guī)姨丈、虛假或不相關(guān)的信息。

2.5.2擅腰、創(chuàng)建 “其他” 項(xiàng)目蟋恬。
通過對(duì) “其他” 這一功能的了解，它的用途是 “補(bǔ)充說(shuō)明” 和 “備注” 方面的一些擴(kuò)展信息記錄趁冈。我們可以做一些簡(jiǎn)單的操作歼争。了解基本的內(nèi)容。

2.5.3渗勘、點(diǎn)進(jìn) “其他”沐绒，展開了一個(gè)創(chuàng)建界面，也沒有備注信息旺坠。

2.5.4乔遮、點(diǎn)擊 + 號(hào)進(jìn)入創(chuàng)建其他項(xiàng)目界面。出現(xiàn) “目錄” 和 “項(xiàng)目名稱”取刃√０梗“目錄”指保存路徑，項(xiàng)目名稱顧名思義就是項(xiàng)目的取名璧疗。用 “目錄” 和 “項(xiàng)目名稱” 的默認(rèn)值點(diǎn)擊 “確定”坯辩。

2.5.5、進(jìn)入編輯界面崩侠。

2.5.6漆魔、展開創(chuàng)建的 OTHER-1 里面暫時(shí)什么也沒有。右側(cè)有 4 個(gè)圖標(biāo)却音，分別是：新建文件改抡、新建文件夾、刷新資源管理器僧家、在資源管理器中折疊文件夾雀摘。

2.5.7、通過右側(cè)的新建文件和新建文件夾圖標(biāo)進(jìn)行文件結(jié)構(gòu)搭配八拱，也可以通過鼠標(biāo)右鍵的新建文件和新建文件夾進(jìn)行文件結(jié)構(gòu)搭配阵赠。

2.5.8、然后創(chuàng)建 1 個(gè)文件夾和 1 個(gè)文件構(gòu)成文件結(jié)構(gòu)看看效果肌稻。

通過 “其他” 一欄的功能清蚀，可以系統(tǒng)的構(gòu)建出關(guān)于程序的補(bǔ)充說(shuō)明和備注。

2.5.9爹谭、可通過 “在資源管理器中顯示” 找到文件的儲(chǔ)存位置枷邪。操作只需鼠標(biāo)左鍵選擇文件夾或文件，然后鼠標(biāo)右鍵彈出菜單欄诺凡，點(diǎn)擊菜單欄中的 “在資源管理器中顯示”东揣。就能打開到文件儲(chǔ)存的路徑践惑。

2.5.10、這就是文件 備注1 的保存路徑嘶卧。

2.5.11尔觉、同樣的操作也可用在查找文件夾的保存路徑上。

2.5.12芥吟、這就是文件夾 補(bǔ)充說(shuō)明 的保存路徑侦铜。

2.5.13、如果在項(xiàng)目導(dǎo)航欄中不選擇任何的文件夾和文件钟鸵，右鍵執(zhí)行 “在資源管理器中顯示” 會(huì)定位到項(xiàng)目文件夾 other-1 的保存路徑钉稍。

2.5.14、這就是 other-1 項(xiàng)目保存的路徑棺耍。

2.5.15贡未、另外發(fā)現(xiàn)了一個(gè)情況，打開硬盤上儲(chǔ)存的文件會(huì)提示選擇打開方式烈掠。

2.5.16羞秤、選擇了 “記事本” 方式才能打開文件。

2.5.17左敌、打開硬盤上的文件需要選擇打開方式，這是因?yàn)橛脖P儲(chǔ)存的文件沒有擴(kuò)展名俐镐。這種情況矫限，開發(fā)者工具創(chuàng)建文件時(shí)可以為文件添加擴(kuò)展名。下面我們?cè)陂_發(fā)者工具創(chuàng)建多 2 個(gè)文件佩抹，命名為 “備注2.txt” 和 “備注3.doc”叼风。

2.5.18、鼠標(biāo)選中補(bǔ)充說(shuō)明棍苹，鼠標(biāo)右鍵彈出菜單欄无宿，點(diǎn)擊 “新建文件”。

2.5.19枢里、創(chuàng)建 “備注2.txt” 文件孽鸡。（輸入文件名后，回車或鼠標(biāo)左鍵點(diǎn)擊空白處則可創(chuàng)建成功）

2.5.20栏豺、同樣的操作彬碱，創(chuàng)建 “備注3.doc” 文件。

2.5.21奥洼、從創(chuàng)建出來(lái)的文本文件可以看到 .txt 和 .doc 的圖標(biāo)都有所有區(qū)別∠锾郏現(xiàn)在，分別為 “備注2.txt” 和 “備注3.doc” 寫上內(nèi)容并保存（保存操作灵奖，菜單欄---文件---保存嚼沿」琅蹋或用快捷鍵 Ctrl+S。）骡尽。

2.5.22遣妥、鼠標(biāo)左鍵選中 “備注3.doc”，鼠標(biāo)右鍵彈出菜單爆阶，點(diǎn)解 “在資源管理器中顯示” 找到文件所保存的路徑燥透。

2.5.23、從打開的路徑可以發(fā)現(xiàn) “備注2.txt” 和 “備注3.doc” 的圖標(biāo)和 “備注1” 的不同辨图，這時(shí)可以直接打開 “備注2.txt” 和 “備注3.doc” 則看查看文件內(nèi)容班套。

2.5.24、開發(fā)者工具中對(duì)文件重命名故河。選中 “備注1” 鼠標(biāo)右鍵在彈出的菜單欄中點(diǎn)擊 “重命名”吱韭。

2.5.25、重命名加上 .txt 擴(kuò)展名鱼的。

2.5.26理盆、選中 “備注1.txt” 鼠標(biāo)右鍵在彈出的菜單欄中點(diǎn)擊 “在資源管理器中顯示”，找到文件保存在硬盤的位置凑阶。

2.5.27猿规、重命名成功，可直接通過 txt 文本打開文件宙橱。

2.5.28姨俩、刪除文件，鼠標(biāo)左鍵選中需要操作的文件师郑，鼠標(biāo)右鍵彈出菜單欄环葵，菜單欄中點(diǎn)擊 “刪除” 。

2.5.29宝冕、按下刪除時(shí)张遭，會(huì)有彈出提示。提示文件移動(dòng)到回收站地梨，可以從回收站還原菊卷。實(shí)際上，開發(fā)者工具的資源管理器刪除文件并不是物理刪除湿刽。它只是從資源管理器中臨時(shí)剔除了的烁。

當(dāng)按下“移動(dòng)到回收站”時(shí)，“備注3.doc” 文件在資源管理器消失了诈闺。

但其實(shí)渴庆，只要刷新一下資源管理器，“備注3.doc” 文件又會(huì)回來(lái)了。

因?yàn)榻罄祝_發(fā)者工具資源管理器刪除的文件刃滓，實(shí)際上硬盤儲(chǔ)存的文件仍在，這就是為什么刷新后文件又會(huì)出現(xiàn)的原因耸弄。如咧虎，在資源管理器刪除了 “備注3.doc” 文件。再通過 “備注2.txt” 文件的 “在資源管理器中顯示” 打開文件的儲(chǔ)存位置计呈。

“備注3.doc” 文件仍在硬盤中砰诵。

所以說(shuō)開發(fā)者工具資源管理器刪除的文件實(shí)際上并不是物理刪除，如果確定文件不需要了捌显，想真正的刪除文件茁彭，就要在硬盤里刪除文件。

關(guān)于 “其他” 這個(gè)功能扶歪，已淺析了它的用途與基礎(chǔ)操作理肺。

2.6、注銷

2.6.1善镰、注銷就是退出當(dāng)前用戶賬號(hào)妹萨，返回登錄界面。按下 “注銷” 返回登錄界面炫欺。

2.7乎完、導(dǎo)入和管理

2.7.1、除了 “公眾號(hào)網(wǎng)頁(yè)項(xiàng)目” 這一版塊品洛，“小程序”囱怕、“小游戲”、“代碼片段” 和 “其他” 版塊都有導(dǎo)入和管理功能毫别。

2.7.2、“小程序”典格、“小游戲”岛宦、“代碼片段” 和 “其他” 版塊只要?jiǎng)?chuàng)建了項(xiàng)目都有快捷方式。而導(dǎo)入和管理功能就是對(duì)這些快捷方式進(jìn)行管理耍缴。正如我們之前在 “其他” 版塊創(chuàng)建了一個(gè) other-1 項(xiàng)目砾肺，那么這個(gè)項(xiàng)目就會(huì)在 “其他” 這個(gè)版塊有快捷方式。

2.7.3防嗡、通過快捷方式可以快速的打開項(xiàng)目变汪。

打開后的項(xiàng)目。

2.7.4蚁趁、管理
點(diǎn)擊 “管理”裙盾，進(jìn)入管理模式，可單選項(xiàng)目或左下角 “全選”，對(duì)于選中的項(xiàng)目只有一個(gè) “刪除” 操作番官。

點(diǎn)擊 “刪除” 會(huì)彈出一個(gè)提示框庐完，大意是只刪除記錄，不會(huì)刪除硬盤上的項(xiàng)目文件徘熔。

確定刪除后门躯，“其他” 版塊上的 other-1 項(xiàng)目已經(jīng)被刪除記錄了。

正如彈窗提示講到的酷师，只刪除記錄讶凉，不會(huì)刪除硬盤上的項(xiàng)目文件。我們可以到硬盤對(duì)應(yīng)的路徑找到 other-1 項(xiàng)目依然存在山孔。

2.7.5懂讯、導(dǎo)入。
已知饱须，“其他” 版塊現(xiàn)在沒有項(xiàng)目域醇。

通過導(dǎo)入功能完成項(xiàng)目導(dǎo)入。點(diǎn)擊 “導(dǎo)入” 功能 ---》彈窗選擇需要導(dǎo)入的項(xiàng)目文件夾 ---》選擇文件夾蓉媳。

確認(rèn)無(wú)誤后點(diǎn)擊“確定”譬挚。

打開項(xiàng)目。

關(guān)閉項(xiàng)目后酪呻，返回 “其他” 界面减宣。other-1 項(xiàng)目重新建立了快捷方式。

小程序玩荠、小游戲漆腌、代碼片段的項(xiàng)目，導(dǎo)入和管理一樣的操作方式阶冈。