- 分享 Shopify App 開發經驗筆記（共 8 篇文章）
- #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
之前有稍微跑起來 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 語法，了解各種格式
熱門文章