幫朋友開發一個Web APP,原以為就是一個WebView套個殼,是件一兩天搞定很簡單的事情,沒想到斷斷續續耗費了挺多時間,在這里簡單記錄一下。
朋友的需求很簡單,他們有一個適配移動端的簡單網站用于查詢一些官方數據,之前只能在瀏覽器或者微信使用,現在希望能有個APP好出去唬人。既然移動端都適配好了,干脆加個殼做成Web APP 吧。o(╯□╰)o So easy~
ROUND 1
需求:
1、APP
2、能查數據
(o(╯□╰)o 他就是這么跟我說的)
開始工作:
新建項目拖入WebView,加載URL,編譯通過。哈哈,五分鐘,搞定,完成,完美!交付!
交付:
朋友看了之后很(bao)滿(zou)意(了),你桌面這小綠人很可愛啊
你至少給老子弄個圖標啊!!老子至少是拿出去唬人的!臥槽!點擊鏈接怎么還閃白屏啊~~~臥槽!網絡不好怎么還有英文~~~臥槽臥槽。。。。。哥們,你再稍微優化一下吧~(o′?ェ?`o)。這個這個還有這個還有。。。。額。。。。。。。
ROUND 2
需求:
1、離線緩存
2、圖標、啟動圖片、沉浸式標題欄
3、JavaScript Native交互
開始工作:
1、為了能首次離線使用,將他們的網站源碼打包放到了本地assets目錄下。首次啟動時將html解壓到本地并加載。(哈哈哈,網站源碼超簡單,我管你泄不泄露的)。需要將html的訪問鏈接都改為相對路徑
2、添加JavaScript調用Native接口,下載更新本地html源碼。由于之前從來沒有做過下載功能,用Retrofit+OkHttp+RxJava 擼出一個下載功能,然后我就發現了filedownloader。。。。
3、圖標、啟動圖、沉浸式等等等等
交付:
呵呵。能用了。有新的修改也能更新了。加載也有圖片,圖標也不是小綠人了。朋友心滿意足的走了。臥槽!。。。臥槽,你怎么又臥槽。臥槽,崩潰了啊。什么時候崩潰了? 不知道。什么機器上?不知道。怎么用的?不知道,反正他們說崩潰了。。。。。好吧,看來需要統計下了
最后:
引入bugly把崩潰信息收集,bug改掉。App升級功能也順便有了(雖然這app貌似不需要升級o(╯□╰)o)。朋友到現在再沒找過我了。。。用bugly看了下使用統計,每天用的人還是挺多的嗎,呵呵呵呵呵。。。。。