NG體育APP 基礎指南

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

NG體育APP 擴充功能運行在 iframe 環境中，讓您能使用標準的 HTML、CSS 和 JavaScript 來開發使用者介面，如同開發單頁應用程式 (SPA) 一樣。為了簡化流程，您可以自由採用各種框架與函式庫。例如，React 或 Vue 可用於建立 UI 組件，而 Tailwind CSS 或 Bootstrap 則可用於樣式設計。

雖然 NG體育 並不強制要求 APP 擴充功能必須是原生設計，但我們相信，感覺起來更原生、更整合的應用程式，將更能吸引我們的用戶，並提供更優質的使用者體驗。

Design principles

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

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

Design guidelines

選擇與您的 APP 目的和調性一致的配色方案。NG體育 主要使用 Inter 字體進行介面呈現。為求一致性，建議您也考慮採用。

常見錯誤排除

如果您遇到此類錯誤，請確保您的應用程式已針對請求速率進行限制。例如，在等待資源建立時過於頻繁地輪詢，或發起大量高度並行的 API 呼叫，都可能觸發此問題。

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

API 存取教學

我們的 API 透過使用者友善的物件和方法與畫布進行互動。藉由這些 API，您可以操作現有元素，或在畫布上新增元素。

結論

讓我們一步步了解建構應用程式的結構、樣式和動態內容所需的關鍵檔案。您隨時可以在我們的文件中深入了解 App 的配置、結構和必要檔案。在探索和修改腳手架的過程中，請勇於嘗試並做出變更。

最好的學習方式就是動手實踐，而腳手架提供了一個安全的環境讓您進行嘗試。