Forms へのフォーム送信による QR コード生成

中級

これはAI分野の自動化ワークフローで、6個のノードを含みます。主にForm, FormTrigger, HttpRequestなどのノードを使用、AI技術を活用したスマート自動化を実現。 QR Server APIからURLを使用してQRコードを生成し画像をダウンロード

前提条件
  • ターゲットAPIの認証情報が必要な場合あり

カテゴリー

ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
  "id": "nJMmIY6LcqteZAxs",
  "meta": {
    "instanceId": "88227e7d5a80f0220a9d1bc804083e7f757e5748e0505f6bb8ab9de84a675881"
  },
  "name": "QR code generation via form submission",
  "tags": [],
  "nodes": [
    {
      "id": "6874fcea-b608-48b4-8642-1f7df8f402b2",
      "name": "フォーム送信時",
      "type": "n8n-nodes-base.formTrigger",
      "position": [
        0,
        0
      ],
      "webhookId": "f245588d-f91c-47a1-b506-fd193d3cd00b",
      "parameters": {
        "options": {},
        "formTitle": "QR Code Generator",
        "formFields": {
          "values": [
            {
              "fieldLabel": "URL",
              "requiredField": true
            },
            {
              "fieldType": "number",
              "fieldLabel": "width",
              "placeholder": "1000",
              "requiredField": true
            },
            {
              "fieldType": "number",
              "fieldLabel": "height",
              "placeholder": "1000",
              "requiredField": true
            }
          ]
        },
        "formDescription": "This mini application is to generate QR code for the provided URL."
      },
      "typeVersion": 2.2
    },
    {
      "id": "742256e5-39c9-47d7-b5bb-f4bc8f826fd0",
      "name": "HTTP リクエスト",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        220,
        0
      ],
      "parameters": {
        "url": "=http://api.qrserver.com/v1/create-qr-code/?data={{ $json.URL }}&size={{ $json.width }}x{{ $json.height }}",
        "options": {}
      },
      "typeVersion": 4.2
    },
    {
      "id": "83eb10d0-5086-437f-a306-b1b6426cee38",
      "name": "フォーム",
      "type": "n8n-nodes-base.form",
      "position": [
        440,
        0
      ],
      "webhookId": "69bcb482-a687-41bf-8778-c3e5e8e5b706",
      "parameters": {
        "options": {},
        "operation": "completion",
        "respondWith": "returnBinary",
        "completionTitle": "QR code generation",
        "completionMessage": "=QR code of {{ $json.URL }} should have been downloaded to your device."
      },
      "typeVersion": 1
    },
    {
      "id": "1d4dc8a9-88d2-4469-8589-da510530aa16",
      "name": "付箋",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -60,
        -200
      ],
      "parameters": {
        "width": 200,
        "content": "### Form submission\nThis is a form submission node for end user inputting the URL to be converted to QR code."
      },
      "typeVersion": 1
    },
    {
      "id": "08bdc473-e450-452d-b4e3-3c4604aeac9e",
      "name": "付箋1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        160,
        -200
      ],
      "parameters": {
        "width": 200,
        "content": "### QR code generation\nThis is a node to call API from QR Server API (https://goqr.me/api/)."
      },
      "typeVersion": 1
    },
    {
      "id": "7c447851-475e-4b79-8327-935f57ada66a",
      "name": "付箋2",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        380,
        -200
      ],
      "parameters": {
        "width": 200,
        "content": "### Form ending\nThis is a form ending node for end user downloading the QR code."
      },
      "typeVersion": 1
    }
  ],
  "active": false,
  "pinData": {},
  "settings": {
    "executionOrder": "v1"
  },
  "versionId": "9ce62b12-1260-432e-8021-0e6f90093f20",
  "connections": {
    "742256e5-39c9-47d7-b5bb-f4bc8f826fd0": {
      "main": [
        [
          {
            "node": "83eb10d0-5086-437f-a306-b1b6426cee38",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "6874fcea-b608-48b4-8642-1f7df8f402b2": {
      "main": [
        [
          {
            "node": "742256e5-39c9-47d7-b5bb-f4bc8f826fd0",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
よくある質問

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

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

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

中級 - 人工知能

有料ですか?

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

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

経験者向け、6-15ノードの中程度の複雑さのワークフロー

作成者
Rex Lui

Rex Lui

@rexlui

Detail-oriented data professional with over 10 years of experience in data science and machine learning, specializing in CRM analytics and customer behavior modeling. Proficient in designing and deploying predictive models and actionable insights that drive strategic decision-making and enhance customer engagement. Highly skilled in Python, SQL, and AWS, with a proven track record in cross-functional collaboration to implement data-driven solutions.

外部リンク
n8n.ioで表示

このワークフローを共有

カテゴリー

カテゴリー: 34