後端開發者從零做一個移動應用(一)

大愚Talk發表於2019-02-16

移動網際網路時代,我不想只當一個後端工程師,是時候學習一些新的東西了!

一直以來想要學習一些前端的知識,擴寬自己的技術棧,但是一直以來對前端都是進行了解,沒有用一個產品把這些東西給展示出來。最近終於痛定思痛,做了一個 android應用,目前的產品確實很一般,但決定以此為起步,逐步完善、逐步提高。

android 1.0版本:歡迎圍觀

今後一段時間內,部落格、公眾號的主要內容將會是該產品涉及的技術分享,包括:我的開發思路、技術選擇、技術學習等。內容至少保證一月一篇的進度(因為初期還有很多知識需要學習,精力有限)。一來對自己是一個總結,二來是希望可以對打通任督二脈的同學起到一定的幫助。

產品介紹

先簡單介紹一下做的是一個什麼產品,大家之後看的時候,做到心中有數。


是以提供遊戲下載、遊戲禮包發放為核心的移動端應用。可以簡單理解成一個遊戲的應用市場。

當然除了普通的遊戲下載外,還提供由我製作的加速遊戲下載,是個什麼意思呢?這裡的加速並不是說優化手機環境,讓遊戲執行更流暢。而是進入遊戲後,可以加速遊戲程式,別人通過這個劇情需要10分鐘,你只需要5分鐘(所有加速的遊戲均以取得對方授權)

這個產品也將會以真實的形態進行運營。

技術介紹

作為一個想要成為 跨端工程師 的我,想以此為契機找到了學習新技術、運用新技術的支撐點。
為了完成這個app,最開始想全部採用原生,但這樣會遺漏掉 混合應用 的學習,所以決定改為混合應用的方式進行開發。

  • 服務端:phalcon + nginx + mysql

  • 前端技術:android + vue + vux(提供 app 與 手機網站)

  • 後臺介面:vue + iviewui

為了完成上面的任務,服務端方面只需要看一下 phalcon 這個php框架,這對於我還是很容易上手的。一週時間做完了服務端的內容。後面的分享也先從它開始。

在寫後端的時候,產出了一個基於 phalcon 的 oauth2 授權的lib。當時本來想找個開源的,沒找到。之後也會開源到github上。借鑑了 Filsh/yii2-oauth2-server 專案。

後端做完後,需要前端展示出來,於是先學了android的一些基礎知識(以前有java web開發經歷),然後重點了解:Fragment RecyclerView WebView,然後途中瞭解到 Rxjava,又對它進行了解學習並使用。

這年代學習js,npmwebpack都是必知必會的。

js框架方面,選擇目前最火也最好用的 Vue,這部分知識還是學習中,產出的唯一成果就是這個頁面 http://m.jiasux.com/#/share

當然css的佈局樣式,怎麼也沒有辦法繞過去了(我以前最討厭的東西,各種浮動讓我煩躁)。還好現在工作幾年有了耐心,然後又出現了 flex 這種新的佈局方案。
現在css的寫法也是種類繁多,我學習了其中一種less,因為使用的開源專案中採用了該技術。

題外話

最近有些朋友一直再問我,Payment 專案的文件什麼時候補全,放心,不會棄坑的。目前已經全部介入支付寶的新版本支付介面。

後期會先從後段開始寫,然後寫前端。之後逐步記錄每一次迭代時就按照開發順序來進行。也希望大家能夠持續關注這個產品,給我提出更好的意見。

個人部落格:https://helei112g.github.io/

相關文章