介紹微信開發者工具以及微信小程序框架

2018年(nian)，一(yi)直不溫不火的(de)微(wei)信(xin)小程序(xu)迎來了第二個春天。在我(wo)的(de)記憶中，隨(sui)著(zhu)跳躍游戲的(de)出現(xian)，成千上萬(wan)的(de)微(wei)信(xin)小程序(xu)如雨后(hou)春筍般涌現(xian)在我(wo)們的(de)視線中。追逐(zhu)這一(yi)波浪潮，作者(zhe)的(de)公司也開始將一(yi)些需求轉(zhuan)移(yi)到微(wei)信(xin)小程序(xu)上。接下(xia)來，我(wo)將與您分(fen)享最近日歷打卡小程序(xu)的(de)開發(fa)過程和(he)問(wen)題。

（1）微(wei)(wei)信(xin)(xin)開(kai)發(fa)(fa)(fa)(fa)(fa)人員工(gong)具小程(cheng)序團(tuan)隊(dui)推出了(le)自己(ji)的開(kai)發(fa)(fa)(fa)(fa)(fa)工(gong)具——微(wei)(wei)信(xin)(xin)開(kai)發(fa)(fa)(fa)(fa)(fa)人員工(gong)具。目前，微(wei)(wei)信(xin)(xin)開(kai)發(fa)(fa)(fa)(fa)(fa)人員工(gong)具仍在(zai)不(bu)斷改進(jin)，在(zai)開(kai)發(fa)(fa)(fa)(fa)(fa)小程(cheng)序時需(xu)要不(bu)斷更新(xin)。論壇(tan)上(shang)吐(tu)槽(cao)的文章也很(hen)多，有很(hen)多bug，作者(zhe)(zhe)在(zai)開(kai)發(fa)(fa)(fa)(fa)(fa)過程(cheng)中也被它坑過。作者(zhe)(zhe)是(shi)安卓開(kai)發(fa)(fa)(fa)(fa)(fa)者(zhe)(zhe)，習慣了(le)這種(zhong)可視(shi)化編(bian)程(cheng)，所以沒有選擇Webstrom或(huo)其他開(kai)發(fa)(fa)(fa)(fa)(fa)工(gong)具，下(xia)面(mian)將介紹微(wei)(wei)信(xin)(xin)開(kai)發(fa)(fa)(fa)(fa)(fa)者(zhe)(zhe)工(gong)具的基本(ben)功(gong)能。

型號選擇(ze)：小程(cheng)序IPhone6的屏(ping)(ping)幕尺寸(cun)(cun)是(shi)設計標準，讓UI小姐姐按照IPhone6屏(ping)(ping)幕尺寸(cun)(cun)。

預覽界(jie)面：點擊(ji)編譯視圖布局(ju)，刷新視圖界(jie)面顯(xian)示遠程調(diao)試：手(shou)機(ji)和PC端開發(fa)工具聯調(diao)(非常實用)上傳代(dai)碼:上傳到騰訊服務器，提交審核(he)必(bi)要步(bu)驟。可以填寫版本號和備注信息。

5-1:代碼體(ti)積，微信(xin)限制 2M 以(yi)內(nei)。5-2：ES法定域(yu)名(ming)(ming)信(xin)息在語法轉換開(kai)(kai)(kai)發中(zhong)一般不(bu)驗證(zheng) 。5-3:域(yu)名(ming)(ming)信(xin)息:服務器域(yu)名(ming)(ming)應在小程(cheng)序后(hou)臺配(pei)置(zhi)。request 域(yu)名(ming)(ming)，socket 域(yu)名(ming)(ming)以(yi)及uploadFile和downloadFile域(yu)名(ming)(ming)。注(zhu)：域(yu)名(ming)(ming)小程(cheng)序必(bi)須要求https控制臺：打印輸出信(xin)息，方便調試(shi)(shi)資(zi)源(yuan)文(wen)(wen)件(jian)：相(xiang)(xiang)應項目的(de)文(wen)(wen)件(jian)目錄，一般可以(yi)調試(shi)(shi)本地數據存儲：顯示本地存儲的(de)數據，相(xiang)(xiang)應的(de)相(xiang)(xiang)關數據API是karrylady.cn(key,data)視圖調試(shi)(shi)：標準(zhun)組件(jian)以(yi)子父級結構呈現，便于(yu)調試(shi)(shi)。以(yi)上是微信(xin)開(kai)(kai)(kai)發人員工具在開(kai)(kai)(kai)發過程(cheng)中(zhong)常用的(de)功能(neng)，微信(xin)開(kai)(kai)(kai)發人員工具也在不(bu)斷改(gai)進(jin)。為了更好(hao)地提高未(wei)來的(de)開(kai)(kai)(kai)發效(xiao)率，我們還需要在開(kai)(kai)(kai)發過程(cheng)中(zhong)不(bu)斷向小程(cheng)序團隊反饋問題。我希(xi)望你能(neng)保持寬容的(de)態度(du)。還可以(yi)根據自己的(de)習(xi)慣選擇其(qi)他開(kai)(kai)(kai)發工具。

(2)介紹(shao)小程序框架和目錄(lu)結構(gou)

邏(luo)輯層(ceng)(ceng)小程(cheng)序開發(fa)框(kuang)架(jia)的(de)邏(luo)輯層(ceng)(ceng) JavaScript 編寫。處理(li)后，邏(luo)輯層(ceng)(ceng)將(jiang)數據發(fa)送到(dao)(dao)視(shi)圖層(ceng)(ceng)，并接受(shou)視(shi)圖層(ceng)(ceng)的(de)事件(jian)(jian)反饋。邏(luo)輯層(ceng)(ceng)對應(ying)于(yu)js每(mei)個頁面都(dou)有文件(jian)(jian)js在文件(jian)(jian)中，系(xi)統提(ti)供了(le)頁面生命周期等一系(xi)列方法onLoad(),onShow(),onHide()等，下拉(la)刷(shua)新(xin)onPullDownRefresh()頁面底部(上拉(la)加載)onReachBottom()方法，共享功能onShareAppMessage()等。視(shi)圖層(ceng)(ceng)框(kuang)架(jia)的(de)視(shi)圖層(ceng)(ceng)由 wxml 與 wxss 編寫，由組件(jian)(jian)顯(xian)示(shi)。將(jiang)邏(luo)輯層(ceng)(ceng)的(de)數據反應(ying)成視(shi)圖，并將(jiang)視(shi)圖層(ceng)(ceng)的(de)事件(jian)(jian)發(fa)送到(dao)(dao)邏(luo)輯層(ceng)(ceng)。wxml 由小程(cheng)序提(ti)供的(de)組件(jian)(jian)組成，wxss 是css 樣式。

app文件

karrylady.cn 文(wen)件用于全面配置(zhi)微信小(xiao)程(cheng)序，決定頁(ye)(ye)面文(wen)件的(de)路徑、窗口性能(neng)、網絡超時設置(zhi)、多設置(zhi) tab 等。頁(ye)(ye)面的(de)json文(wen)件通常用于配置(zhi)當前頁(ye)(ye)面的(de)窗口性能(neng)。karrylady.cn 用于提供(gong)全局變量(liang)，如baseUrl。karrylady.cn 提供(gong)全局的(de)css樣(yang)式(shi)

utils/.json 系(xi)統(tong)提供的工具(ju)類(lei)，一(yi)般編(bian)寫公共方(fang)(fang)法導(dao)出(chu)，方(fang)(fang)便其他頁面調用(yong)。

上海西(xi)陸信息科(ke)技有限公司 承接(jie)各類微信小程序開發制(zhi)作(zuo)、小程序定制(zhi)、APP 網站 開發制(zhi)作(zuo)，聯系電話 18221533805、15900430334