Application Scripts

Overview

In certain specific scenarios, businesses may need to execute JavaScript scripts on the client side after users enter an application or module. To address this requirement, the Informat platform provides options for designers to write JavaScript scripts. Designers can write JavaScript scripts within the application designer to perform operations that can only be achieved in a browser environment, such as retrieving client-side status and DOM nodes. The platform provides application scripts and module scripts settings to implement the concept of chunking.

Special Notes

When application scripts and module scripts run on the client side, they can call functions provided by the system's Client Scripts.

Prerequisites

When using application scripts or module scripts, designers need to understand relevant concepts of javascript. For those unfamiliar with front-end development, they can learn through:

JavaScript related concepts:

• Grammar and Data Types
• Flow Control and Error Handling
• Loops and Iteration
• Functions
• Expressions and Operators
• Numbers and Dates
• Text Formatting
• Regular Expressions
• Indexed Collections
• Keyed Collections
• Working with Objects
• Using Classes

Platform Implementation

The platform's application designer supports independent JavaScript settings for applications and modules. Scripts are automatically mounted when users enter the application or module and automatically unmounted when users leave the application or module.

Using vconsole to Display Client Status Data

The following example uses the vconsole library to monitor client status:

var script = document.createElement("script");
script.id = "vconsole";
script.src = "https://unpkg.com/vconsole@latest/dist/vconsole.min.js";
document.head.append(script);
// Script loaded successfully
script.onload = function () {
  window.vconsole = new window.VConsole();
};