微信的小程序已經(jīng)推出好一段時(shí)間了,項(xiàng)目組也做了好幾個(gè)小程序,但都是跟同事一起協(xié)作完成的,但這次跟大家聊聊一個(gè)人如何做一款小程序。你需要具備以下技能:1、數(shù)據(jù)庫(kù),如Mysql或者M(jìn)ongoD ...
微信的小程序已經(jīng)推出好一段時(shí)間了,項(xiàng)目組也做了好幾個(gè)小程序,但都是跟同事一起協(xié)作完成的,但這次跟大家聊聊一個(gè)人如何做一款小程序。
你需要具備以下技能:
1、數(shù)據(jù)庫(kù),如Mysql或者M(jìn)ongoDB
2、一種后臺(tái)語(yǔ)言:Java或Php或C++等等
3、前端JavaScript、Css
4、知道一點(diǎn)基本的設(shè)計(jì)規(guī)范
5、搭建web服務(wù)器的能力
6、一個(gè)域名(需要支持https)
一列下來(lái),就是個(gè)全棧工程師了。別緊張,只是知識(shí)點(diǎn)很多,不需要很精通,也可以完成小程序。
首先,你需要知道你自己的想法,需求是什么?以及現(xiàn)有的技術(shù)能力支不支持你的需求,明白了就開(kāi)干。比如我這次就拿某瀏覽美女圖站點(diǎn)做demo,仿照一個(gè)瀏覽美女圖的例子,具體實(shí)現(xiàn)效果如下:
簡(jiǎn)單的需求都不需要畫(huà)原型圖了,把自己想實(shí)現(xiàn)的琢磨清楚。
1、圖片瀑布流展示,分兩欄。
2、點(diǎn)擊圖片,瀏覽美女高清圖,小程序提供了預(yù)覽圖片組功能
3、分頁(yè)加載,數(shù)據(jù)源從后臺(tái)獲取
4、APP主題色彩偏粉紅
5、頁(yè)面展示圖片和文字描述即可。

前后臺(tái)采用http協(xié)議通信,所以需要服務(wù)器,如果自己沒(méi)有機(jī)器,可以購(gòu)買云服務(wù)器,阿里云、騰訊云或者新浪云等等。
還得注冊(cè)一個(gè)域名,將域名解析到你的服務(wù)器。假如你購(gòu)買域名是www.xxxx.com,那么解析到服務(wù)器后,安裝web服務(wù)器,如Apache,搭建成功,那就可以在瀏覽器訪問(wèn)web服務(wù)。
怎么搭建后臺(tái)CGI接口呢,可以選擇成熟的開(kāi)源框架,選擇自己比較熟悉的語(yǔ)言,如php也有很多小型restful的框架,配套mysql數(shù)據(jù)庫(kù),實(shí)在不行LAMP給你全套啊。等數(shù)據(jù)庫(kù)-web服務(wù)器-后臺(tái)框架腳手架搭建完成,那么還缺數(shù)據(jù)啊。
數(shù)據(jù)怎么辦?沒(méi)有用戶錄入,那就自己去某網(wǎng)站爬取。根據(jù)需求,先設(shè)計(jì)好數(shù)據(jù)庫(kù),要什么字段,什么類型的。然后開(kāi)始分析目標(biāo)站點(diǎn),通過(guò)爬蟲(chóng)程序去抓取頁(yè)面,將別人的頁(yè)面數(shù)據(jù)錄入到自己的數(shù)據(jù)庫(kù)。爬蟲(chóng)程序好多框架,Python,php,node都可以,選擇你擅長(zhǎng)的。等爬完數(shù)據(jù)后,你就擁有了數(shù)據(jù),接下來(lái)就要完成CGI的業(yè)務(wù)邏輯,包括讀取數(shù)據(jù),分頁(yè)功能。前端的協(xié)議,一般都是通過(guò)json格式來(lái)通行,等到后臺(tái)接口完成了,那么可以開(kāi)始著手小程序的開(kāi)發(fā) 。
首先去小程序網(wǎng)站注冊(cè)個(gè)賬號(hào),填好最基本的信息,然后就可以開(kāi)發(fā)了。
開(kāi)發(fā)之前先大概了解下小程序的運(yùn)行原理,接口不熟悉的可以臨時(shí)翻閱文檔。
如果你不擅長(zhǎng)設(shè)計(jì),可以先不管。先把讀取數(shù)據(jù)接口調(diào)通了,把分頁(yè)邏輯寫(xiě)好,等數(shù)據(jù)庫(kù)字段都能展示在頁(yè)面上,你再慢慢來(lái)調(diào)整頁(yè)面的UI。怎么好看怎么來(lái),按照自己的感覺(jué),如果實(shí)在把握不了,可以熟悉下最基本的設(shè)計(jì)規(guī)范,對(duì)齊,間距,字體突出,色彩協(xié)調(diào)搭配等等,基本上可以調(diào)出一款能夠看的過(guò)去的小程序。
好吧,閑話說(shuō)的到這里,有興趣學(xué)習(xí),直接看我的源碼
接下來(lái)你是不是想讓更多的人看到你開(kāi)發(fā)的這個(gè)小程序啊,最簡(jiǎn)單的方法,就在各種地方分享。其他的方法就先去慢慢的琢磨用戶再說(shuō)。
看到到這里,你是不是發(fā)現(xiàn)一個(gè)人要做一款小程序,簡(jiǎn)直TM的太難了,要會(huì)那么多東西。好吧,如果你沒(méi)有十足的興趣,你還是別試了。這都還是最基本的,我上面說(shuō)的每一個(gè)點(diǎn),深究下去一輩子都不夠。另外,不要?jiǎng)硬粍?dòng)就叫別人給你做一個(gè)網(wǎng)站,做一個(gè)APP啊,你現(xiàn)在知道有多難了?