topic Re: How to do a POST event in Synthetic Browser monitoring? in Synthetic Monitoring

How to do a POST event in Synthetic Browser monitoring?

AntonioSousa — Fri, 31 Jul 2020 18:48:37 GMT

I'm trying to do a simple synthetic browser monitoring script, that does a POST request with some data. I have been struggling for more than an hour to find how to do such basic functionality, but seems it's better to seek some help here... Any clue?

Re: How to do a POST event in Synthetic Browser monitoring?

ChadTurner — Fri, 31 Jul 2020 18:55:34 GMT

@Antonio S. i was just able to create a synthetic monitor click path that goes to the Dynatrace Config API and creates a managment zone, and then deletes it. Where are you running into a snag?

Re: How to do a POST event in Synthetic Browser monitoring?

AntonioSousa — Fri, 31 Jul 2020 21:14:24 GMT

It must be because it's late Friday night here 😉

I have looked at the available browser clickpath events,

https://www.dynatrace.com/support/help/how-to-use-dynatrace/synthetic-monitoring/browser-monitors/browser-clickpath-events/

but there seems to be no way of making a POST, namely with the "navigate" event.

It does seem to be possible to do it with the HTTP monitors, but not
with the browser monitors, which was the one I referenced...

Re: How to do a POST event in Synthetic Browser monitoring?

AntonioSousa — Mon, 03 Aug 2020 13:02:16 GMT

@Chad T.,

Can you confirm please what type of synthetic monitor you used? Just to be sure it was not the browser clickpath?

Re: How to do a POST event in Synthetic Browser monitoring?

HannahM — Mon, 03 Aug 2020 13:05:50 GMT

How are you doing this? I've seen it work in Browser Clickpaths using fetch.

The first event has to be a Navigate in Clickpaths though, so you can only do this as a later event.

Re: How to do a POST event in Synthetic Browser monitoring?

ChadTurner — Mon, 03 Aug 2020 13:10:52 GMT

I did use the click path to do the post - I did not run into any issues with that - I dont think you can do it via the basic browser monitor as how would you input the Json payload.

Re: How to do a POST event in Synthetic Browser monitoring?

AntonioSousa — Mon, 03 Aug 2020 14:33:00 GMT

Not sure what "fetch" you are referring to?

Yes, the Navigate is the first. After that I have the following options:

Navigate seems the only option that could support a POST, but it is very limited in what we can do:

Re: How to do a POST event in Synthetic Browser monitoring?

ChadTurner — Mon, 03 Aug 2020 14:40:04 GMT

Why are you adding it manually? its much easier if you add the chrome extension, then record your click path via the new browser window and access your www.<ApiEndPoint>.com and post the json payload.

Re: How to do a POST event in Synthetic Browser monitoring?

AntonioSousa — Mon, 03 Aug 2020 14:51:29 GMT

Yes, I normally use the Chrome extension, but in this specific case, it can't be done 😞

Now I understand how you did it 🙂

BTW, this is not a POST to an API. It is a specific POST in a login situation...

I'll probably have to go the Javascript route...

Re: How to do a POST event in Synthetic Browser monitoring?

ChadTurner — Mon, 03 Aug 2020 14:54:37 GMT

ahh okay, id be interested if you can still be able to get it working via the click path set up - keep us in the loop how it goes.! you can always also create the Synthetic via in a Json then pass it into Dynatrace and have it create it.

Re: How to do a POST event in Synthetic Browser monitoring?

HannahM — Mon, 03 Aug 2020 14:55:17 GMT

Apologies, I should have mentioned that it's a 'fetch' in JavaScript event that is required to do this.

Re: How to do a POST event in Synthetic Browser monitoring?

HannahM — Mon, 03 Aug 2020 16:08:10 GMT

You'll want something like this:

api.startAsyncSyntheticEvent(); 
fetch('<yourRequest>', {
    method: 'POST',
    headers: {
        'content-type': 'application/json'},
    body: '<yourBody>'
}).then(response => response.text()).then(text => {
    try {
        api.info('Success');
        api.finish();
        } else {
            api.fail("Invalid Response");
        }
    } catch (err) {
        api.fail("Failed to Execute");
    } });

Re: How to do a POST event in Synthetic Browser monitoring?

AntonioSousa — Mon, 03 Aug 2020 16:36:52 GMT

Thanks Hannah,

I'm finally done, but didn't use the POST after all, because there were Javascript tricks, so I had to reverse engineer the HTML/Javascript code, and in the ending it was quite easier than I would have thought.

What seems could be a limitation around the few options available in Dynatrace, is easily worked around with Javascript 🙂

Re: How to do a POST event in Synthetic Browser monitoring?

ChadTurner — Mon, 03 Aug 2020 17:06:51 GMT

Great Team Work!

Re: How to do a POST event in Synthetic Browser monitoring?

Cesarlopezh — Tue, 25 Apr 2023 16:33:59 GMT

Hi Antonio,

Can you post the solution?