topic Re: Loading custom javascript in custom app in Getting Data In

Loading custom javascript in custom app

JacobPN — Tue, 05 Mar 2019 09:24:58 GMT

Hi all,

I created a custom app from the "sample app" template. I put a application.js file in the appserver/static folder.
This file contains:

console.log("hello")

However, when I open the app, the message is not displayed in the console. I have restarted splunk, cleared my browser cache, and used the _bump endpoint. It seems that the javascript just is not getting loaded. What am I missing here? (my Splunk version is 7.2.0)

Thanks!

Re: Loading custom javascript in custom app

sdchakraborty — Tue, 05 Mar 2019 19:16:01 GMT

you js need to wrap inside require call. something like below,

require([
'jquery',
'underscore',
'splunkjs/mvc',
'splunkjs/mvc/simplexml/ready!'
],
function($,_,mvc){
    console.log("test")
}
)

then in dashboard form tag you need to include the js file name like below,

<form script="youjsfile.js">

Sid

Re: Loading custom javascript in custom app

vnravikumar — Thu, 07 Mar 2019 05:01:16 GMT

Hi @JacobPN

It has to work, just cross check whether you had included javascript in your dashboard. The following code works for me. To include advanced js just follow the comment given by @sdchakraborty

<dashboard script="application.js">
  <label>sampledashboard</label>
</dashboard>

application.js

console.log("this is to test javascript file");

Re: Loading custom javascript in custom app

JacobPN — Thu, 07 Mar 2019 06:48:07 GMT

Hi Sid,

Thanks for the help. Will this work in the home page of the appllcation as well? So not only in dashboards? I'm not sure were to reference the js-file in that case.
Thanks!

Re: Loading custom javascript in custom app

JacobPN — Thu, 07 Mar 2019 06:49:39 GMT

Hi @vnravikumar,

Thank you for your comment. Do you know a way to achieve this at the home page of the application? So outside of any dashboards?
Thanks!

Re: Loading custom javascript in custom app

sdchakraborty — Thu, 07 Mar 2019 07:04:02 GMT

Hi Jacob,

How you developed the application home page? Is it written in html? You can refer ths js in similar way in html page as well, using script tag.

http://web.simmons.edu/~grabiner/comm244/weeknine/including-javascript.html

Sid

Re: Loading custom javascript in custom app

JacobPN — Thu, 07 Mar 2019 07:14:17 GMT

Hi Sid,

I simply created a new app, from the sample app template. So:
"Manage apps" > "Create app" and then choose the template "sample_app" and click save.
Subsequently I placed the mentioned "applications.js" in the appserver/static folder of this app. There is no index.html or anything like that in that folder, where I could place the script tag.

Jacob

Re: Loading custom javascript in custom app

sdchakraborty — Thu, 07 Mar 2019 07:19:13 GMT

Ahh I got it. To see how the java script works you need to create a dashboard in your app. There in the form tag you can add script.

https://docs.splunk.com/Documentation/Splunk/7.2.4/SearchTutorial/Createnewdashboard

And please ignore my previous comment as I dont want to confuse you. Follow whatever ma or @vnravikumar posted yesterday.

Sid

Re: Loading custom javascript in custom app

JacobPN — Thu, 07 Mar 2019 07:39:56 GMT

I tested it on a dashboard and that works. However, now I want it the work on the app home page. So I want it to log "hello" to the console, on the app homepage. Any ideas?