Learning Splunk Web Framework

Learning Splunk Web Framework

By : Vincent Sesto

Buy this Book

Learning Splunk Web Framework

By: Vincent Sesto

Buy this Book

Overview of this book

Building rich applications on the Web using Splunk is now simpler than ever before with the Splunk Web Framework. It empowers developers to build their own web applications with custom dashboards, tables, charts, form searches, and other functionalities in the datasets at their disposal. The book will start with the fundamentals of the Splunk Web Framework, teaching you the secrets of building interesting and user-friendly applications. In the first application, you will learn to analyze and monitor traffic hitting the NASA website and learn to create dashboards for it. You will then learn additional, and more detailed, techniques to enhance the functionalities of the app such as dashboards and forms, editing simple XML, using simple XML extensions, tokens, post-process searches, dynamic drill-downs, the Splunk Web Framework and REST API, and much more. The second app will use historical stock market data and will create custom dashboards using Splunk Web Framework; the book will now cover important topics such as creating HTML dashboards, enhancing the visual appeal of the app using CSS, and moving your app with SplunkJS. The book will provide different and interesting examples instead of the usual “Log, Index, Search, and Graph” so that Splunk will be the first tool readers think of to resolve a problem.

Learning Splunk Web Framework

Credits

About the Author

About the Reviewer

www.PacktPub.com

Preface

Free Chapter

Splunk Web Framework Fundamentals

Introducing the Splunk Web Framework

The development process and development environment

Introducing the example projects

Summary

Presenting Data to Users as a Splunk App

Managing and creating your apps

Summary

Expand Your Splunk Apps Using Simple XML

File precedence and caching

Getting started with the SimpleXML code

The Splunk code editor

Create development branches with Git

Adding charts to dashboards

The Simple XML of charts

Expanding our Splunk app with maps

Finally, a table!

Completing your development and releasing to production

Summary

Layouts, Navigation, and Menus

Setting your Splunk app's default page

Manipulating the menu structure

Biological cell simulation app

Manipulating your dashboard layout

Customizing layouts with JavaScript

Color-coding values in our display

Adding CSS into Simple XML

Summary

Interacting with Your User While Speeding up App Searches

Speeding up data delivery with post processing searches

Using scheduled reports in dashboards

Splunk forms

More advanced form examples

Packaging up our Splunk apps

Summary

Moving from Simple XML to HTML

Moving forward by taking a step back

Converting your Simple XML code to HTML

The Splunk HTML Code Editor

Stepping through the HTML dashboard code

Why convert to HTML?

Making changes to HTML dashboards

Creating a Splunk App template

Summary

JavaScript Modules in Your HTML App

JavaSript modules in the Splunk Web Framework

Adding animation to Splunk dashboards

Ensuring your code is correct

Customizing JavaScript Modules in HTML

Implementing external libraries in your HTML code

Adding your icon to your Splunk App

Summary

Utilizing CSS to Spice Up Visual Appeal

CSS templates and themes

Get the raw dashboard ready

Implementing your own CSS style

Inline style sheets

Using internal style sheets in your Splunkcode

CSS and dashboard menus

Setting up external style sheets in Splunkapps

Using the Splunk Web Framework CSS

Bootstrap alerts in your Splunkdashboard

Bootstrap and dashboard headings

Bootstrap tool tips

Losing our Bootstrap themes

Summary

Moving Your App off Splunk with Splunk JS

So what is SplunkJS?

What about the Splunk SDK?

Host Splunk data outside of Splunk

Setting up our website

Interacting with Splunk through the management port

Let's get started with SplunkJS

So what if your test page doesn't work?

Let's create our new web page...mobile first

Authenticating with your Splunkenvironment

Automated testing of our web page

Writing a simple test

Considerations when testing

Summary

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Adding animation to Splunk dashboards

I use the term animation loosely as we are not going to be developing the next Pixar epic, but we will be working within our dashboard and enhancing the way that our dashboard panels work with the user's mouse clicks. We are going to continue working on the Stock Market Historical Overview HTML dashboard that we created in the previous chapter. We are currently displaying only two graphs on the page, but we will add JavaScript that will allow us to collapse the Yahoo! data so we can focus more on our Splunk stock market data. We will also add a table, but instead of just offering values, we add extra visual effects to allow it to switch between a row value and a graph.

If you have not done so already, you should move your HTML dashboard into the default directory of the Splunk App.

Log into your development server and move into the html directory where our dashboards are stored:
```
cd $SPLUNK_HOME/etc/apps/stock_market/default/data/ui/html/
```
We want to make...

Learning Splunk Web Framework

By : Vincent Sesto

Learning Splunk Web Framework

By: Vincent Sesto

Overview of this book

Related Content you might be interested in

Current Title:

Learning Splunk Web Framework

Adding animation to Splunk dashboards