“幫我開發(fā)個微信小程序吧?!?/p>
“不是都是程序開發(fā)嘛,很簡單的吧?!?/p>
“什么?這么簡單的要開發(fā)這么久?”
1 緣由
公司的Exchange一直都未曾在Outlook創(chuàng)建會議室房間(不要吐槽,不要吐槽,不要吐槽),所以最初會議室預(yù)定都是找廠辦(廠長辦公室)人員確定和預(yù)定會議室,一來二去比較繁瑣與低效。前不久廠辦人員在微信找到了一個用于會議室預(yù)定的免費小程序,可以自定義創(chuàng)建會議室,關(guān)注該會議室后還可以看到會議室的使用狀態(tài)以及根據(jù)需要自己預(yù)定會議室,方便了不少。
本周的時候,該小程序突然無法正常預(yù)定會議室,于是只好回到老路子直接找廠辦人員預(yù)定會議室。廠辦妹子順便說到,要不你給弄個微信小程序唄。
我是搞嵌入式軟件,對這類Web及移動端的程序軟件開發(fā)其實一無所知。因為之前一直對這個行業(yè)比較好奇,想趁此機會了解下這方面的開發(fā)模式與方法,所以在每天一杯奶茶的誘惑下,腦袋一熱,答應(yīng)下來,打算工作之余做個類似的小程序,給自己定的時間為兩周。之所以定了兩周,是覺得功能相對簡單,即便之前沒有接觸過這行,但是開發(fā)理念是相通,主要的障礙是編程語言的重新熟悉而已。
下了班,回到家,簡單理了一遍從0到1的幾個過程,如下圖,我就后悔了,因為只有工作之余的時間可以利用,按每天兩個小時預(yù)估(要是有人幫忙溜娃,我可以騰出三個小時以上),兩周時間根本不夠。于是腆著臉跟廠辦人員說兩周完不成,最后達成第三季度完成即可。
2 準(zhǔn)備工作-開發(fā)流程與工具
簡單理了一下小程序的開發(fā)基本流程。
1. 申請賬號(AppID):開發(fā)小程序的第一步,你需要擁有一個小程序帳號,通過這個帳號你就可以管理你的小程序。申請鏈接如下。需要注意的是小程序的AppID和公眾號的AppID是兩個東東,不要混淆了。https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#申請帳號
2. 安裝開發(fā)者工具:前往開發(fā)者工具下載頁面,根據(jù)自己的操作系統(tǒng)下載對應(yīng)的安裝包進行安裝,有關(guān)開發(fā)者工具更詳細的介紹可以查看《開發(fā)者工具介紹》。下圖為微信開發(fā)者工具的頁面實例圖。下載鏈接如下:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
3. 設(shè)計編碼,測試驗證,發(fā)布上線就不說了,跟其他軟件開發(fā)流程是一致的
3 準(zhǔn)備工作-代碼構(gòu)成與開發(fā)語言
本章節(jié)部分內(nèi)容摘自微信小程序指南,現(xiàn)在看不懂沒關(guān)系,可以先假裝看得懂,因為我現(xiàn)階段也看不懂。先心中建立大致的框架與概念即可。用思維導(dǎo)圖歸納了下:
無論是哪一行業(yè)的軟件開發(fā),都有一些通用的代碼文件結(jié)構(gòu)。所以首先講講小程序的代碼文件構(gòu)成:
JSON配置文件
JSON 是一種數(shù)據(jù)格式,并不是編程語言,在小程序中,JSON扮演的靜態(tài)配置的角色。
我們可以看到在項目的根目錄有一個 app.json 和 project.config.json,此外在 pages/logs 目錄下還有一個 logs.json。這些文件里面保存了小程序相關(guān)的配置。
其他三類文件
從事過網(wǎng)頁編程的人知道,網(wǎng)頁編程采用的是 HTML CSS JS 這樣的組合,其中 HTML 是用來描述當(dāng)前這個頁面的結(jié)構(gòu),CSS 用來描述頁面的樣子,JS 通常是用來處理這個頁面和用戶的交互。—摘自微信小程序指南
(可是我并沒有從事過啊.gif)
同樣道理,在小程序中也有同樣的角色:
- WXML 充當(dāng)?shù)木褪穷愃?HTML 的角色,描述頁面的結(jié)構(gòu),但是在語法標(biāo)簽和部分開發(fā)模式上與HTML略微不同。(HTML沒用過 1)
- WXSS 充當(dāng)CSS的角色,具備了CSS大部分特性,并做了一些擴充和修改,用于描述頁面的樣子。(CSS沒用過 2)
- JS 處理與用戶的交互以及調(diào)用小程序提供的API等(JS沒用過 10086,越發(fā)覺得坑越挖越大)
4 準(zhǔn)備工作-云開發(fā)
在最初打算設(shè)計會議室預(yù)定系統(tǒng)小程序的時候,有個困擾我的問題就是服務(wù)器的架設(shè)。因為會議室系統(tǒng)需要用戶權(quán)限管理和保存會議室相關(guān)的數(shù)據(jù),所以肯定需要服務(wù)器進行數(shù)據(jù)庫的云端保存。然而,我們公司IT這方面的能力只能用“呵呵”來表達。
在安裝了微信開發(fā)者工具以后,我發(fā)現(xiàn)了一個云開發(fā)選項,不由得眼前一亮。趕緊去官網(wǎng)看了下云開發(fā)的介紹。雖然現(xiàn)在還沒有完全理解,但是初步判斷應(yīng)該能滿足會議室的這一需求。
且基礎(chǔ)版的功能是免費的(現(xiàn)在想想之前廠辦用的免費小程序,用的應(yīng)該是這個模式,用的人多了估計相關(guān)服務(wù)就受限導(dǎo)致無法使用)。
作者:跨界程序員Vincent。持續(xù)更新中。。。
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請發(fā)送郵件至 舉報,一經(jīng)查實,本站將立刻刪除。