今天我們來聊聊微信小程序
在這篇文章之前,已經(jīng)寫了一半,然后手殘從微信公眾號(hào)切換到微信小程序之后,內(nèi)容清空了。大概是系統(tǒng)覺得我之前那半篇寫的不行。那就write it again!
微信小程序的業(yè)務(wù)背景不在本篇介紹,這篇文章只從技術(shù)角度梳理微信小程序開發(fā)流程以及所需知識(shí)點(diǎn)。具體開發(fā)步驟會(huì)在后續(xù)的文章中詳細(xì)介紹。如果你還不知道微信小程序是什么,可以點(diǎn)開微信,發(fā)現(xiàn)選項(xiàng)卡里面,有一項(xiàng)是微信小程序,還有我們常用的聊天界面下拉下來,顯示的就是一些微信小程序。話不多說,直接進(jìn)入正題。第一個(gè)概念,微信小程序是有前端和后端的。如果你需要做一個(gè)微信小程序,用來展示一些固定的信息,不需要用到數(shù)據(jù)庫(這是一個(gè)很明顯的分界線),那么可以不用考慮小程序的后臺(tái)搭建。用到數(shù)據(jù)庫就需要搭建小程序后臺(tái),我們暫且將不需要后臺(tái)的小程序叫做展示型小程序。
展示型小程序需要搭建小程序的前端,這部分使用的語言是固定的。官方指導(dǎo)文檔里有說明,JS,JSON,WXML,WXSS,主要是這4類文件。一個(gè)頁面涉及的文件如下:

微信小程序頁面結(jié)構(gòu)
對(duì)比于傳統(tǒng)的網(wǎng)站開發(fā)三板斧:HTML,JS,CSS。小程序使用4類文件,JS和網(wǎng)站的JS一樣,少了DOM和WINDOW的概念。JSON文件用于配置導(dǎo)航欄,底部表格欄,以及一些全局的頁面配置,項(xiàng)目配置。WXML是WX+XML,是XML,不是HTML,區(qū)別就在于開閉標(biāo)簽,XML使用嚴(yán)格的開閉標(biāo)簽對(duì)。WXSS和CSS語法一致,新增了rpx的概念,為了更好的適應(yīng)不同像素的手機(jī)。小程序的后臺(tái)可以使用的語言比較多,PHP,JS,JAVA,C#,Python都可以(幾個(gè)主流后臺(tái)語言)。傳說中程序員圈有一個(gè)爭論不休的話題,PHP是不是世界上最好的語言?其實(shí),你會(huì)的就是最好的,能用上才最實(shí)在。學(xué)習(xí)語言是需要成本的,為了最好的語言,花費(fèi)太多精力不值當(dāng)。以自身開發(fā)小程序經(jīng)驗(yàn)為例,Python的Django框架+MySQL數(shù)據(jù)庫開發(fā)后臺(tái)功能, Nginx+Usgi實(shí)現(xiàn)后臺(tái)部署,對(duì)于有一點(diǎn)python基礎(chǔ)的人來說,上手很快。當(dāng)然其他語言也很方便。如果你碰巧這幾種都不會(huì),那恭喜你又多了個(gè)可以提升的方向。第二個(gè)重點(diǎn),小程序開發(fā)的流程是怎樣?前面一下子把前端后端都說了,沒講怎么開始啊。需要在微信公眾號(hào)官網(wǎng)上注冊(cè)一個(gè)微信小程序,主要是為了獲取小程序ID

如果你需要用到后臺(tái)數(shù)據(jù),需要購買一個(gè)云服務(wù)器(使用權(quán)),服務(wù)器用于搭建后臺(tái)。需要購買域名并備案,同時(shí)申請(qǐng)SSL證書。這部分主要是因?yàn)樾〕绦蛘?qǐng)求數(shù)據(jù)的時(shí)候,服務(wù)器地址必須是https開頭的,http開頭的地址連接不夠安全。這部分工作費(fèi)時(shí)間費(fèi)錢,需要半個(gè)月左右+一年幾百塊。(性能配置較低的入門版本服務(wù)器)
如果你的小程序涉及支付業(yè)務(wù),那么需要注冊(cè)一個(gè)公司,公司資質(zhì)才可以開通支付功能。
以上,為序章。后面會(huì)有一系列的詳細(xì)介紹以及完整項(xiàng)目開發(fā)過程展示。
