- 分享 Shopify App 開發經驗筆記（共 17 篇文章）
- #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 🎉
嘗試把最近幫客戶做的一個配件加購模組 寫成 shopify app 上架賣賣看
我先試著建立基本的管理面板 + 能在商店頁讀取 app block
官方是推薦 remix 或 node 都有內建在 shopify-cli 裡面
但我想用我熟悉的 stack 試試 所以使用這套件
https://github.com/Kyon147/laravel-shopify
部署之後利用 shopify partner 拿到兩個環境變數去設定
SHOPIFY_API_KEY=
SHOPIFY_API_SECRET=
順利讓後台面板上線！
前台的部分 摸索了兩天 我發現先用這個指令
shopify app init --name="AkawaUpsell" --template=node雖然用這指令那個 node 或 remix 建出的 app infra 其實我用不到
但就是作為 container 來擺放 app block 這樣
然後再用這個指令
shopify app generate extension就可以建出 app block 需要的 block
然後使用這指令部署
shopify app deploy
就搞定了！神奇呀！
基礎架構有了，接著繼續試試看吧！
按讚的人：
共有 3 則留言
文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
最近也在嘗試shopify開發，YT上有個教學個人覺得很讚🫠
https://youtu.be/LpdhLEWgWVY?si=WP0n6HVV-UvwcyiO
https://youtu.be/ia1dbUJBS6w?si=RHFNkcg4TlPxUQMw
https://youtu.be/Eng_ZBg_sr8?si=8PW9-5Lb_l4eIS1x
除了有範例Code，part 3最後訂閱方案與上架的流程介紹省了我不少時間
按讚的人：
每週二 YT 直播問答，DC 可 Call-in，一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D
熱門文章
好讚的嘗試