◆袁堂青 亓 婧

（山東傳媒職業(yè)學(xué)院 山東 250200）

微信官方網(wǎng)站對(duì)小程序的定義主要為小程序是不需要通過(guò)下載或安裝即可以使用的一種軟件，它具有十分方便的特點(diǎn)，微信用戶(hù)只需要通過(guò)掃一掃或搜一下，便可以應(yīng)用相關(guān)的軟件，充分的體現(xiàn)出了用完即走的理念，用戶(hù)不用擔(dān)心軟件安裝過(guò)多，從而占有手機(jī)內(nèi)存。而且小程序在應(yīng)用中也體現(xiàn)出了無(wú)處不在的原則，隨時(shí)可以使用，而且又不需要進(jìn)行安裝和卸載。微信小程序是一種全新的方式，它可以更好地為微信用戶(hù)提供滿(mǎn)意的服務(wù)，而且可以在微信軟件當(dāng)中十分方便地進(jìn)行獲取和普及，使用戶(hù)具有良好的體驗(yàn)效果[1]。

1 微信小程序開(kāi)發(fā)前準(zhǔn)備

小程序在開(kāi)發(fā)前需要做好相關(guān)的準(zhǔn)備工作，開(kāi)發(fā)者可以通過(guò)編寫(xiě)程序，實(shí)現(xiàn)多種客戶(hù)端運(yùn)行。而小程序和微信號(hào)的訂閱號(hào)、服務(wù)號(hào)等體系是并行關(guān)系，其注冊(cè)和發(fā)布流程相對(duì)獨(dú)立[2]。

1.1 小程序的接入流程

小程序的接入具體包括四個(gè)步驟。

（1）小程序注冊(cè)

小程序注冊(cè)可以在微信公眾平臺(tái)的官網(wǎng)首頁(yè)完成注冊(cè)過(guò)程，用戶(hù)可以將相關(guān)的注冊(cè)信息進(jìn)行提交，將主體信息和管理員信息進(jìn)行完善，從而完成具體的注冊(cè)過(guò)程。

（2）完善小程序信息

對(duì)小程序的基本信息進(jìn)行完善，具體包括名稱(chēng)、頭像和服務(wù)范圍等。而在小程序進(jìn)行開(kāi)發(fā)前，需要先將開(kāi)發(fā)者進(jìn)行綁定，并獲取APP 的ID，從而確保程序可以通過(guò)手機(jī)的運(yùn)用完成掃碼測(cè)試過(guò)程[3]。

（3）小程序開(kāi)發(fā)

在開(kāi)發(fā)小程序過(guò)程中，相關(guān)工作人員通過(guò)對(duì)微信開(kāi)發(fā)者工具進(jìn)行下載安裝，而微信官方網(wǎng)站則會(huì)提供相關(guān)的開(kāi)發(fā)框架，開(kāi)發(fā)者可以結(jié)合開(kāi)發(fā)文檔和相關(guān)要求來(lái)有效的調(diào)試和開(kāi)發(fā)小程序。

（4）代碼審核及發(fā)布

開(kāi)發(fā)微信小程序后，不能直接發(fā)布，用戶(hù)也不能直接進(jìn)行使用，應(yīng)該將小程序的代碼提交上去，并審核開(kāi)發(fā)配置信息，在確認(rèn)后，才可以進(jìn)行小程序的發(fā)布。

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

目前由微信官方網(wǎng)站所公布的相關(guān)小程序開(kāi)發(fā)工具為微信Web 開(kāi)發(fā)者工具，并由官方網(wǎng)站來(lái)提供小程序的前端開(kāi)發(fā)框架。該工具主要根據(jù)系統(tǒng)層的框架來(lái)進(jìn)行開(kāi)發(fā)，因?yàn)樾〕绦虿⒎窃跒g覽器當(dāng)中運(yùn)行，所以在Web 當(dāng)中禁止采用Document，Window之類(lèi)的方法。而在以往對(duì)HTML5 進(jìn)行加載的過(guò)程中，會(huì)受到網(wǎng)絡(luò)環(huán)境的限制，需要對(duì)HTML、CSS 以及JS 進(jìn)行逐步加載，并返回?cái)?shù)據(jù)，從而渲染頁(yè)面，將其在瀏覽器當(dāng)中進(jìn)行展現(xiàn)。這樣的方式用戶(hù)需要等待許久，而且會(huì)降低用戶(hù)的體驗(yàn)感[4]。微信Web開(kāi)發(fā)者工具與H5 開(kāi)發(fā)工具的預(yù)覽模式存在著一定的差異，其屬于一項(xiàng)自己的工具，因此可有效地實(shí)現(xiàn)同步本地文件開(kāi)發(fā)和調(diào)試等流程。此外小程序開(kāi)發(fā)了相關(guān)的標(biāo)簽語(yǔ)言和樣式語(yǔ)言，并沒(méi)有使用相關(guān)的HTML5+CSS3。在微信小程序軟件的開(kāi)發(fā)過(guò)程中，還進(jìn)一步提供了原生APP 的組件。而在HTML5+CSS3 當(dāng)中，這是需要通過(guò)模擬才能夠有效實(shí)現(xiàn)的相關(guān)功能，但在小程序當(dāng)中可以通過(guò)組件來(lái)得到有效的實(shí)現(xiàn)[5]。

2 微信小程序結(jié)構(gòu)

2.1 框架

（1）文件結(jié)構(gòu)

在使用小程序的文件結(jié)構(gòu)時(shí)，微信開(kāi)發(fā)工具會(huì)新建出一個(gè)項(xiàng)目，而框架能夠自動(dòng)生成一個(gè)page 文件，并對(duì)整體程序的APP和多個(gè)頁(yè)面進(jìn)行描述。而在該頁(yè)面下，可以將安裝文件夾進(jìn)行有效的劃分，每一個(gè)頁(yè)面都可以包括4 個(gè)文件，分別為wxml 文件、wxss 文件、js 文件、json 文件。

（2）了解小程序框架

微信小程序開(kāi)發(fā)主要從軟件設(shè)計(jì)的角度出發(fā)設(shè)計(jì)框架，框架可以進(jìn)行多次重復(fù)使用。軟件架構(gòu)的解決方案規(guī)定了應(yīng)用體系的具體結(jié)構(gòu)，也闡述了結(jié)構(gòu)當(dāng)中各層次之間和內(nèi)部間組件之間的關(guān)聯(lián)、相關(guān)的分配責(zé)任以及控制流程?？梢詫⑵浔憩F(xiàn)為一組接口、抽象類(lèi)以及實(shí)例類(lèi)進(jìn)行協(xié)作的方法，并對(duì)一應(yīng)用領(lǐng)域當(dāng)中的系統(tǒng)進(jìn)行部分設(shè)計(jì)，或?qū)Υ讼到y(tǒng)功能的整體結(jié)構(gòu)進(jìn)行實(shí)現(xiàn)。小程序的主要開(kāi)發(fā)框架核心為數(shù)據(jù)綁定系統(tǒng)，可以及時(shí)進(jìn)行響應(yīng)，主要分為視圖層和邏輯層。小程序開(kāi)發(fā)工具主要提供了視圖層的兩種描述語(yǔ)言以及基于邏輯層框架，并在二者之間設(shè)置出具體的數(shù)據(jù)傳輸和事件系統(tǒng)。這樣開(kāi)發(fā)者在對(duì)小程序進(jìn)行開(kāi)發(fā)的過(guò)程中可以更好地將重點(diǎn)放在數(shù)據(jù)和邏輯上。邏輯層主要是指對(duì)事物邏輯進(jìn)行處理的地方，各個(gè)腳本的結(jié)合便構(gòu)成了邏輯層[7]。

2.2 組件

微信官方網(wǎng)站為軟件開(kāi)發(fā)提供了相應(yīng)的組件，通過(guò)組合組件進(jìn)一步的完成對(duì)小程序的開(kāi)發(fā)。＜view/＞和ht ml5 之間的＜ div/＞比較類(lèi)似，其也是布局當(dāng)中的一項(xiàng)基本組件，進(jìn)而在復(fù)雜的布局當(dāng)中進(jìn)行嵌套組件來(lái)進(jìn)行實(shí)現(xiàn)。

2.3 API 及其配置

（1）域名配置

小程序在開(kāi)發(fā)時(shí)可以提供相關(guān)的屬性，而開(kāi)發(fā)者可以根據(jù)具體的要求來(lái)對(duì)界面進(jìn)行設(shè)計(jì)，并通過(guò)框架所提供的API 實(shí)現(xiàn)小程序的相關(guān)功能。在使用API 時(shí)，首先應(yīng)對(duì)小程序的服務(wù)器域名進(jìn)行配置，因此小程序應(yīng)將通信域名進(jìn)行設(shè)定，并和制定的域名完成網(wǎng)絡(luò)通信過(guò)程。

（2）API

wx.request（Object），該API 能夠使小程序和開(kāi)發(fā)者的服務(wù)器進(jìn)行有效數(shù)據(jù)交互，而通過(guò)request 方法的使用可以順利發(fā)送HTTPS 請(qǐng)求，而且在小程序的開(kāi)發(fā)過(guò)程中只能使用HTTPS 請(qǐng)求。同一時(shí)間內(nèi)，每一個(gè)微信小程序只能與五個(gè)網(wǎng)絡(luò)請(qǐng)求進(jìn)行連接。

3 項(xiàng)目發(fā)布

微信小程序在開(kāi)發(fā)完成后，相關(guān)管理人員需要通過(guò)人工手動(dòng)的方式進(jìn)行打包，并將代碼進(jìn)行上傳，提交配置類(lèi)信息，然后接受相關(guān)審核。如果審核未能通過(guò)，則應(yīng)進(jìn)行二次審核，并提供測(cè)試入口。由開(kāi)發(fā)者來(lái)提供相關(guān)的入口，這樣可以方便審核人員在審核小程序時(shí)進(jìn)行登錄，在審核后確認(rèn)無(wú)誤，方可以進(jìn)行發(fā)布。

4 結(jié)束語(yǔ)

綜上，微信小程序可以為微信用戶(hù)帶來(lái)更好的體驗(yàn)，而且自帶流量?jī)?yōu)勢(shì)，具有使用人口多、功能簡(jiǎn)單便捷等特點(diǎn)。微信小程序的功能不斷更新，這也對(duì)小程序的開(kāi)發(fā)和應(yīng)用提出了更高的要求，需要小程序的開(kāi)發(fā)和生態(tài)工具的建設(shè)能夠提高到一個(gè)更高的層次。而目前各行各業(yè)都紛紛加入到了小程序的開(kāi)發(fā)過(guò)程當(dāng)中，這也使小程序的功能變得更完善。雖然目前有一些人對(duì)小程序不看好，但在其優(yōu)化和改良后也開(kāi)放出許多的入口，增加了開(kāi)發(fā)者和用戶(hù)的關(guān)注度。然而現(xiàn)今階段部分高頻和復(fù)雜的應(yīng)用還不能有效的被小程序所取代，但一些低頻應(yīng)用的功能則可以在小程序當(dāng)中進(jìn)行實(shí)現(xiàn)，從而可以將APP 卸載。總的來(lái)說(shuō)，微信小程序具有十分廣闊的發(fā)展前景，而對(duì)于其未來(lái)的發(fā)展也有著一定的期待。