topic Re: Local development setup in Real User Monitoring

Local development setup

Dominik_Jenik — Wed, 31 May 2023 14:10:50 GMT

I have tried some simple examples:

if (dtrum) { const actionId = dtrum.enterAction('some_action_name'); dtrum.leaveAction(actionId); }

and adding

                <script
                    type="text/javascript"
                    src="https://{environmentid}.live.dynatrace.com/" target=_blank>https://{environmentid}.live.dynatrace.com/

But I see that request goes to localhost, where I would expect it will go to https://{environmentid}.live.dynatrace.com/

Is that possible or do I have to run some instance of Dynatrace locally?

Re: Local development setup

radek_jasinski — Tue, 14 Mar 2023 17:41:02 GMT

Dominik,

Can you write more details what you want to do?
Do you want to use JavaScript API for monitoring your WWW ?

Radek

Re: Local development setup

Dominik_Jenik — Tue, 14 Mar 2023 18:59:01 GMT

yes, I want to use JavaScript API. (its Next JS Typescript APP but I think that does not matter much)

I want to test it running localhost and afterward deploy to cloud.

Re: Local development setup

radek_jasinski — Wed, 15 Mar 2023 10:28:54 GMT

Of course, you can redirect your local machine to DT in SaaS.
Did you put a script with the address to Dynatrace in the header?

In general, I have not encountered a situation where traffic is redirected to localhost:9000. I suspect a placement error in the script or perhaps a mechanism on the WWW that substitutes this (I have encountered such a situation with F5).

Please read the examples you can find here:

In the Dynatrace menu, go to Settings > Web and mobile monitoring > Advanced setup.
Under JavaScript tag API, select Download documentation and samples.

https://www.dynatrace.com/support/help/shortlink/api-rum#documentation

Re: Local development setup

Dominik_Jenik — Wed, 15 Mar 2023 17:02:37 GMT

Thanks for reply.

It is there in the header and its loaded OK

But the outgoing communication is going to localhost.

I think I am not doing anything special in the usage of dtrum.

Now, I have tried one of the examples dynatraceapi-1.255.1.20221104-040649.zip

But here I get little bit different behaviour:

Access to XMLHttpRequest at 'file:///C:/rb_bf33897nam?type=js3&flavor......m172lcx&end=1' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.

Do you think it can have something with one of the following configurations:

etc.

Re: Local development setup

Dominik_Jenik — Wed, 15 Mar 2023 17:35:05 GMT

It looks like our Next JS app is routing it to its default route:

(and Yes it is properly loaded)

Re: Local development setup

Dominik_Jenik — Wed, 15 Mar 2023 18:22:07 GMT

Using example from dynatraceapi-1.255.1.20221104-040649.zip adding it to Header of that testing example file

I am getting this error:

From what I see that your script is always using the domain where it is run from (in this case filesystem c:/).

Re: Local development setup

radek_jasinski — Tue, 28 Mar 2023 10:50:06 GMT

It seems to me that you are injecting the script incorrectly. Because the URL tenant is not generated correctly.

You can generate a JS script for agentless rum and compare syntaxes.

See the screen I presented below:

Re: Local development setup

Dominik_Jenik — Tue, 04 Apr 2023 09:24:07 GMT

I have tried also your way, to use "OneAgent Javascript Tag"

But that lead still to localhost with the same error 404.

And not just that but it does not import the dtrum (which "Javascript tag" does)

Re: Local development setup

Radoslaw_Szulgo — Tue, 04 Apr 2023 09:44:45 GMT

I guess you've tried this one?

https://www.dynatrace.com/support/help/extend-dynatrace/openkit/instrument-your-application-using-dynatrace-openkit#tabgroup--openkit-basic-sample--javascript

Re: Local development setup

Dominik_Jenik — Wed, 31 May 2023 08:35:22 GMT

Where can I find my endpointURL, applicationID, clientIP and what about credentials for authentification/authorization?

Re: Local development setup

Radoslaw_Szulgo — Wed, 31 May 2023 11:05:28 GMT

Use the downloaded library and the Beacon URL and Application ID provided in the instrumentation wizard to instrument your application.

ClientIP is your IP. Put anything that you want to be identified.

Re: Local development setup

epinnock — Wed, 21 May 2025 13:12:45 GMT

Is it possible to set the endpointURL when using the dtrum API or can you only do this using OpenKit?