分享 Shopify App 開發經驗筆記

分享 Shopify App 開發經驗筆記

嘗試寫 shopify app 來賣賣看

嘗試把最近幫客戶做的一個配件加購模組 寫成 shopify app 上架賣賣看 我先試著建立基本的管理面板 + 能在商店頁讀取 app block --- 官方是推薦 remix 或 node 都有內建在 shopify-cli 裡面 但我想用我熟悉的 stack 試試 所以...

1個讚   3留言 1,557瀏覽

shopify app 關於 uninstall app 的問題

遇到一個問題小小卡關 就是商店 uninstall app 之後 重新 install 會報錯 經檢查是因為 database 沒有刪掉對應的 user row 需要去串接 webhook 接收 shopify 的通知才行 --- 套件文件有提到這塊 https:...

1個讚   0留言 1,412瀏覽

shopify app 嘗試結帳功能

本來套件有內建結帳功能 方便直接用 shopify 結帳 https://github.com/Kyon147/laravel-shopify/wiki/Creating-a-Billable-App 但因為 shopify 審核政策一直在變 我不確定 UI 方面是否還能通過 如果...

1個讚   0留言 1,367瀏覽

好像不適合用 laravel 開發 shopify apps 耶！

研究了一星期 我原本想用最熟悉的框架 搭配適合的套件 https://github.com/Kyon147/laravel-shopify 快速上線 快速驗證 由於前端必定是 polaris + app bridge （我猜不用會很難審核通過） 我想用 inertia + v...

1個讚   0留言 1,458瀏覽

關於開發 shopify app 的正式與開發環境

研究至今 我發現開發 shopify app 其實還是有點門檻的 就算只是想要寫個小東西 其實也不太容易架設起來 主因是 shopify 生態系有點大 需要看的 sdk 有點多 需要翻的文件也不少 再來是 shopify 演化的速度太快 網路上查到的很多資料、chatgpt 給的答...

2個讚   0留言 1,598瀏覽

用 remix official shopify template + polaris + app bridge 做 UI 的一些心得與成果

開發過程中 雖然會一直請教 chatgpt 但我發現這種快速發展的技術 ai 給出的資料會有版本問題 所以還是要不斷翻閱官方文件 其實也還好 目前做了一些 admin panel 的 ui 介面 ![](https://i.imgur.com/JiiPG3Y.png) ![...

1個讚   0留言 1,359瀏覽

remix 架構下的 extension 開發

之前有稍微跑起來 app extension 預設的內容 現在嘗試 official remix 架構下寫 extension 的流程 ``` shopify app generate extension --template=theme_app_extension --config=...

1個讚   0留言 1,366瀏覽

嘗試用 remix + vanilla js 寫 theme app extension

成功有了基本檔案 現在試著開發我的推薦模組外掛 首先發現 在 theme editor 加入我的 app block 的話 沒辦法在右側選單 動態選取在 admin panel 建立好的 recommendation set 因為右側選單的內容 是寫死在 liquid 檔案內的 s...

2個讚   0留言 1,373瀏覽

嘗試在 shopify 用 app extension 撈取商店的商品資料

上次實作了撈取假資料的互動 現在來嘗試撈真的商品資料 我本以為會很簡單 因為商品資料都是公開的不是嗎？ 卻發現其實 shopify 沒有很歡迎外部去撈店家的商品資料 所以 其實需要 app 授權 --- 在 toml 檔案裡面 remix 預設是 ``` ...

1個讚   0留言 1,360瀏覽

嘗試寫 shopify app extension 修改購物車送出的邏輯

上次撈到了商品資料 這次嘗試把加購的商品，連同主商品一起送出 先不實作動態撈加購 id 就先放一個實際商品 id 做測試 --- 這功能乍聽之下簡單，實際上做起來非常複雜 以預設的 theme Dawn 來說 購物車有三種模式 drawer, page, popu...

1個讚   0留言 1,406瀏覽

shopify app 從 sqlite 改成 supabase

雖然 remix 預設 sqlite 是鼓勵快速開發 但我覺得 還是需要管理面板 不然做客服會很麻煩 嘗試把 driver 改成 supabase 只要在 table 看到 session 資料就算連線成功 --- 避免混淆 直接把 prisma/dev.sqlite ...

1個讚   0留言 1,642瀏覽

shopify remix app 首次嘗試 database migration

試著開一張 table 首先留意到的是 remix 社群其實也遇到一個經典兩難 ``` model Session { id String @id shop String state String i...

1個讚   0留言 1,354瀏覽

remix 嘗試 CRUD、嘗試導航、嘗試 busy state

使用 prisma 操作 db 會像這樣 ## Create ``` export async function action({ request }) { const formData = await request.formData(); const title = f...

1個讚   2留言 1,338瀏覽

再談 shopify app 正式環境與開發環境

應該是我對 shopify 不夠熟悉 他有些 cmd 功能我不會用的關係 所以變得有點 tricky 但以下是我找到的開發方式 --- ## 部署 shopify 設定與 app extension 我把 package.json 做了小修改 ``` "dep...

1個讚   0留言 80瀏覽

我做好 shopify app 提交送審核囉！祝我好運！

做好一個很簡易的配件加購 app 送審了 商店註冊付了 19 美元 --- 接著要填一個很大的表單 有二十幾項欄位吧 通通交給 chatgpt 填寫 我就一直截圖貼給 chatgpt 效果很好 然後有缺隱私權頁面、GDPR 規範 webhook 通通請 chatg...

3個讚   0留言 53瀏覽

我的 shopify app 通過審核，正式上架啦！

看看第一篇文章 與這篇的發文日期 前後共花了四個月吧！ 真神奇呀 shopify 給我的 app 專屬頁面 https://apps.shopify.com/akawa-upsell-cross-sell 還有我的開發者專屬頁面 https://apps.shopify.co...

0個讚   0留言 48瀏覽
熱門搜尋： __ re 使用 am ar https COM javas AR la 設計 Re ul github the Ts AM type Ai 開發 平台 ui jav id LA Js Javas js api git 程式 學習 log go for JS AWS bi JAVA AI Git Java 專案 網站 javasc Ml ci 語言 框架 wEB ai Type 工作 Html GIT Line user javascript JavaScript Github 作為 react API GitHub 測試 技術 py app 主題 search async 後端 post web 軟體 start java aws html [] 查詢 json JavaSCript 前端 第一 嗎？ 結構 研究 HTML create 清單 work console CSS ./__ REACT 搜尋 Javascript CD css
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。