Local development setup

[Dominik_Jenik]

Hi

I have tried some simple example:

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 I have to run some instance of dynatrace locally?

[radek_jasinski]

Dominik,

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

Radek

[Dominik_Jenik]

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.

[radek_jasinski]

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:

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

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

[Dominik_Jenik]

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.

[Dominik_Jenik]

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

(and Yes it is properly loaded)

[Dominik_Jenik]

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:/).

[radek_jasinski]

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:

<script type="text/javascript" src="https://js-cdn.dynatrace.com/jstag/{id}/ruxitagent_ICA2NVfqru_{id}.js" data-dtconfig="app={id}|cors=1|featureHash=ICA2NVfqru|vcv=2|reportUrl=https://{id}.bf.dynatrace.com/bf|rdnt=1|uxrgce=1|bp=3|cuc={id}|mel=100000|dpvc=1|ssv=4|lastModification={id}|dtVersion=10259230221142207|tp=500,50,0,1|agentUri=https://js-cdn.dynatrace.com/jstag/{id}/ruxitagent_ICA2NVfqru_{id}.js" crossorigin="anonymous"></script>