原創(chuàng)聲明:本文為作者原創(chuàng),未經(jīng)允許不得轉(zhuǎn)載,經(jīng)授權(quán)轉(zhuǎn)載需注明作者和出處
小程序是一種不需要下載安裝即可使用的應(yīng)用,用戶(hù)掃一掃或者搜一下即可打開(kāi)應(yīng)用,是一種新的應(yīng)用形態(tài),小程序的推出并非意味著微信要來(lái)充當(dāng)應(yīng)用分發(fā)市場(chǎng)的角色,而是給一些優(yōu)質(zhì)服務(wù)提供一個(gè)開(kāi)放的平臺(tái),將開(kāi)發(fā)者已有的 App 后臺(tái)的用戶(hù)數(shù)據(jù)進(jìn)行打通,但不會(huì)支持小程序和 App 直接的跳轉(zhuǎn)。
1>選擇創(chuàng)建項(xiàng)目
2>填入 AppID ,項(xiàng)目名稱(chēng),選擇存儲(chǔ)目錄,點(diǎn)擊“新建項(xiàng)目”就可以了
3>如果選擇空文件夾,可以選擇創(chuàng)建一個(gè)quick start項(xiàng)目,會(huì)在開(kāi)發(fā)目錄里生成一個(gè)簡(jiǎn) 單的 demo。
4>編寫(xiě)代碼,小程序初始化會(huì)有三個(gè)必不可少的文件
5>編寫(xiě)代碼,我們可以在這個(gè)文件中監(jiān)聽(tīng)并處理小程序的生命周期函數(shù),生命全局變量,調(diào)用框架提供的API。
6>app.json對(duì)整個(gè)小程序的全局配置。小程序中的每一個(gè)頁(yè)面的【路徑+頁(yè)面名】都需要寫(xiě)在 app.json 的pages中,且pages中的第一個(gè)頁(yè)面是小程序的首頁(yè)。注意該文件不可添加任何注釋。
7>app.wxss是整個(gè)小程序的公共樣式表。我們可以在頁(yè)面組件的 class屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。
8>每一個(gè)小程序頁(yè)面是由同路徑下同名的四個(gè)不同后綴文件的組成
9>demo頁(yè)面
10>這樣頁(yè)面就生成了
11>開(kāi)發(fā)者工具左側(cè)菜單欄選擇”項(xiàng)目”,點(diǎn)擊”預(yù)覽”,掃碼后即可在微信客戶(hù)端中體驗(yàn),至于如何獲取開(kāi)發(fā)工具,請(qǐng)參考社區(qū)的其他文檔,在這就不多說(shuō)了
11>常用樣式提供如下
12>api中心