API Ninjas を使用してインタラクティブフォームインターフェースでレシピを検索

初級

これはPersonal Productivity, Multimodal AI分野の自動化ワークフローで、4個のノードを含みます。主にForm, FormTrigger, HttpRequestなどのノードを使用。 API Ninjas のインタラクティブフォームUI でレシピを検索

前提条件
  • ターゲットAPIの認証情報が必要な場合あり
ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
  "meta": {
    "instanceId": "c8c9ba5d3eb26ae47a06d24ff164a01c0d73ed4753a74903c2bb609d434a0f6b"
  },
  "nodes": [
    {
      "id": "4a3b7b39-71a7-4a59-8c91-0ebf9fef29b2",
      "name": "ワークフロー説明",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -250,
        -250
      ],
      "parameters": {
        "color": 5,
        "width": 272,
        "height": 912,
        "content": "## Workflow overview\n\nSimple recipe finder app. User enters an ingredient or dish into a form. Workflow calls API Ninjas Recipe API and shows the recipe result back on the form page.\n\n### Setup\n- **Form Trigger - Recipe Finder**: the entry form with a `query` field.\n- **Fetch Recipe from API Ninjas**: API call node using header auth.\n- **Show Recipe Result**: returns title, ingredients, instructions in formatted text.\n\n### Flow\n1. Form trigger waits for input.\n2. Passes query to API Ninjas.\n3. Fetches recipe.\n4. Shows formatted recipe back to user.\n\n### Notes\nQuick demo of how to build a recipe finder workflow in n8n. Expand easily with more features like multiple recipes, emails, or saving results."
      },
      "typeVersion": 1
    },
    {
      "id": "891b66aa-1620-4867-b27c-b978588a5462",
      "name": "Fetch Recipe from API Ninjas",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        208,
        0
      ],
      "parameters": {
        "url": "https://api.api-ninjas.com/v1/recipe",
        "options": {},
        "sendQuery": true,
        "authentication": "genericCredentialType",
        "genericAuthType": "httpHeaderAuth",
        "queryParameters": {
          "parameters": [
            {
              "name": "query",
              "value": "={{ $json.query }}"
            }
          ]
        }
      },
      "credentials": {
        "httpHeaderAuth": {
          "id": "IU0D73p4jW1pvQE8",
          "name": "API Ninjas Credential"
        }
      },
      "typeVersion": 4.2
    },
    {
      "id": "51dbc266-c345-4334-9349-f66a45ff5350",
      "name": "フォームトリガー - レシピファインダー",
      "type": "n8n-nodes-base.formTrigger",
      "position": [
        0,
        0
      ],
      "webhookId": "7361e34a-fc0e-4125-8b89-6c5774c86b0b",
      "parameters": {
        "options": {},
        "formTitle": "Find a recipe",
        "formFields": {
          "values": [
            {
              "fieldLabel": "query"
            }
          ]
        },
        "responseMode": "lastNode"
      },
      "typeVersion": 2.2
    },
    {
      "id": "2bbcb8e8-b63f-45a8-b141-07300ef724ba",
      "name": "レシピ結果を表示",
      "type": "n8n-nodes-base.form",
      "position": [
        448,
        0
      ],
      "webhookId": "51c635a1-9803-4fc0-a3b2-a7058cbd7356",
      "parameters": {
        "options": {},
        "operation": "completion",
        "completionTitle": "={{ $json.title }}",
        "completionMessage": "=<h3>Ingredients</h3>\n{{ $json.ingredients }}\n\n\n<h3>Instructions</h3>\n{{ $json.instructions }}"
      },
      "typeVersion": 1
    }
  ],
  "pinData": {},
  "connections": {
    "891b66aa-1620-4867-b27c-b978588a5462": {
      "main": [
        [
          {
            "node": "2bbcb8e8-b63f-45a8-b141-07300ef724ba",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "51dbc266-c345-4334-9349-f66a45ff5350": {
      "main": [
        [
          {
            "node": "891b66aa-1620-4867-b27c-b978588a5462",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
よくある質問

このワークフローの使い方は?

上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。

このワークフローはどんな場面に適していますか?

初級 - 個人の生産性, マルチモーダルAI

有料ですか?

このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。

ワークフロー情報
難易度
初級
ノード数4
カテゴリー2
ノードタイプ4
難易度説明

n8n初心者向け、1-5ノードのシンプルなワークフロー

作成者
Milan Vasarhelyi - SmoothWork

Milan Vasarhelyi - SmoothWork

@vasarmilan

We help you eliminate the busywork by building compact business tools tailored to your processes. 📞: https://smoothwork.ai/book-a-call ▶️: https://www.youtube.com/@vasarmilan

外部リンク
n8n.ioで表示

このワークフローを共有

カテゴリー

カテゴリー: 34