2020-02-17

Service Worker 之存貓得狗

最近突然開始在測 Service Worker,理所當然拿教學文件上的那個「第一次看到狗、第二次以後看到貓」的範例自己跑跑看。

為了後面的劇情需要,這裡先講解一下這個範例在幹啥。它是在示範 Service Worker 攔截 request 的能力,程式刻意設計成在第二次(以後)瀏覽,明明網頁要顯示的依然是 dog.svg 這個 resource,但實際上 Service Worker 給的卻是 cat.svg,所以使用者看到的會是貓。

好的,我複製貼上了程式碼、直接抓範例網站的貓狗圖…

為什麼跑出來的完全都是狗狗狗狗狗…

原本還要測一些其他的東西,所以是自己開個 localhost server 試,理所當然沒有 https(我也不會掛… [死]),為了預防萬一所以還丟上 GitHub Pages 試試,一樣還是狗狗狗狗狗… (備註:其實與 https 無關,都可以運作)

◢▆▅▄▃ 崩╰(〒皿〒)╯潰 ▃▄▅▆◣

鬼打牆到已經放棄治療,正準備關機睡覺的時候,無意間發現… 幹,為什麼兩個圖檔開出來都是狗?那不管程式有沒有 bug、Service Worker 有沒有運作都馬一定看到狗阿… [死]

原本以為是自己手賤粗心存檔存錯,打算再抓一次圖檔測試看看,如果成功就自己去跪主機板,結果沒想到…

只要是在範例網站上用「另存圖片」的方式,就會遇到「存貓得狗」的結果

這邏輯感覺很詭異,不過仔細想想可能還是有理可循?以「在新分頁開啟圖片」的結果來說,就會看到 url 依然是 dog.svg 但畫面還是貓,這表示 Service Worker 在不同 tab 一樣會運作。至於「另存圖檔」、「複製圖片」這兩個行為應該是單純拿 url 作 curl 之類的動作,不會觸發 Service Worker,所以依然會得到真正的 dog.svg

(謎之聲:事後諸葛都碼很簡單)

於是我的「範例程式跑不動」歷史又增添了一筆。雖然說 browser 行為的確出乎意料,但是在鬼打牆的時候(明明都有把 catches.match('cat.svg') 印出來看,url 的確是 cat.svg)也沒懷疑到圖檔上頭還是缺失。 於是寫完這篇檢討報告之後來跪個滑鼠墊以作懲處

2020-02-09

Maven Central Repo 強制使用 HTTPS

今天炸了 project 突然無法 build 的問題,mvn 跳了三行 download pom 檔之後就宣告 fail。拿 URL 到 browser 上頭確認是不是 server 掛了,結果得到一個 501,然後給了一句:「More information at https://links.sonatype.com/central/501-https-required 」。

簡單地說,就是從 2020.01.15 開始,兩大預設 central repo 都強制要求要用 https 連線,不然就賞你 501。

好,知道是知道了,但是不知道要去哪裡改,至少 conf/settings.xml 看不出所以然、我也不知道別招了… (艸

狗了一下發現(還)沒啥災情,想到我還是在用 n 年前的 3.2.1 版,於是抓了最新的 3.6.3 版,四海昇平。

幹,那就這樣吧… [逃]

2019-08-03

GWT 的 pom.xml 設定哏

測試環境

  • JDK 1.8(但是 maven.compiler.* 是給 1.7)
  • Maven 3.2.1
  • GWT 2.7.0
  • GXT 3.1.0
  • mojo Maven Plugin for GWT 2.7.0
  • Tomcat7 Maven Plugin 2.2

JDK 8 + GWT 2.8 失敗

想把 GWT 升到 2.8 已經很久了,發神經的時候 try 一下通常都炸一堆,就回到懶惰狀態,所以一直就擺著… (艸

前陣子終於初步搞定 jgit,但是它指定要吃 JDK 1.8+,可是 GWT 2.7 只停在 JDK 1.7,這就有升的動力…

然後就被 GXT 擊落了,原因不明,總之 GXT 3.x 只支援到 JDK 1.7

還懶得搞定 Sencha 的 Maven Repo 設定(而且誰知道升到 4.x 會不會有新炸點…),只能繼續維持現狀。

gwt-user 的 scope

因為逐漸擺脫 GWT-RPC,加上 Eclipse 裡頭跑 Tomcat 常常會因為偵測到檔案變動(雖然變動的是 GWT client code)而 restart server(但有些 project 還不會,不明所以… 😱),所以後來也會回頭用 Tomcat Maven Plugin 來啟動 web server。

有一天要啟動時突然炸了 exception,癥結點應該是:

gwt-user-2.7.0.jar) - jar not loaded. See Servlet Spec 2.3, section 9.7.2. Offending class: javax/servlet/Servlet.class

雖然不懂為啥之前都沒炸,不過狗了一下發現好像也不是只有我炸。解決辦法就是把 gwt-user 的 dependency scope 設定為 provided解法出處 還順便說了一下設定 provided 的好處。

本來也都相安無事的,直到要作 mvn install 的時候炸了:

GWT Module com.google.web.bindery.requestfactory.RequestFactory not found in project sources or resources.

這真的是莫名其妙,因為 SDM 一直都跑得好好的,為啥 SDM 沒吭過半聲?而且我還沒(直接)用 RequestFactory 咧… 拿掉 provided 的設定就又沒事了。

Tomcat 不能跑事小,mvn install 會錯誤就大條了。所以還是拔掉 provided 的設定。

Tomcat 不能用,那就來試試 jetty 吧。由於 JDK 只能停在 JDK 1.7,所以回頭找了 jetty 8 的版本(註:jetty 9 似乎要 JDK 1.11 才能跑… =="):

<plugin>
	<groupId>org.mortbay.jetty</groupId>
	<artifactId>jetty-maven-plugin</artifactId>
	<version>8.1.16.v20140903</version>
</plugin>

除了啟動後的 URL 少了 app 名稱,直接從根目錄起算,其他都沒啥問題(或是還沒炸到 XD)。

2019-06-29

初步測試 tbroyer 版 plugin

TL;DR

目前找不到從 mojo 跳到 tbroyer 的理由,甚至有可能想跳也跳不過去… 囧rz

測試環境

  • JDK 1.8(但是 maven.compiler.* 是給 1.7)
  • Maven 3.2.1
  • GWT 2.7.0
  • GXT 3.1.0
  • guava-gwt 19.0
  • tbroyer Maven Plugin for GWT 1.0-rc-10

這兩天(終於)試了一下 tbroyer 版的 GWT Maven plugin,結果還蠻慘烈的。

首先是 GF 改成 tbroyer 版(據說 GMD 前陣子也改了,想跟風),把 pom.xmlpackage 改成 gwt-libmvn install 好像也沒啥用、source code 沒有跟著包進去,不確定到底發生了啥事情。因為只是個 library project,於是決定跳過,專心搞 app project。

拿了一個發展緩慢的 project 來試試看(aka 在改版之前是能正常 build 的),沒想到 SDM 開不起來,一直炸 NPE…

從官方文件上看不出異常,只好去他的 integration tests 跟 GMD demo project 裡頭找答案。盲目地一個一個把東西加上去之後,終於發現是 plugin.configuration 裡頭得設定 moduleName(也許 moduleShortName 也要?沒有詳測),即使 skipModule 已經給 true 了… =="

現在回頭檢討,其實官方文件 Usage 第一步就有說要設定(GWT)module,只是跟第四步的 generate-module 搞混了… [被毆飛]。這也產生第一個吐點:「mojo 版不用設定 GWT module」

事情還沒完,目前看起來 tbroyer 版在 generate-resources phase 只有作(個人認為不痛不癢)gwt.xml 的 generator。所以原本 mojo 版會幫忙生的 RpcServiceAsync 現在也沒了(看 integration tests 裡頭有 GWT RPC 的範例也是直接給 code),以此類推恐怕 I18N 也得自己搞了?

好,沒關係,即使我這個 GWT RPC 鐵粉也在考慮是不是該拋棄(尤其前陣子試 gwt-jackson 成功、而 AsyncCallback.onFailure() 從來沒處理過 XD),I18N 也不知道有沒有那個命去處理到,大不了在 JISS 裡頭也再搞個 code generator 嘛!這部份無視跳過!

結果還是繼續炸 error,而且這下真的死透了:

  • guava(FutureCountDownLatch)用到 java.lang.InterruptedException 但是沒有 source code
    • 而且見鬼了,拿來測試的 project 裡頭只有因為 GF 宣告而 inherit com.google.common.base.Base,所以應該沒 inherit 到 Concurrent 的東西…
  • GXT 的 XmlReader.XmlSplittable 有 abstract method 沒實作?

立馬切回去 mojo 版,還是可以正常開啟 SDM… WTF?一個 GWT compiler 各自表述?去狗了一下 GXT 有沒有災情… 沒找到,倒是發現 GXT 4.x 文件給的 archetypes 依然還是在用 mojo 版…

這下也懶得再去找看看是不是改個設定 or 版本就能解決,直接宣告放棄。

結論

整體看起來還是 mojo 版比較實在,tbroyer 版看起來比較像是一個理想崇高但是缺乏廣泛使用回饋的產物?

也許哪一天徹底跟 GWT RPC 以及 GXT 說掰掰再來考慮?是說那時我能理解 tbroyer 版的優點嗎? Orz

2019-06-04

JSON 日期碎碎念

最近(終於)在測 gwt-jackson,負責在 server side 噴 JSON 的是 Gson,然後測到日期(java.util.Date)的時候炸了一輪,所以來碎念一下留個紀念… XD

一開始以為是 gwt-jackson 炸掉,畢竟 GSON 資格老關係好(?),GWT 現在還有多少人在用都是個問題 lol。但是狗了一圈沒發現啥災情,事情開始有點詭異…

那找「gson date」試試看… WTF?GSON 預設的日期格式會隨平台不同而變?這就別提什麼 W3C 之類的標準了,根本亂搞一通嘛… =="

不過至少有解,就是可以用 new GsonBuilder().setDateFormat() 來設定 format 然後用這個 builder 來建立 Gson instance。

那麼,什麼是 JSON 標準定義的日期格式呢?根據這個 stackoverflow 的說法,JSON 根本沒做出定義… =="

好吧,至少 JS / W3C 貌似有,就是 ISO-8601

因為懶得查,所以直接狗「java dateformat 8601」,我的搜尋結果第一條是 stackoverflow,不過那是要把字串還原回 Date,不太對題。第二條跟第三條(居然)是簡體中文,都是對岸的 CSDN。

先說第三條,文章裡頭給的 pattern 是 yyyy-MM-dd'T'HH:mm:ss.SSS'Z',hmmm… 看起來跟前面 stackoverflow 附的範例一樣,丟下去跑也能正常 parse,太好了可以收工了… 才怪… 得到時間不對,整整多了 8 小時。WTF?時區問題?

算啦算啦… 去測第二條吧,直接拿文章內說可行的 yyyy-MM-dd'T'HH:mm:ss:SSSZZ 來試試看… 連 parse 都過不了?WTF?等等,為什麼反覆測試下發現有時候會 parse 過、而且值也正確?但有時候卻又 parse 不過?幹這是七月半提前報到嗎?

鬼打牆了 n 分鐘之後,終於發現… 測試會過的時候是測完第三條之後把 Z 前後的單引號拔掉,而測試不過的時候是直接複製第二條的文字…

對,X 他 X 的第二個給的 pattern 根本有問題,按照 ISO-8601 的規格,在 sec 跟 ms 中間應該是「.」而不是「:」。肉眼不仔細比對根本很難發現… Orz

到了這個時候,真的是被嚇到了,乖乖回頭看文件。在 Java API 的定義當中,「X」跟「Z」都表示時區,「X」是 ISO-8601 格式、「Z」是 RFC-822 格式(不過目前看不出差異)。ISO-8601 要求日期與時間之間以一個寫死的大寫「T」連結,寫成 Java 的 pattern 就要前後加上單引號。所以第三條 pattern 尾巴的「Z」是寫死不變的。那,為什麼 parse 會過呢?

ISO-8601 當中規定,如果時區剛好是 UTC(零時區)就顯示 Z,所以得到的是合法的字串,但是除非人在 UTC 不然解出來的實際 Date 就會有時差問題… Orz

心得與結論:

  • 即使有名有號的 library 還是有可能存在奇妙的行為。即使到現在我還是無法替 Gson 在日期上的作法想出任何合理的理由…
    • 寫這篇文章的時候認真找了一下,原來 Gson 有開過 issue-281 還 close 了,整個看起來有點莫名而且最後路人們還是在用 GsonBuilder 這招? WTF?
  • google 出來的結果未必可信,即使排名在很前面。stackoverflow 上也是。像這個解答還有 62 個推,底下也只有一個人指出這是不對的答案。
  • 雖然說官方文件也不是不會出錯,但相比來路不明的 blog,機率還是低的多(雖然啃起來也難過很多)