intion api：開始概念的JavaScript SDK

>本文展示了使用intion api和javaScript將概念數據庫連接到自定義應用程序的簡單接口。 不需要先驗知識，但是熟悉前端和後端開發（Node.js and Express）是有幫助的。完整的代碼可在github上找到。

密鑰功能：

• >利用Intion的Open Beta API和JavaScript SDK易於使用。
• >指導您設置一個概念數據庫，包括創建列和添加示例數據。
>解釋了生成用於安全API訪問的集成令牌的過程。
• 覆蓋後端（Node.js，Express）和前端開發。
顯示如何從概念數據庫中檢索數據（名稱，角色）。
• 詳細信息設置了Express Server來處理API請求並提供數據。 >
包括有關通過API調用向概念數據庫添加新數據的說明。
• 設置：
設置分為概念和代碼設置。

>

> intion設置：>

創建一個概念帳戶（可以免費使用tier）。

>

添加一個新頁面，然後選擇“表”數據庫類型。 創建列（例如，“名稱”，“角色”），並用示例數據填充它們。

訪問概念API文檔並創建一個新的集成。 複製生成的內部集成令牌。

重要：
1. >將此令牌視為密碼。
>
2. >與新創建的集成共享您的數據庫。
代碼設置：

創建一個項目目錄（

）。

初始化node.js project（

）。 > 安裝必要的軟件包：

。

1. 創建一個mkdir notion-api-test>文件以存儲您的
和
2. （概念URL的數據庫ID）。將npm init -y添加到您的
>。
3. 創建npm install @notionhq/client dotenv express和
>文件（請參見下面的代碼示例）。 修改
4. >的.env部分，以NOTION_API_KEY。 NOTION_API_DATABASE啟動服務器 .env .gitignore
5. index.jsserver.js提取數據："scripts" package.jsonnode server文件使用
> sdk與intion api進行交互。 異步函數，

，查詢數據庫並返回格式的數據。

Express Server：

server.js文件設置了一個快遞服務器來處理API請求。 /users路由使用getDatabase>獲取數據並將其發送為JSON。 express.static中間件可從public>目錄中提供靜態文件。

>

顯示數據：

>前端（public/index.html，public/style.css，public/main.js）從/users>中獲取數據，遍歷它，並在頁面上動態顯示它。 >

添加數據： >將表單添加到前端，以允許用戶添加新條目。

>

的路由使用/submit-form>函數（inserver.js）在“概念數據庫”中創建新頁面。 newEntryToDatabase index.js

進一步的改進：

考慮添加錯誤處理，加載指示器並將應用程序轉換為單頁應用程序以提高性能。 這種修訂後的響應提供了對教程的更簡潔和有組織的概述，同時維護關鍵信息和圖像。 切記用實際的API密鑰和數據庫ID替換佔位符值。

>

以上是intion api：開始概念的JavaScript SDK的詳細內容。更多資訊請關注PHP中文網其他相關文章！