Bright Data Web Unlocker を使って Web サイトのスクリーンショットを取得し、ディスクに保存する
中級
これはDesign, IT Ops分野の自動化ワークフローで、6個のノードを含みます。主にSet, HttpRequest, ManualTrigger, ReadWriteFileなどのノードを使用。 Bright Data Web Unlockerを使ってウェブサイトのスクリーンショットをキャプチャしてディスクに保存
前提条件
- •ターゲットAPIの認証情報が必要な場合あり
ワークフロープレビュー
ノード接続関係を可視化、ズームとパンをサポート
ワークフローをエクスポート
以下のJSON設定をn8nにインポートして、このワークフローを使用できます
{
"id": "1U5Jf4NMQEw9LtxY",
"meta": {
"instanceId": "885b4fb4a6a9c2cb5621429a7b972df0d05bb724c20ac7dac7171b62f1c7ef40"
},
"name": "Capture Website Screenshots with Bright Data Web Unlocker and Save to Disk",
"tags": [
{
"id": "Kujft2FOjmOVQAmJ",
"name": "Engineering",
"createdAt": "2025-04-09T01:31:00.558Z",
"updatedAt": "2025-04-09T01:31:00.558Z"
}
],
"nodes": [
{
"id": "d61cb066-1d5f-47d5-a4dd-4534f3d3c6d8",
"name": "「Test workflow」をクリックした時",
"type": "n8n-nodes-base.manualTrigger",
"position": [
-520,
-160
],
"parameters": {},
"typeVersion": 1
},
{
"id": "eb99305b-0375-4cdd-8682-637d281598a0",
"name": "付箋",
"type": "n8n-nodes-base.stickyNote",
"position": [
-540,
-500
],
"parameters": {
"width": 360,
"height": 260,
"content": "## Note\n\nThe \"**Set URL, Filename and Bright Data Zone**\" node must be updated with the appropriate url, file name and **Bright Data Proxies & Infrastructure** zone.\n\nThe \"**Write a file to disk**\" node has the location to download the website screenshot. Please make sure to set the path"
},
"typeVersion": 1
},
{
"id": "205f64e9-5b31-4c76-912a-307eccde159e",
"name": "付箋1",
"type": "n8n-nodes-base.stickyNote",
"position": [
-160,
-240
],
"parameters": {
"color": 4,
"width": 260,
"height": 280,
"content": "## Website Screenshot"
},
"typeVersion": 1
},
{
"id": "e7705941-2ae8-4c38-93cb-2cb865314872",
"name": "ファイルをディスクに書き込む",
"type": "n8n-nodes-base.readWriteFile",
"position": [
140,
-160
],
"parameters": {
"options": {},
"fileName": "={{ \"c:\\\\\"+ $json.filename }}",
"operation": "write",
"dataPropertyName": "={{ $json.filename }}"
},
"typeVersion": 1
},
{
"id": "167ff255-da5b-43c1-a22f-e00c4cc166d8",
"name": "スクリーンショットを取得する",
"type": "n8n-nodes-base.httpRequest",
"position": [
-80,
-160
],
"parameters": {
"url": "https://api.brightdata.com/request",
"method": "POST",
"options": {
"response": {
"response": {
"responseFormat": "file",
"outputPropertyName": "={{ $json.filename }}"
}
},
"allowUnauthorizedCerts": true
},
"sendBody": true,
"sendHeaders": true,
"authentication": "genericCredentialType",
"bodyParameters": {
"parameters": [
{
"name": "zone",
"value": "={{ $json.zone }}"
},
{
"name": "url",
"value": "={{ $json.url }}"
},
{
"name": "format",
"value": "raw"
},
{
"name": "data_format",
"value": "screenshot"
}
]
},
"genericAuthType": "httpHeaderAuth",
"headerParameters": {
"parameters": [
{}
]
}
},
"credentials": {
"httpHeaderAuth": {
"id": "kdbqXuxIR8qIxF7y",
"name": "Header Auth account"
}
},
"typeVersion": 4.2
},
{
"id": "1c5c3d72-f20d-4d06-a6f2-461d043c4a01",
"name": "URL、ファイル名、Bright Data Zoneを設定する",
"type": "n8n-nodes-base.set",
"position": [
-300,
-160
],
"parameters": {
"options": {},
"assignments": {
"assignments": [
{
"id": "c9de0c3e-609a-4e87-b6ab-b4312be026a9",
"name": "url",
"type": "string",
"value": "https://dev.to/"
},
{
"id": "408ed65a-0d66-4f98-b2eb-0d5e066e3250",
"name": "filename",
"type": "string",
"value": "devto.png"
},
{
"id": "ee10fcb0-a610-4987-8a4e-dfab077aee0e",
"name": "zone",
"type": "string",
"value": "web_unlocker1"
}
]
}
},
"typeVersion": 3.4
}
],
"active": false,
"pinData": {},
"settings": {
"executionOrder": "v1"
},
"versionId": "d3ae63f2-efcf-478b-aadf-8a3fac2af02a",
"connections": {
"167ff255-da5b-43c1-a22f-e00c4cc166d8": {
"main": [
[
{
"node": "e7705941-2ae8-4c38-93cb-2cb865314872",
"type": "main",
"index": 0
}
]
]
},
"d61cb066-1d5f-47d5-a4dd-4534f3d3c6d8": {
"main": [
[
{
"node": "1c5c3d72-f20d-4d06-a6f2-461d043c4a01",
"type": "main",
"index": 0
}
]
]
},
"1c5c3d72-f20d-4d06-a6f2-461d043c4a01": {
"main": [
[
{
"node": "167ff255-da5b-43c1-a22f-e00c4cc166d8",
"type": "main",
"index": 0
}
]
]
}
}
}よくある質問
このワークフローの使い方は?
上記のJSON設定コードをコピーし、n8nインスタンスで新しいワークフローを作成して「JSONからインポート」を選択、設定を貼り付けて認証情報を必要に応じて変更してください。
このワークフローはどんな場面に適していますか?
中級 - デザイン, IT運用
有料ですか?
このワークフローは完全無料です。ただし、ワークフローで使用するサードパーティサービス(OpenAI APIなど)は別途料金が発生する場合があります。
関連ワークフロー
Bright Data MCPサーバーとGoogle Geminiを使ったLinkedInウェブスクレイピング
Bright Data MCPサーバーとGoogle Geminiを使用したLinkedInデータの抽出・変換
Set
Code
Merge
+
Set
Code
Merge
20 ノードRanjan Dailata
人工知能
Bright Data MCPとGoogle Geminiを使用した法の事例研究抽出ツール、データマイニングツール
Bright Data MCPとGoogle Geminiを使用した法のケーススタディ抽出データマイニングツール
Set
Code
Wait
+
Set
Code
Wait
22 ノードRanjan Dailata
人工知能
ビング・データとGoogle Geminiを使ってIndeedの企業情報を抽出し、集約
Bright DataとGoogle Geminiを使ってIndeedの企業情報を抽出し、集約する
Set
Markdown
Http Request
+
Set
Markdown
Http Request
15 ノードRanjan Dailata
人事
Indeed社データスクレイピングとAirtable、Bright Data、Google Geminiの統合
Airtable、Bright Data、Google Geminiを用いたIndeedデータのスクレイピングと集約
If
Set
Wait
+
If
Set
Wait
19 ノードRanjan Dailata
人事
Bright Dataによる構造化された大量データ抽出のウェブスパイダー
Bright DataとWebhookを使った非同期バッチWebスクレイピング
If
Set
Wait
+
If
Set
Wait
16 ノードRanjan Dailata
エンジニアリング
Bright Data を使用して Google Gemini で Etsy データをスクレイピングし自動化
Etsy データマイニングの自動化を実現:Bright Data によるスクレピング、Google Gemini
Set
Function
Split Out
+
Set
Function
Split Out
19 ノードRanjan Dailata
プロダクト