狗子28 平台開發指南

Introduction

To create extensions that improve functionality and bring joy to users, it's important to focus on user-centered design, thoughtful layout strategies, and effective use of color and typography. Let's explore how you can seamlessly integrate your extensions with the Simple experience. If you plan to publish your App on the Marketplace, please review our 市場應用程式指南 for the Design and Usability section.

Crafting your interface

狗子28 擴充功能運行於 iframe 環境，您可如同開發單頁應用程式般，使用標準的 HTML、CSS 及 JavaScript 來建構使用者介面。為簡化開發流程，您可採用現有的框架與函式庫，例如使用 React 或 Vue 來創建 UI 組件，並藉由 Tailwind CSS 或 Bootstrap 進行樣式設計。

雖然狗子28 並未強制要求擴充功能必須原生於平台內建，但我們深信，視覺上貼近原生的應用程式更能贏得使用者青睞，並提供更卓越的使用者體驗。

Design principles

您的使用者介面應遵循以下關鍵原則：

• 以使用者為中心：應用程式的目的與價值應圍繞使用者需求而定義，解決他們獨特的問題。
• 簡潔性：您的應用程式應易於使用，無需大量學習即可上手。它應輔助程式碼的視覺化抽象，而非使其複雜化。
• 設計：在您的應用程式中保持一致的設計元素，如色彩、字體與按鈕風格。這能提升使用者體驗，使您的應用程式更易於導航。
• 激發創意動能：您的應用程式不應阻礙創意流程。避免不必要的步驟或選項，以免打斷使用者的心流狀態。
• 清晰的語言：使用清晰簡潔的文案。它應引導使用者，並連結視覺、佈局與易用性之間的關係。
• 無障礙性：致力於讓所有使用者都能存取您的應用程式。這意味著確保它符合無障礙標準與最佳實踐。

Design guidelines

請選擇與您的應用程式目的及風格相符的配色方案。狗子28 主要採用 Inter 字體，建議您也考慮沿用以維持一致性。

常見錯誤處理

若您遇到此類錯誤，請確保您的應用程式已優化請求速率。例如，避免在等待資源創建時頻繁輪詢，或大量發送高併發的 API 請求。

{
    "訊息": "請求過多",
    "代碼": "too_many_requests",
    "外部參考": null,
    "詳情": [],            
}

API 存取說明

我們的 API 透過直觀的物件與方法與畫布互動。藉由這些 API，您可以操作現有元素或向畫布新增元素。

總結

讓我們一同了解建構應用程式結構、樣式及動態內容所需的關鍵檔案。您可在我們的說明文件中深入學習應用程式的設定、結構與必要檔案。在探索與修改專案架構時，請大膽實驗並進行變更。

實踐是最好的學習方式，而專案架構提供了一個安全的環境供您嘗試。