🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

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

就搞定了!神奇呀!

基礎架構有了,接著繼續試試看吧!


每週二 YT 直播問答,DC 可 Call-in,一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D

提供 Shopify 接案服務:阿川の電商水電行 - 專修 Shopify 網店 👇👇👇
https://job.turn.tw/shopify-services

管理台灣 Shopify 開發者 LINE 群組(非官方)👇👇👇
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
按讚的人:

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

按讚的人:

謝謝分享 真的很難寫

按讚的人:

每週二 YT 直播問答,DC 可 Call-in,一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D

提供 Shopify 接案服務:阿川の電商水電行 - 專修 Shopify 網店 👇👇👇
https://job.turn.tw/shopify-services

管理台灣 Shopify 開發者 LINE 群組(非官方)👇👇👇
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
🏆 本月排行榜
🥇
站長阿川
📝14   💬8   ❤️4
630
🥈
我愛JS
📝3   💬11   ❤️7
211
🥉
AppleLily
📝1   💬4   ❤️1
71
#4
御魂
💬1  
3
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付