Shopify 技術開發

Web Applications 主要使用對象是人，用戶可以透過網路訪問 Web application，通過瀏覽器訪問的任何軟體/線上服務都可以稱為 Web application。 Web services 主要使用對象是其他程式/程序，是指通過某種 Web 界面以任何格式（XML/JSON 等）提供數據的程式，該接口可以稱為API（應用程序編程接口）。通常 Web service 開發者會遵循 REST 和 SOAP 甚至 GraphQL 等設計 API 的規範來設計 API。 Web Service 可用於在 Web Application 之間傳輸數據。...

共享數據 webhooks，這是一種將數據再發生特定事件後即時從一個應用程式發送到另一個應用程式的單向通信，當我們需要從應用服務將資料保持同步至其他系統上或是擴展其他現有功能需求時，webhooks 則能很好的解決在開發上的需求。 Webhooks的工作原理 Webhook 通信是通過從應用服務提供的程式向目標發送 HTTP 請求來實現的資料傳遞。當應用服務中發生事件時，將會觸發該事件相關數據至所設定的 HTTP 請求端點。 例如在 Shopify 上為商家註冊一個 orders/create 事件並提供一個 HTTPS URL。每當商家上的訂單有被建立時，Shopify 就會向註冊的 URL 以 JSON 或 XML 格式發送該訂單相關數據。 設置和配置 Webhook 使用 REST API 管理配置 webhook 當我們是一個...

這些名詞不止在 PageSpeed Insights, Lighthouse 等網頁速度分析工具常常看到。在 TCP、UDP與TLS協定、即時串流處理如視訊會議、直播等技術研究上都是很基本常用到的名次唷！ 常見技術名詞 兩種不同的網頁呈現技術 CSR(client-side rendering): 在瀏覽器端渲染。容易造成較慢的 LCP SSR(server-side rendering): 在服務器(server)端渲染。較快的 LCP 但是較快的 TTFB 每個階段的名詞，大致依時間順序排列 REA(Request for Engineering Actions): 用戶請求瀏覽頁面的時間 TTFB(Time to First Byte): 用戶發出 HTTP 請求到用戶端瀏覽器接收到頁面的第一個字節的持續時間...

早期做 Shopify 主題開發（Theme Development）時，用的是 Shopify Admin 提供的 online code editor 來做簡單的業務需求，不過這樣不太適合做整個主題的更動。 然而令人興奮的是，Shopify 在 2021 年六月推出了最新的 Github 整合，讓主題開發與 APP 開發可以更有效率！並且結合技術公司本身的軟體測試與發布流程。 更好開發工作流程 安裝 shopify cli 的命令行工具，它可以快速生成 Node.js 開發環境，在本地進行更改並將這些更改與 shopify 網站同步 brew tap shopify/shopifybrew install...