一個菜鳥的小程式總結(一)
前言
去年8月份開始接觸小程式,寫了一個“計算器專家”的小程式,目前已經積累了幾萬使用者,在從不熟悉小程式到小程式開發以及運營,整個過程中也填了不少坑,特此總結。

作者簡介
一名老前端菜鳥,市面被淘汰的那種,技術真心不好,近5年幾乎沒碰過程式碼,不熟現在前端所流行的新技術。
技術儲備
對於一名新手來說,接觸新的技術還是要做些技術儲備,這樣可以減少學習的週期。 我見過很多同學在寫小程式之前就急著瞭解小程式怎麼用,就馬上寫小程式, 這樣雖然也是一種途徑,但我還是建議在寫小程式之前能瞭解下小程式的技術選型,雙執行緒模型,webview機制等等原理相關。 這裡推薦大家參考我之前寫的小程式系列。
瞭解以上之後,我們再簡單看下小程式的用法,wxss,wxml的特性等等。 可以參考簡易上手教程: https:// developers.weixin.qq.com /miniprogram/dev/
整體來說,小程式的入門非常快,因為它定死了整個框子,對於前端不熟的同學也沒有太大的學習成本。
開發準備
對小程式有一定的瞭解了,我們要做開發準備了。
工具
小程式的框子都定好了,你用微信開發者工具就OK了,當然前提是你需要申請一個新的小程式,一般是個人小程式,在小程式後臺可以取得appid,以及程式碼管理和釋出。
視覺和原型
這裡需要說下,很多同學都想好了要做一個小程式,但缺少視覺和原型的思路而停滯不前,因為大部分開發同學對視覺和demo沒有太多sense,我最開始開發也遇到了這樣的困境,這裡給出兩個建議
- 在現有做的比較好的小程式的佈局和風格上找靈感。比如你要做一個個稅計算器,你可以搜尋現有的個稅計算器,找到你比較喜歡的,看看能不能借鑑一部分。取各家所長。
- 這裡推薦大家使用微信小程式官方ui元件。weui-wxss. 這裡面提供了很多的元件和佈局,我做的個稅計算器就是用這裡面的元件拼湊出來的。強烈推薦新手使用。 github地址: https:// github.com/Tencent/weui -wxss/

服務端
小程式的背後也需要資料的支撐,對於新手來說會糾結是不是要申請一個伺服器,我建議當你的小程式還沒有足夠規模的時候,可以先使用微信自帶的雲開發。 使用方法如下可以參照: https:// developers.weixin.qq.com /miniprogram/dev/wxcloud/basis/getting-started.html
- 大部分的資料配置用雲開發資料庫的集合功能就足夠了。
- 如果有很多的圖片和視訊,可以使用雲開發的儲存管理,這裡解決了cdn的問題。
- 如果要寫一些邏輯的,需要使用雲函式,目前只支援nodejs和php,所以如果對這兩者不熟也會有一些成本,但云開發已經處理的足夠簡單了,連我這樣對後端完全不熟的人也可以使用它完成爬蟲以及其他功能,我相信大家也沒什麼問題。
對於以上的準備大家大概看下就可以了,有大概的思路即可,細節方面可以在小程式真正的開發中來了解。 好的今天先寫這麼多,下次會繼續寫開發相關,敬請期待。
更多文章還請關注微信公眾號: 大前端工程師