第一個Web APP

幫朋友開發一個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看了下使用統計,每天用的人還是挺多的嗎,呵呵呵呵呵。。。。。




最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容