- 分享 Shopify App 開發經驗筆記（共 20 篇文章）
- #1 嘗試寫 shopify app 來賣賣看
- #2 shopify app 關於 uninstall app 的問題
- #3 shopify app 嘗試結帳功能
- #4 好像不適合用 laravel 開發 shopify apps 耶！
- #5 關於開發 shopify app 的正式與開發環境
- #6 用 remix official shopify template + polaris + app bridge 做 UI 的一些心得與成果
- #7 remix 架構下的 extension 開發
- #8 嘗試用 remix + vanilla js 寫 theme app extension
- #9 嘗試在 shopify 用 app extension 撈取商店的商品資料
- #10 嘗試寫 shopify app extension 修改購物車送出的邏輯
- #11 shopify app 從 sqlite 改成 supabase
- #12 shopify remix app 首次嘗試 database migration
- #13 remix 嘗試 CRUD、嘗試導航、嘗試 busy state
- #14 再談 shopify app 正式環境與開發環境
- #15 我做好 shopify app 提交送審核囉！祝我好運！
- #16 我的 shopify app 通過審核，正式上架啦！
- #17 幫客戶解決問題時，順手做出一個配件加購 Shopify App 🎉
- #18 上架一個半月，我的 shopify app 只有三個商店安裝耶
- #19 上架 shopify app 之後大概會收到 100 封來自詐騙集團的 email 吧
- #20 shopify app 上架會被詐騙信件轟炸
研究了一星期
我原本想用最熟悉的框架 搭配適合的套件 https://github.com/Kyon147/laravel-shopify
快速上線 快速驗證
由於前端必定是 polaris + app bridge （我猜不用會很難審核通過）
我想用 inertia + vite + react 來搞定
但我發現
-
用 inertia 的 partial render 需要用 <Link> 元件 但這會遺失 shopify app 在 iframe 呈現的一些網址參數 例如 host -> 要找到 workaround 應該也可以 但就麻煩
-
那我不用 <Link> 元件 直接用 <a> -> 換頁的時候 iframe 重新載入，畫面會靜止一下 ux 很不好 -> 別人的 app 都是瞬間換頁，pending state 等待 ajax data 回來而已
-
app bridge 鼓勵的一些 navigation 方式 https://shopify.dev/docs/api/app-bridge-library/apis/navigation -> 感覺都是在 spa 環境才好用，在 mpa 環境會缺東缺西 -> 瘋狂報錯 我修理不出來 而且感覺都在搞 workaround
-
laravel-shopify 套件的 billing 以及許多功能 都是 mpa 的 -> 主因是 shopify 演化太快 審核規則一直在改變 社群開始有點跟不上
到處找 workaround 這樣沒意思耶
我感覺乖乖照官方建議用 remix full stack 開發會比較好
繼續研究研究～
按讚的人：
共有 0 則留言
文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
⭐️ Shopify 接案服務（給品牌）
https://job.turn.tw/shopify-services
⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
⭐️ 小網站開發服務（專為功能明確、規模不大的需求設計）
https://job.turn.tw/small-website-services
https://job.turn.tw/shopify-services
⭐️ 台灣 Shopify 開發者 LINE 群（非官方）
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
⭐️ 小網站開發服務（專為功能明確、規模不大的需求設計）
https://job.turn.tw/small-website-services
熱門文章
🏆 本月排行榜
評分標準：發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次