最近在公司實習(xí),經(jīng)理要求做一個微信小程序,晚上閑時來寫一下。
微信小程序問世沒多久,但毋庸置疑的是在不久的將來,它可以替代掉很多的APP。個人認(rèn)為它的優(yōu)勢在于占用資源少,可以做到即用即走,對于一些使用頻率不是很高的APP來說,使用相應(yīng)的小程序會方便很多。
要進行微信小程序的開發(fā):
1.首先得注冊一個開發(fā)者的賬號,可以到微信公眾平臺進行注冊,選擇注冊的賬號類型為小程序,進行相應(yīng)的注冊后即可進行以后的操作
2.下載微信Web開發(fā)者工具,進行相應(yīng)的安裝,具體的安裝過程在這兒就不詳細(xì)說了
打開微信Web開發(fā)者工具,可以用手機掃描二維碼進行登錄
登錄后有以下兩種選項,在這兒我選擇本地小程序項目
可以添加項目,也可以打開以前的項目,在這兒我添加一個項目
AppID的話可以填寫,也可以不填寫,但不填寫部分功能可能會受到限制,項目目錄可以選擇一個已有的項目,如果沒有,可以新建一個空的目錄,如果是空的目錄,會出現(xiàn)“在當(dāng)前目錄中創(chuàng)建 quick start 項目”這一句話,會默認(rèn)創(chuàng)建quick start項目,然后添加項目。
這就是開發(fā)工具的整體布局
下面來講一講小程序的結(jié)構(gòu),每個小程序包含pages、app.js、app.json、app.wxss。
pages中包含若干個page,一個page代表一個頁面,page中包含*.js、*.json、 *.wxml、 *.wxss文件, *.wxml、 *.wxss類似于html和css,分別為頁面結(jié)構(gòu)文件和樣式表文件,*.js為腳本文件,*.json為配置文件。當(dāng)然這四個文件中只有*.js文件和*.xml文件是必須的,其它兩個可有可無。
app.js為小程序的入口,是小程序的腳本代碼,可以監(jiān)聽并處理小程序的生命周期函數(shù),以及聲明全局變量等。
app.json為小程