Workflow Question: How to Write Cropped Image to Gitlab Repository via HTTP Node

Questions
1

Overview:

I have a number of websites for which I would like to scrape the plausible analytics data and write it to my organization website repository so that I can display them for the public.

The current workflow I have is:

Screen Shot 2021-02-16 at 5.36.31 PM
Screen Shot 2021-02-16 at 5.36.31 PM2142Ɨ630 51.3 KB

As per the Gitlab documentation, I have to send the binary data content inside of the content field of the body. I am confused about how to feed the binary data from the crop image node into the HTTP request node.

I love what you folks are developing and I appreciate the community support.

2

Can you share the Gitlab endpoint you need to use?

3

The URL Iā€™m POSTing to is https://gitlab.com/api/v4/projects/grey-software/org/repository/files/

This is the API doc

4

Hi @arsalagrey,

Nice to see that you are taking Screenshots with uProc (I am but biased because I am the founder :).

If you have any doubt, or any feature request, let me know.

1 Like
5

One idea I had was taking a screenshots of particular divs if that would be possible.

6

@arsalagrey check the example below. Just ad your credentials to the last HTTP Node.

{
  "nodes": [
    {
      "parameters": {},
      "name": "Start",
      "type": "n8n-nodes-base.start",
      "typeVersion": 1,
      "position": [
        260,
        350
      ]
    },
    {
      "parameters": {
        "authentication": "headerAuth",
        "requestMethod": "POST",
        "url": "=https://gitlab.com/api/v4/projects/grey-software/org/repository/files/:",
        "options": {},
        "bodyParametersUi": {
          "parameter": [
            {
              "name": "file_path",
              "value": "content/analytics/grey.software/${{new Date().toISOString().substring(0,10)}}.png"
            },
            {
              "name": "branch",
              "value": "master"
            },
            {
              "name": "author_email",
              "value": "[email protected]"
            },
            {
              "name": "author_name",
              "value": "GreyKhan"
            },
            {
              "name": "content",
              "value": "={{$node[\"Function\"].json[\"image\"]}}"
            },
            {
              "name": "encoding",
              "value": "base64"
            }
          ]
        }
      },
      "name": "Write to Gitlab Repo",
      "type": "n8n-nodes-base.httpRequest",
      "typeVersion": 1,
      "position": [
        1310,
        350
      ],
      "credentials": {
        "httpHeaderAuth": "asasasasas"
      }
    },
    {
      "parameters": {
        "url": "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQLjIytMGX1vNK3aBqWsPchs8VbLnkTaglL5A&usqp=CAU",
        "responseFormat": "file",
        "options": {}
      },
      "name": "HTTP Request",
      "type": "n8n-nodes-base.httpRequest",
      "typeVersion": 1,
      "position": [
        550,
        350
      ]
    },
    {
      "parameters": {
        "options": {}
      },
      "name": "Edit Image",
      "type": "n8n-nodes-base.editImage",
      "typeVersion": 1,
      "position": [
        800,
        350
      ]
    },
    {
      "parameters": {
        "functionCode": "return [\n  {\n    json: {\n      image: items[0].binary.data.data\n    }\n  }\n]"
      },
      "name": "Function",
      "type": "n8n-nodes-base.function",
      "typeVersion": 1,
      "position": [
        1050,
        350
      ]
    }
  ],
  "connections": {
    "Start": {
      "main": [
        [
          {
            "node": "HTTP Request",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "HTTP Request": {
      "main": [
        [
          {
            "node": "Edit Image",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Edit Image": {
      "main": [
        [
          {
            "node": "Function",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Function": {
      "main": [
        [
          {
            "node": "Write to Gitlab Repo",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}
1 Like
7

:rocket: Works perfectly!

Final code:

3 Likes