Forms へのフォーム送信による QR コード生成
これはAI分野の自動化ワークフローで、6個のノードを含みます。主にForm, FormTrigger, HttpRequestなどのノードを使用、AI技術を活用したスマート自動化を実現。 QR Server APIからURLを使用してQRコードを生成し画像をダウンロード
- •ターゲットAPIの認証情報が必要な場合あり
使用ノード (6)
カテゴリー
{
"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など)は別途料金が発生する場合があります。
関連ワークフロー
Rex Lui
@rexluiDetail-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.
このワークフローを共有