hello world nuxtjs

使用 Nuxt.js 的 Hello World 插件

Dashibase 可讓您使用類似 Notion 的 UI 建立內部管理儀表板。

您可以透過開發插件來擴展儀表板的功能。例如，您可以顯示每位客戶的 Stripe 資訊、顯示來自 Zendesk 的支援票證、透過 SendGrid 發送電子郵件等等。

這是一個簡單的 Hello World 範例插件，向您展示：

• 您可以從 Dashibase 接收哪些資料以在您的插件中使用
• 如何使用 Nuxt.js 建立一個簡單的插件

入門

1. 在 Dashibase 中設定儀表板

如果您在 Dashibase 中已有儀表板，則可以跳過此步驟。

如果沒有，您可以在這裡免費註冊。建立儀表板並從資料庫新增表格後，按一下表格中的任何項目。這是我們添加插件的地方。

2. 克隆並部署此儲存庫

點擊上面的按鈕可透過 Vercel 複製並部署外掛程式。

您的 Hello World 外掛程式現已準備就緒。

3. 將插件新增到儀表板

返回 Dashibase 中的儀表板。查看表格上的任何項目時，請透過鍵入「/plugin」來新增插件區塊。然後，新增已部署外掛程式的 URL 並點擊「設定」。

您應該會看到 Hello World 應用程序，它會告訴您 Dashibase 發送到插件的設定資料。

當您開發外掛程式時，您可以使用設定資料來選擇要在插件中使用的資料。假設您有一個客戶表，您可以透過email列提取每個客戶的電子郵件欄位並在您的外掛程式中使用它。請參閱我們的 Stripe 外掛程式以了解具體範例。

如果您有任何疑問，請隨時透過 Twitter (@dashibase) 或 [email protected] 與我們聯繫。

了解更多

您可能會發現以下資源很有幫助：

• Hello World NuxtJS 外掛程式教學
• 插件API參考