阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!

研究了一星期

我原本想用最熟悉的框架 搭配適合的套件 https://github.com/Kyon147/laravel-shopify

快速上線 快速驗證

由於前端必定是 polaris + app bridge (我猜不用會很難審核通過)

我想用 inertia + vite + react 來搞定

但我發現

  1. 用 inertia 的 partial render 需要用 <Link> 元件 但這會遺失 shopify app 在 iframe 呈現的一些網址參數 例如 host -> 要找到 workaround 應該也可以 但就麻煩

  2. 那我不用 <Link> 元件 直接用 <a> -> 換頁的時候 iframe 重新載入,畫面會靜止一下 ux 很不好 -> 別人的 app 都是瞬間換頁,pending state 等待 ajax data 回來而已

  3. app bridge 鼓勵的一些 navigation 方式 https://shopify.dev/docs/api/app-bridge-library/apis/navigation -> 感覺都是在 spa 環境才好用,在 mpa 環境會缺東缺西 -> 瘋狂報錯 我修理不出來 而且感覺都在搞 workaround

  4. laravel-shopify 套件的 billing 以及許多功能 都是 mpa 的 -> 主因是 shopify 演化太快 審核規則一直在改變 社群開始有點跟不上


到處找 workaround 這樣沒意思耶

我感覺乖乖照官方建議用 remix full stack 開發會比較好

繼續研究研究~

按讚的人:

共有 0 則留言


👉 身份:資深全端工程師、指導過無數人半路出家轉職 👉 使命:打造 CodeLove 成為優質新手村,讓非本科也有地方自學&討論

阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!