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

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

立即開始免費試讀!

嘗試把最近幫客戶做的一個配件加購模組 寫成 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 則留言

好讚的嘗試

按讚的人:

最近也在嘗試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最後訂閱方案與上架的流程介紹省了我不少時間

按讚的人:

謝謝分享 真的很難寫

按讚的人:

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

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

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

立即開始免費試讀!