- 分享 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 🎉
之前有稍微跑起來 app extension 預設的內容
現在嘗試 official remix 架構下寫 extension 的流程
shopify app generate extension --template=theme_app_extension --config=shopify.app.development.toml首先 因為我特別區分了 production vs development 的設定檔
所以 scaffold 的指令要有點變化
extension name 我輸入 akawa-recommendations-block
完成之後會看到出現檔案與資料夾
➜ akawa-upsell git:(main) ✗ tree extensions
extensions
└── akawa-recommendations-block
├── assets
│ └── thumbs-up.png
├── blocks
│ └── star_rating.liquid
├── locales
│ └── en.default.json
├── shopify.extension.toml
└── snippets
└── stars.liquid
6 directories, 5 files跑我的指令 npm run dev
第一次跑 好像會看到錯誤訊息
│ GraphQL Error (Code: 401): │
│ {"response":{"error":"","status":401,"headers":{}},"request":{"query":"\n │跟驗證有關的樣子 我不太懂
反正我重新 npm run dev 之後就可以了
在 theme editor 打開 default product page 頁面
可以新增 Star Rating 元件，也就是預設的內容
按讚的人：
共有 0 則留言
文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
每週二 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
熱門文章
