Initiate n8n workflow from angular application

[mkiran]

Hi Friends, I have created a workflow in n8n. Is there any way to start this workflow from Angular application or some other application?

[shrey-42]

@mkiran

You can use a Webhook node to trigger your workflow from anywhere.

Webhook | n8n Docs

[mkiran]

thanks, able to configure the webhook and able to trigger the webhook from postman. But always getting CORS error when I trigger the webhook from Angular application. Getting Access-Control-Allow-Origin issue, even if I set the Access-Control-Allow-Origin value as *. Getting following error

Access to XMLHttpRequest at ‘http://localhost:5679/webhook/sample-webhook’ from origin ‘http://localhost:4200’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: The ‘Access-Control-Allow-Origin’ header has a value ‘http://localhost:8080’ that is not equal to the supplied origin.

[jan]

You can then add the Header “Access-Control-Allow-Origin” and set it to “*”

Here another topic which talks about that:

No ‘Access-Control-Allow-Origin’ header is present on the requested resource

Whether I add ‘Access-Control-Allow-Origin’ : ‘*’ in the response headers of the webhook node or not doesn’t change anything : I always get the CORS error. It’s the server itself that is responding with CORS error. Not the webhook. It’s not even accessing the webhook from what I see. Otherwise I’d get a response with HTTP 200 corresponding to the webhook response code/ Do you have a working example where you can call the webhook with a POST request from another public domain in the browser ? I…