文/朱志亭 李建平,廣州城建職業(yè)學(xué)院
微信小程序作為一種不需要下載安裝的輕量型應(yīng)用,能夠保證用戶(hù)進(jìn)行隨時(shí)隨地地使用,具有較為簡(jiǎn)潔的設(shè)計(jì)理念。用戶(hù)只需要通過(guò)微信這個(gè)大流量平臺(tái),能夠給用戶(hù)帶來(lái)非常出色的用戶(hù)體驗(yàn)。從微信小程序推出的時(shí)候開(kāi)始,其受到了較為廣泛的關(guān)注,并且能夠?qū)崿F(xiàn)較多種的功能,尤其是與微信公眾號(hào)的關(guān)聯(lián),用戶(hù)只需要掃描相應(yīng)的小程序二維碼或者搜一下相應(yīng)的小程序名稱(chēng),就可以實(shí)現(xiàn)小程序和公眾號(hào)之間的相互訪問(wèn)。這不但對(duì)用戶(hù)的訪問(wèn)流程進(jìn)行了簡(jiǎn)化,也優(yōu)化了用戶(hù)的使用體驗(yàn),進(jìn)而能夠提高流量的轉(zhuǎn)化。微信小程序定位為簡(jiǎn)單的基礎(chǔ)應(yīng)用,不僅在使用的時(shí)候較為簡(jiǎn)單,而且也大大降低了開(kāi)發(fā)的門(mén)檻,開(kāi)發(fā)的難度要遠(yuǎn)遠(yuǎn)小于APP 軟件的開(kāi)發(fā),尤其是對(duì)于開(kāi)發(fā)者而言,微信小程序是一個(gè)全新的機(jī)會(huì)和方向。 微信小程序具有十分準(zhǔn)確的定位,在迅速發(fā)展和不斷擴(kuò)張的情況下,在產(chǎn)品開(kāi)發(fā)、用戶(hù)體驗(yàn)等方面也表現(xiàn)出較多的優(yōu)點(diǎn)。其最大的特點(diǎn)是小程序不需要進(jìn)行下載安裝,用戶(hù)打開(kāi)使用完之后就可以直接離開(kāi),不會(huì)占用手機(jī)的存儲(chǔ)空間,同時(shí)也大大的減少了用戶(hù)操作的時(shí)間。微信小程序的前端代碼已經(jīng)存在微信服務(wù)器上,不需要加載就可以直接打開(kāi)使用,具有較快的響應(yīng)速度。微信小程序具有較為豐富的功能和較低的開(kāi)發(fā)成本,在進(jìn)行維護(hù)的時(shí)候也比較簡(jiǎn)單方便。同時(shí)微信小程序具有較多的開(kāi)放入口,還具有較高的安全性。
2.1.1 小程序的開(kāi)發(fā)框架
通常在開(kāi)發(fā)微信小程序時(shí),微信Web 開(kāi)發(fā)工具是必不可少的工具,在該工具的平臺(tái)選擇新建一個(gè)項(xiàng)目時(shí),小程序的框架就會(huì)自動(dòng)生成相應(yīng)的APP 和用來(lái)page 文件,APP 用來(lái)描述整體程序,而page 文件用來(lái)描述頁(yè)面。一個(gè)較為完整的小程序包括入口文件、全局樣式、全局配置,在頁(yè)面page 下劃分頁(yè)面安裝文件,每個(gè)頁(yè)面一般都包括視圖層和邏輯層,以及wxml、wxss、js 以及json 等4個(gè)文件。Wxss 和css 在語(yǔ)言方面具有相同的地方,都可以用來(lái)描述wxml 文件的組件樣式,page.wxss 與app.json 的Window 相比較,其優(yōu)先級(jí)要高。當(dāng)前微信小程序中增加了新的尺寸單位,根據(jù)屏幕寬度其能夠完成自適應(yīng),其也是系統(tǒng)級(jí)的rem。使用Page.json,可以對(duì)獨(dú)立定義頁(yè)面的一些屬性進(jìn)行設(shè)置,從而滿(mǎn)足小程序?qū)嶋H應(yīng)用的需求,而config.json 可以設(shè)置一些小程序個(gè)性化的配置。JS 文件主要在用戶(hù)交互、響應(yīng)用戶(hù)點(diǎn)擊等方面發(fā)揮相應(yīng)的作用,在微信小程序中,用戶(hù)的操作也是通過(guò)JS 腳本進(jìn)行響應(yīng)。
2.1.2 小程序的相關(guān)組件
對(duì)于微信Web 開(kāi)發(fā)工具而言,其本身具有一系列實(shí)用的開(kāi)發(fā)組件,在進(jìn)行相關(guān)小程序開(kāi)發(fā)的過(guò)程中,可以使用開(kāi)發(fā)工具中的基本組件組合形式,其中的一些組件也比較有特點(diǎn)。
工具中的
的值需要賦值給value 屬性,而不是被標(biāo)簽包裹,作為一種多行輸入框,這也是其和HTML 的不同之處,除此之外其還是相應(yīng)的自閉合標(biāo)簽。
(3)工具中的
(4)組件是一塊無(wú)色透明的區(qū)域,如果想繪制相應(yīng)的圖形,就需要調(diào)節(jié)相關(guān)應(yīng)用程序的編程接口,進(jìn)而實(shí)現(xiàn)相應(yīng)的繪制功能。
2.1.3 API 及其相關(guān)配置
在應(yīng)用API 的時(shí)候需要對(duì)相關(guān)小程序的服務(wù)器域名進(jìn)行配置,對(duì)于每個(gè)小程序而言,其都需要設(shè)置相應(yīng)的通信域名,小程序還能夠與指定的域名實(shí)現(xiàn)相應(yīng)的網(wǎng)絡(luò)通信。wx.request 和WebSocket 都是常用的API,wx.request 能夠?qū)崿F(xiàn)小程序和開(kāi)發(fā)者服務(wù)器之間的數(shù)據(jù)交互,而WebSocket 的request 方法,能夠通過(guò)客戶(hù)端向服務(wù)器主動(dòng)發(fā)起相應(yīng)的請(qǐng)求,服務(wù)器端經(jīng)過(guò)響應(yīng)并返回相應(yīng)的數(shù)據(jù)來(lái)達(dá)到通信的目的。
在微信小程序開(kāi)發(fā)完成后,管理員需要使用手動(dòng)打包的方式上傳相關(guān)代碼,完成相關(guān)配置類(lèi)目的填寫(xiě)工作后,再提交代碼進(jìn)行相關(guān)審核。在審核完成后就可以進(jìn)行微信小程序的手動(dòng)發(fā)布。結(jié)合n ode 和webkit,使用JS+HTML 就可以實(shí)現(xiàn)本地應(yīng)用程序。
微信小程序的推廣方式有很多,其中可以通過(guò)名稱(chēng)做搜索優(yōu)化,當(dāng)相關(guān)用戶(hù)通過(guò)搜索框查詢(xún)相關(guān)服務(wù)的時(shí)候,最搜索框展示出來(lái)的小程序,是和搜索結(jié)果最為接近的小程序。對(duì)于企業(yè)而言,可以使用“關(guān)鍵詞”進(jìn)行相應(yīng)的推廣,當(dāng)小程序的搜索關(guān)鍵詞與小程序名稱(chēng)的匹配度高,推廣效果會(huì)更加的好。同時(shí)也可以利用微信的社交屬性進(jìn)行相應(yīng)的推廣,微信小程序可以直接分享到微信群里,能夠準(zhǔn)確接觸到相應(yīng)的用戶(hù)群。
綜上所述,微信小程序具有豐富的功能,在社會(huì)各領(lǐng)域中得到了較為廣泛的應(yīng)用。微信小程序可以由開(kāi)發(fā)者進(jìn)行自主開(kāi)發(fā)設(shè)計(jì),能夠較大減少開(kāi)發(fā)的成本,還能幫助用戶(hù)和服務(wù)建立有效的聯(lián)系,進(jìn)行快速的傳播,給用戶(hù)帶來(lái)較好的用戶(hù)體驗(yàn)。本文主要研究了微信小程序的開(kāi)發(fā)及推廣方面的內(nèi)容,為小程序的應(yīng)用提供一些參考。