🔌

NotionMCPとCursor連携

に公開
Notion
Model Context Protocol
Cursor
tech

はじめに

Notionの公式のMCPサーバーができたので、Cursorから情報取得するまで検証
https://github.com/makenotion/notion-mcp-server

環境

OS:Windows10
Cursorとnode.jsインストール済み

設定方法

以下の対応が必要

  • Notion
    トークン(インテグレーションシークレット)の発行とMCPがアクセスさせたいページに接続設定をする
  • Cursor
    MCPサーバーの設定

1. Notionでトークンの発行

  1. インテグレーションの画面に移動
    1. 設定画面を開く
    2. 左メニューのコメクトをクリック
    3. インテグレーションを作成または管理するをクリック
  2. インテグレーションを作成する
    1. 「新しいインテグレーション」をクリック
    2. インテグレーション名と対象のワークスペースを入力して保存します。
  3. 作成後トークンの値をコピー
  4. Notionのページの接続設定
    1. MPCサーバーに参照させたいページに移動
    2. オプションから「接続」→「1-3で作成したインテグレーション」を選択

2. CursorでMCPサーバーの設定

  1. cursorの設定画面からMCPをクリック
  2. 「Add new global MCP Server」をクリック
  3. mcp.jsonが開くので以下のコードを追加
    {
  "mcpServers": {
    "notionApi": {
      "command": "npx",
      "args": ["-y", "@notionhq/notion-mcp-server"],
      "env": {
        "OPENAPI_MCP_HEADERS": "{\"Authorization\": \"Bearer ntn_XXXXXXXXXXXXXXXXX\", \"Notion-Version\": \"2022-06-28\" }"
      }
    }
  }
}
    1. 確認
      画像のようにMCPサーバーが追加され、名前の左のランプが緑になれば連携OK。
      一度エディタ再起動したほうが良いかも・

実際に使ってみる

AIに依頼したテキスト

notionから最新5ページの内容を教えてください

結果

※内容はプライベートページなのでぼかし入れさせてもらっています。

まとめ

テキストレベルのものはAI側に把握はできているので、ドキュメントをNotionに書いてそこからcursorで実装みたいなことはできるような感じがしました。
Notion上の画像、DBなどどこまで認識してくれるかなどは今後要検証

Discussion