分享 Shopify App 開發經驗筆記

分享 Shopify App 開發經驗筆記

嘗試寫 shopify app 來賣賣看

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

1個讚   3留言 2,006瀏覽
shopify app 關於 uninstall app 的問題

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

1個讚   0留言 1,822瀏覽
shopify app 嘗試結帳功能

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

1個讚   0留言 1,784瀏覽
好像不適合用 laravel 開發 shopify apps 耶！

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

1個讚   0留言 1,925瀏覽
關於開發 shopify app 的正式與開發環境

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

2個讚   0留言 2,078瀏覽
用 remix official shopify template + polaris + app bridge 做 UI 的一些心得與成果

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

1個讚   0留言 1,783瀏覽
remix 架構下的 extension 開發

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

1個讚   0留言 1,852瀏覽
嘗試用 remix + vanilla js 寫 theme app extension

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

2個讚   0留言 1,815瀏覽
嘗試在 shopify 用 app extension 撈取商店的商品資料

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

1個讚   0留言 1,815瀏覽
嘗試寫 shopify app extension 修改購物車送出的邏輯

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

1個讚   0留言 1,899瀏覽
shopify app 從 sqlite 改成 supabase

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

1個讚   0留言 2,153瀏覽
shopify remix app 首次嘗試 database migration

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

1個讚   0留言 1,831瀏覽
remix 嘗試 CRUD、嘗試導航、嘗試 busy state

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

1個讚   2留言 1,845瀏覽
再談 shopify app 正式環境與開發環境

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

1個讚   0留言 655瀏覽
我做好 shopify app 提交送審核囉！祝我好運！

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

5個讚   0留言 594瀏覽
我的 shopify app 通過審核，正式上架啦！

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

1個讚   0留言 698瀏覽
幫客戶解決問題時，順手做出一個配件加購 Shopify App 🎉

我原本只是單純幫客戶解決需求，卻意外做出了一個 Shopify App，最後還順利上架到 Shopify App Store 👉 [Akawa Upsell & Cross Sell](https://apps.shopify.com/akawa-upsell-cross-sell) http...

1個讚   0留言 610瀏覽
上架一個半月，我的 shopify app 只有三個商店安裝耶

我發現 shopify app 上架只是開始 光是加購 app 就有六七百個 我的排在最後 沒有安裝數 也沒有星星評分 根本沒人會安裝呀 ![](https://i.imgur.com/GnT6Neu.png) 查看後台 發現有三個商店 一個台灣 一個美國 一個孟...

0個讚   0留言 68瀏覽
上架 shopify app 之後大概會收到 100 封來自詐騙集團的 email 吧

看我前面文章 就會發現 大多數 app 開發者 應該跟我一樣 上線之後 發現沒安裝數 沒評論數 那根本無法開始成長 會感到絕望 發現自己 app 沒人要用 詐騙集團也抓準這點了 真的很厲害 --- 我收到大量這種 email 我覺得通通都是詐騙集團 ![](...

0個讚   0留言 73瀏覽
熱門搜尋： 使用 __ https ar COM Re re AM am LA AI AR 設計 github 開發 JS Ai id CLI 程式 the javas type ui git java 平台 ci create app API html 基礎 la 學習 語言 web javascript ul js Github GIT Js bi for Ts ai react jav 結構 log component 分享 專案 作為 py CSS javasc Typescript COMPO com 部落格 start Ml ＣＳＳ JAVA next 搜尋 wEB 後端 Java css 個人 json 第一 技術 框架 aws class work 網頁 go api Type ") Javascript 效率 post 主題 工程師 公司 cn 部署 PYTHON AWS 嗎？ CD Amazon search 作業
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。