最近在公司實(shí)習(xí),經(jīng)理要求做一個(gè)微信小程序,晚上閑時(shí)來寫一下。

  微信小程序問世沒多久,但毋庸置疑的是在不久的將來,它可以替代掉很多的APP。個(gè)人認(rèn)為它的優(yōu)勢在于占用資源少,可以做到即用即走,對(duì)于一些使用頻率不是很高的APP來說,使用相應(yīng)的小程序會(huì)方便很多。

  要進(jìn)行微信小程序的開發(fā):

  1.首先得注冊(cè)一個(gè)開發(fā)者的賬號(hào),可以到微信公眾平臺(tái)進(jìn)行注冊(cè),選擇注冊(cè)的賬號(hào)類型為小程序,進(jìn)行相應(yīng)的注冊(cè)后即可進(jìn)行以后的操作

  2.下載微信Web開發(fā)者工具,進(jìn)行相應(yīng)的安裝,具體的安裝過程在這兒就不詳細(xì)說了

  打開微信Web開發(fā)者工具,可以用手機(jī)掃描二維碼進(jìn)行登錄

iOS培訓(xùn),Swift培訓(xùn),蘋果開發(fā)培訓(xùn),移動(dòng)開發(fā)培訓(xùn)

  登錄后有以下兩種選項(xiàng),在這兒我選擇本地小程序項(xiàng)目

iOS培訓(xùn),Swift培訓(xùn),蘋果開發(fā)培訓(xùn),移動(dòng)開發(fā)培訓(xùn)

  可以添加項(xiàng)目,也可以打開以前的項(xiàng)目,在這兒我添加一個(gè)項(xiàng)目

iOS培訓(xùn),Swift培訓(xùn),蘋果開發(fā)培訓(xùn),移動(dòng)開發(fā)培訓(xùn)

  AppID的話可以填寫,也可以不填寫,但不填寫部分功能可能會(huì)受到限制,項(xiàng)目目錄可以選擇一個(gè)已有的項(xiàng)目,如果沒有,可以新建一個(gè)空的目錄,如果是空的目錄,會(huì)出現(xiàn)“在當(dāng)前目錄中創(chuàng)建 quick start 項(xiàng)目”這一句話,會(huì)默認(rèn)創(chuàng)建quick start項(xiàng)目,然后添加項(xiàng)目。

iOS培訓(xùn),Swift培訓(xùn),蘋果開發(fā)培訓(xùn),移動(dòng)開發(fā)培訓(xùn)

  這就是開發(fā)工具的整體布局

iOS培訓(xùn),Swift培訓(xùn),蘋果開發(fā)培訓(xùn),移動(dòng)開發(fā)培訓(xùn)

  下面來講一講小程序的結(jié)構(gòu),每個(gè)小程序包含pages、app.js、app.json、app.wxss。

  pages中包含若干個(gè)page,一個(gè)page代表一個(gè)頁面,page中包含*.js、*.json、 *.wxml、 *.wxss文件, *.wxml、 *.wxss類似于html和css,分別為頁面結(jié)構(gòu)文件和樣式表文件,*.js為腳本文件,*.json為配置文件。當(dāng)然這四個(gè)文件中只有*.js文件和*.xml文件是必須的,其它兩個(gè)可有可無。

  app.js為小程序的入口,是小程序的腳本代碼,可以監(jiān)聽并處理小程序的生命周期函數(shù),以及聲明全局變量等。

  app.json為小程

網(wǎng)友評(píng)論