🎓 Learn API Fundamentals with an Interactive Hands-On Tutorial Workflow — n8n ワークフロー
概要
How it works
This template is an interactive, hands-on tutorial designed to demystify what an API is and how it works, right inside your n8n canvas.
It uses a simple restaurant analogy to explain the core concepts: You* are the "Client" (an HTTP Request* node). The Kitchen is the "Server" (a Webhook node). The API is the Menu and the Waiter—the set of rules for how you can ask for things and get a response.
The workflow is a series of self-contained lessons. Each lesson pairs an HTTP Reques
使用ノード
HTTP Request
ワークフロープレビュー
⚡
S
Start Tutorial
⚡
1
1. The Kitchen (GET /menu)
P
Prepare Menu Data
1. The Customer (GET Men…
2. The Customer (GET wit…
⚡
2
2. The Kitchen (GET /ord…
P
Prepare Cheese Pizza
P
Prepare Plain Pizza
3. The Customer (POST wi…
⚡
3
3. The Kitchen (POST /re…
P
Process Review Data
4. The Customer (GET wit…
⚡
4
4. The Kitchen (GET /sec…
5. The Customer (Request…
⚡
5
5. The Kitchen (GET /slo…
P
Prepare Slow Response
W
Wait 3 seconds
I
IF Authorized
I
IF extra cheese
B
Base URL
⚡
R
Respond with Secret
⚡
R
Respond: Unauthorized (4…
⚙
⚙️CONFIGURATION⚙️
23 nodes17 edges
仕組み
- 1
トリガー
このワークフローは トリガー トリガーで開始します。
- 2
処理
データは 23 個のノードを流れます, connecting httprequest, if, manualtrigger。
- 3
出力
ワークフローは自動化を完了し、設定された宛先に結果を配信します。
ノード詳細 (23)
HT#1
HTTP Request
httpRequest
このワークフローのインポート方法
- 1右側の JSONをダウンロード ボタンをクリックしてワークフローファイルを保存します。
- 2n8nインスタンスを開き、ワークフロー → 新規 → ファイルからインポート に進みます。
- 3ダウンロードした
learn-api-fundamentals-with-an-interactive-hands-on-tutorial-workflowファイルを選択し、インポートをクリックします。 - 4各サービスノードの 認証情報（APIキー、OAuthなど）を設定します。
- 5ワークフローをテスト をクリックして動作確認し、有効化します。
またはn8nの JSONからインポート に直接貼り付け：
{ "name": "🎓 Learn API Fundamentals with an Interactive Hands-On Tutorial Workflow", "nodes": [...], ...}
インテグレーション
httprequestifmanualtriggerrespondtowebhooksetwaitwebhook
作成者
Lucas Peyrin
@lucaspeyrin
タグ
httprequestifmanualtriggerrespondtowebhooksetwaitwebhook