概念API：概念を始めましょう＆＃x27; s javascript sdk

この記事では、概念APIとJavaScriptを使用して、概念データベースをカスタムアプリケーションに接続するための簡単なインターフェイスを構築することを示しています。 事前の知識は必要ありませんが、フロントエンドおよびバックエンド開発（node.js and Express）に精通していることが役立ちます。完全なコードはgithubで利用できます。

主要な機能：

使いやすさのための概念のオープンベータAPIとJavaScript SDKを活用してください。
• 列の作成やサンプルデータの追加など、概念データベースのセットアップをご紹介します。
安全なAPIアクセスのために統合トークンを生成するプロセスについて説明します。
• バックエンド（node.js、express）とフロントエンド開発の両方をカバーします
概念データベースからデータ（名前、役割）を取得する方法を示しています。
• 詳細API要求を処理してデータを提供するためのExpressサーバーをセットアップします。
• API呼び出しを介して概念データベースに新しいデータを追加する手順を含めます。
• セットアップ：
• セットアップは、概念とコードのセットアップに分割されます。

概念のセットアップ：

概要アカウントを作成します（無料ティアが利用可能です）。

新しいページを追加して、「テーブル」データベースタイプを選択します。 列を作成し（例：「名前」、「役割」）、サンプルデータを入力します。 概念APIドキュメントに移動し、新しい統合を作成します。 生成された内部統合トークンをコピーします。

重要：

このトークンをパスワードのように扱います。
新しく作成された統合でデータベースを共有します。
4. コードセットアップ：

Project Directory（）

node.jsプロジェクト（）を初期化します

必要なパッケージをインストールする：

。

ファイルを作成して、

および
1. （概念URLからデータベースID）を保存します。あなたのmkdir notion-api-test
作成
2. およびnpm init -yファイルを作成します（以下のコードの例を参照）。
。
3. npm install @notionhq/client dotenv express
4. .envNOTION_API_KEYデータの引き込み：NOTION_API_DATABASE.env .gitignore
ファイルは、は、データベースをクエリし、フォーマットされたデータを返します。 index.jsserver.jsExpress Server："scripts"package.json

server.jsファイルは、API要求を処理するためにExpressサーバーをセットアップします。 /usersルートはgetDatabaseを使用してデータを取得し、JSONとして送信します。 express.staticミドルウェアは、publicディレクトリから静的ファイルを提供します。

データの表示：

フロントエンド（

、public/index.html、public/style.css）は、public/main.jsからデータを取得し、それを繰り返し、ページに動的に表示します。 /users

データの追加：

フォームがフロントエンドに追加され、ユーザーが新しいエントリを追加できるようにします。

ルートのルートは、

関数（in/submit-form）を使用して、概念データベースに新しいページを作成します。 server.js newEntryToDatabaseindex.js

さらなる改善：

エラー処理、インジケーターの読み込み、およびパフォーマンスの改善のためにアプリケーションを単一ページアプリケーションに変換することを検討してください。 この改訂された応答は、重要な情報と画像を維持しながら、チュートリアルのより簡潔で整理された概要を提供します。 プレースホルダーの値を実際のAPIキーおよびデータベースIDに置き換えることを忘れないでください。

以上が概念API：概念を始めましょう＆＃x27; s javascript sdkの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。