前言:本人從事游戲開發(fā)多年山林,是一名飽受折磨的游戲前端開發(fā)人員房待。游戲這個(gè)行業(yè)越來(lái)越難做,加班越來(lái)越嚴(yán)重。正值行業(yè)轉(zhuǎn)變之際桑孩,聽聞微信小程序熱火之時(shí)拜鹤,我想償試一下小程序制作,因此流椒,一個(gè)月之后有了這篇文章:微信小程序從0到上線敏簿,程序員一個(gè)月開發(fā)一款小程序?qū)嶄?/p>
目前小程序已經(jīng)上線。當(dāng)然一切從簡(jiǎn)宣虾,我申請(qǐng)的是個(gè)人開發(fā)者惯裕。期間遇到許多小程序開發(fā)的坑、遇到許多的疑問(wèn)绣硝、許多的選擇蜻势,為了給那些想開發(fā)微信小程序員的人一些經(jīng)驗(yàn),一些有價(jià)值的參考鹉胖,我想我還是從頭說(shuō)起吧
一握玛、注冊(cè)小程序開發(fā)者
這是制作小程序的第一步。這一步有多人選擇:你可以注冊(cè)為個(gè)人開發(fā)者次员、個(gè)體工商開發(fā)者败许、企業(yè)開發(fā)者、政府開發(fā)者淑蔚。我注冊(cè)的是個(gè)人開發(fā)者市殷,原因如下:
1、我們有其它類型開發(fā)者的資格刹衫;
2醋寝、我是第一次進(jìn)行小程序開發(fā),先要從最簡(jiǎn)單的開始带迟;
3音羞、我要制作的東西,個(gè)人開發(fā)者應(yīng)該就可以滿足仓犬。
這里還是要說(shuō)一下嗅绰,微信小程序個(gè)人開發(fā)者有什么限制,以免大家走彎路:
1搀继、個(gè)人開發(fā)者窘面,可能開發(fā)官方指定的類目的小程序。具體有哪些叽躯,在這里就不一一列出了财边,因?yàn)楣俜降膫€(gè)人類目會(huì)隨時(shí)變動(dòng),大家還是去官方看好一點(diǎn)
2点骑、個(gè)人開發(fā)者酣难,無(wú)法開發(fā)“可以生用戶自定義內(nèi)容”的東西谍夭。這一點(diǎn)很重要,比如你個(gè)人開發(fā)者想要做一個(gè)憨募,用戶可以發(fā)表評(píng)論的紧索、用戶可以上傳圖片的、用戶可以發(fā)表文章動(dòng)態(tài)的馋嗜,這些通通不允許齐板!不要一開始什么者不了解,就一頭扎進(jìn)代碼里開發(fā)葛菇,你花時(shí)間開發(fā)好了甘磨,提交審核不通過(guò),那就杯具了眯停,這很浪費(fèi)時(shí)間济舆,浪費(fèi)精力。所以莺债,我的建議時(shí)滋觉,把官方的所有文檔全部看一遍,了解哪些能做哪些不能做齐邦、需要哪些東西椎侠,再去做項(xiàng)目〈肽矗看完所有文檔也浪費(fèi)不了多少時(shí)間我纪,兩三天就可以了,這是很有必要的丐吓。不建議去看網(wǎng)上那些什么視頻教程浅悉,為什么?第一券犁,視頻教程上有的术健,官方文檔里者有;第二粘衬,視頻教程里不全面荞估,不可以包含官方文檔里的所有東西;第三稚新,大家都知道勘伺,微信小程序,騰訊目前還在不斷的完完善枷莉、不斷的修改API、不斷的新增加功能尺迂。而視頻教程錄制后笤妙,就局限在某個(gè)版本里了冒掌。無(wú)法跟上更新。官方的文檔是最全面最及時(shí)的蹲盘,大家不要怕麻煩
3股毫、個(gè)人開發(fā)者,無(wú)法涉及支付類的東西
二召衔、資源準(zhǔn)備
如果你的小程序涉及后臺(tái)铃诬、數(shù)據(jù)庫(kù)、動(dòng)態(tài)數(shù)據(jù)苍凛,那你要有有以下這些準(zhǔn)備 (如果不涉及趣席,及,單單只有前端頁(yè)面醇蝴,那就不需要):
1宣肚、域名。包括域名申請(qǐng)悠栓、域名備案霉涨,這是強(qiáng)制性要求。注意惭适,域名備案需要20天左右笙瑟,這個(gè)應(yīng)該程序還沒(méi)寫之前就要去搞,要不然寫完了癞志,又要等往枷。
2、https今阳。強(qiáng)制性要求
3师溅、主機(jī)。主機(jī)這一點(diǎn)我要說(shuō)一下盾舌,官方那里有一個(gè)“騰訊云支持”墓臭,可以幫你自動(dòng)布置php或nodejs后端環(huán)境,500多元一年(當(dāng)然你可以一個(gè)月一個(gè)月的買)妖谴,這個(gè)不是必需的窿锉,你完全可以自己買一個(gè)主機(jī),比如買一個(gè)阿里云的主機(jī)膝舅,只要域名備案好了嗡载,有https都是可以的。但是需要自己布環(huán)境仍稀。
我是自己買的是linux主機(jī)洼滚,最低的配置1M1核50G硬盤,300多一年,使用“寶塔linux面板”來(lái)搭環(huán)境
4技潘、技術(shù)準(zhǔn)備遥巴。需要的技術(shù)有點(diǎn)多千康。雖然我做的是功能最簡(jiǎn)單的小程序,但這也需要涉及方方面面的技術(shù)铲掐。這些技術(shù)拾弃,我都是從頭學(xué)的(當(dāng)然以前也有一些基礎(chǔ)),下面羅列一下:
(1)微信前端框架, WXML摆霉、WXSS豪椿,這些是要看官方文檔的。微信有一套自己的東西去做小程序携栋,類似HTML+CSS+JS搭盾,但又有所不同,直接把一個(gè)網(wǎng)頁(yè)前臺(tái)代碼copy過(guò)來(lái)是不可行的刻两,一切都要從頭去學(xué)增蹭。但是如果你有前端基礎(chǔ),應(yīng)該會(huì)很快上手
(2)JS磅摹。微信前端 邏輯是是用原生的JS來(lái)寫的滋迈。可以用最新的ES6語(yǔ)法户誓,比如饼灿,箭頭函數(shù)等。大家不了解ES6也可以去網(wǎng)上搜索一下帝美。有點(diǎn)JS基礎(chǔ)就可以寫了碍彭,用到什么不懂的就去查,如果自己是程序員悼潭,上手難度不大
(3)CSS庇忌。小程序要用到CSS。但它里面不叫CSS舰褪,叫WXSS皆疹,它支持大部分的CSS語(yǔ)法。
說(shuō)實(shí)話占拍,以前用的CSS比較少略就,這一步我都是先去看完CSS的基礎(chǔ)教程才來(lái)寫的。CSS基礎(chǔ)學(xué)習(xí)起來(lái)也不是很難晃酒,5天左右表牢,可以了解完,用到時(shí)再深入贝次。學(xué)會(huì)的標(biāo)準(zhǔn)是崔兴,面對(duì)一個(gè)頁(yè)面,你起碼知道用哪些布局實(shí)現(xiàn)、我要加個(gè)背景圖片應(yīng)該怎么做敲茄、我要改變字體字體顏色等要怎么做螺戳、我要做CSS動(dòng)畫應(yīng)該用哪個(gè)。不是要你可以默寫出代碼折汞,你要先知道用哪個(gè),再去查手冊(cè)盖腿,一點(diǎn)點(diǎn)的做
(4)官方組件爽待。前端頁(yè)面都有是用微信官方的組件來(lái)組裝的,比如button翩腐、checkbox鸟款、input等。這些都需要去看官方文檔茂卦,大概看個(gè)4何什、5天就能看完
(5)官方API。微信官方API可以做什么呢等龙?說(shuō)實(shí)話处渣,功能很強(qiáng)大,可以有很多的權(quán)限蛛砰,比如寫文件罐栈、打開用戶攝像機(jī)、打開藍(lán)牙泥畅、獲得用戶地理位置荠诬,等等∥蝗剩基本上所有的權(quán)限都給你開放了柑贞!這一也是為什么小程序可以去PK原生APP的關(guān)鍵所在,現(xiàn)在不需要你去學(xué)安桌開發(fā)聂抢,不需要學(xué)蘋果開發(fā)钧嘶,只需要學(xué)會(huì)小程序,就可以把你的想法實(shí)現(xiàn) 出來(lái)涛浙,并給8億用戶用
(6)后端康辑。我選擇的是PHP+MYSQL,這兩個(gè)東西之前也只是涉及一點(diǎn)〗瘟粒現(xiàn)在自己需要開發(fā)小程序疮薇,不敢說(shuō)已經(jīng)學(xué)會(huì),但起碼知道怎么用數(shù)據(jù)庫(kù)增刪查改我注、怎么用PHP輸出JSON格式的文檔的按咒。
三、開始寫代碼!
以上的物理資源励七、技術(shù)資源準(zhǔn)備好后智袭,就可以開始寫代碼了。其實(shí)一但準(zhǔn)備好了上面這些東西掠抬,開發(fā)一個(gè)簡(jiǎn)單的小程序是非常容易的
四吼野、提交審核。
代碼寫后两波、BUG改完瞳步、后臺(tái)數(shù)據(jù)準(zhǔn)備完、就可以提交審核了腰奋。由于前期做足了準(zhǔn)備单起,我這個(gè)小程序是一次性通過(guò)審核。當(dāng)天提交劣坊,第二天就通過(guò)了
五嘀倒、推廣和盈利
我覺(jué)得推廣和盈利對(duì)我這個(gè)程序員來(lái)說(shuō)真是太難了,我也不喜歡做這方面的工作局冰,我寧愿去寫代碼测蘑。小程序開發(fā)完,并不意味著就能賺錢康二,上線后其實(shí)還有大量的推廣工作要做帮寻。這也是很考驗(yàn)?zāi)惝?dāng)初立項(xiàng)時(shí)的方案的正確性。目前個(gè)人開發(fā)者能通過(guò)小程序賺錢的赠摇,只有一個(gè)方法:那就是接入廣告固逗。接入廣告的前提:獨(dú)立訪客達(dá)到1000。
當(dāng)然藕帜,我也發(fā)現(xiàn)有一些個(gè)人開發(fā)者同行其它一些另類的增收方案:在小程序里貼上微信收款碼烫罩。這條路到底可行不可行?大家自己去驗(yàn)證吧洽故,我也是一個(gè)剛?cè)腴T的個(gè)人開發(fā)者贝攒,想法也有很多局限性,各路大神可以有更好的賺錢方案
最后时甚,為了證明我以上我是不在瞎扯隘弊,把我的小程序貼出來(lái)吧:
小程序名稱:表情搞笑圖片
小程序描述:這是一款仿抖音的隨機(jī)搞笑表情圖片瀏覽工具,用戶可以收藏或分享自己喜歡的圖片荒适。精選了很多搞笑圖片梨熙、表情圖片、斗圖表情包刀诬、最新最熱的動(dòng)態(tài)gif圖片咽扇,助您拿下斗圖MVP!
小程序二維碼: