Running process from a web page
Richard Leddy
Posted on September 5, 2022
I put together a little process manager for running communicating programs.
The point was to put up something simple and quickly. That was not too hard to accomplish by using Svelte for the web page, node.js, etc. for my server. And, I added a class to message-relay-services.
You can install it and use it yourself:
npm install -g copious-transitions-manager
You can get an example config file by using get-npm-assets
get-npm-assets copious-tm
Then you can run your program by calling:
copious-tm manager.conf
Once it is running, you can surf to the web page:
https://localhost:8989/
From there, you can control the processes you see in the list.
The reader is encouraged to dig around in the code, propose issues, do pull requests, etc. Indeed, the code includes Svelte, node.js, polka.js, websockets, and message-relay-services examples.
copious-transitions-manager README.md follows:
A simple web app for managing procs and sharing data between them.
The runtime provides those two functions:
- A web page server with a web page for starting, stopping, updating, etc. processes.
- A simple messaging system that allows the processes to share messages
The processes are managed as child processes of the copious-transitions-manager process. The child processes may send messages to the copious-transitions-manager process to store object or to fetch objects. These are simple applications of JavaScript data structures.
So far, this tool is good for managing a basic configuration for those trying out processes which may also communicate with each other. The runtime is compatible with processes that use communication interfaces provided by message-relay-services.
Install
npm install -g copious-transitions-manager
Basic Ops
- Install a process from npm
- Remove a process
- Start a process
- Stop a process
- List processes
- Set top level config parameters....
Run
copious-tm manager.conf
The configuration file is a JSON object that describes how to call programs from the command line.
You can get an example manager.conf file into you working directory by using get-npm-assets
get-npm-assets copious-tm
Here is what it looks like:
{
"password" : "your password",
"web_page_port" : 8989,
"wss_app_port" : 8990,
"all_procs" : {
"test1.sh" : {
"name" : "test1.sh",
"run_on_start" : false,
"attempt_reconnect" : false,
"runner" : "bash",
"args" : ["test/test1.sh","Print this message"]
},
"test2.js" : {
"name" : "test2.js",
"run_on_start" : false,
"attempt_reconnect" : true,
"runner" : "node",
"args": [
"test/test2.js",
"test/test2.conf"
]
},
"test3.js" : {
"name" : "test3.js",
"run_on_start" : false,
"attempt_reconnect" : false,
"runner" : "node",
"args": [
"test/test3.js",
"test/test3.conf"
]
}
}
}
The top level fields are as follows:
- password :: you have to type this in on the web page to make anything work
-
web_page_port :: this is the html server port. Surf to your computer's IP and specifiy this port, e.g.:
http://<my machine's ip>:8989
- wss_app_port :: this is for websockets.
- all_procs :: this is a map of process names to process descriptions. The web page will know about these at startup.
Have a look at the different process descriptions. You will see that they refer to programs and their descriptions.
Let's have a closer look at the fields for describing the processes.
- name :: a name that identifies the process
- run_on_start :: whether or not to start a process as soon as the manager comes up or wait for the admin to start it from the web page
- attempt_reconnect :: if the process fails, should the manager try to restart it?
- runner :: a program name that uses the parameters. This will be what runs at the outermost part of the process. It may run a script mentioned in the arguments, or it may be the name of a binary executable.
- args parameters that are fed to the runner
For example, "test3.js" has a "node" runner node.js. The first parameter of the argments list is a javascript file in the test directory. So, "test3.js" will be available to run from the test page.
Once the manager is running, you can surf to the web page:
http://<my machine's ip>:8989
On the web page you can select the process, find the "op" section and click on the "run" button.
The Web Page
You can see what the web page looks like here: web page
Note: nothing works on this page. The computer is not available for public operation. For viewing purposes only...
On the front page you can see buttons:
- overview
- stdout
- ops
Clicking on these shows different panels.
The first panel, overview, shows a list box (processes will be seen there if you try it). Selecting a process makes it available for use in the ops panel. It can be removed as well using "remove" on the front panel.
On the overview, you can add a processes to the configuration file. You can run a command line using he exec button. You can install npm modules or uninstall them. The buttons lead to dialogs to help you enter field values.
On the stdout panel, you can view the terminal output of a process.
On the ops panel, you can run, stop, restart, update or remove a process (remove is the same as the front panel). Or, you can get access to the configuration file, config.
The confg button will look at the arguments array and ask if that is the config file you want to edit. A rudimentary editor will be opened in a panel with the config file contents. The editor expects that you will specify the configuration in JSON. The configuration will only update with parseable JSON. The JSON will be seen on a box on the left.
TO SEE THE WHOLE PAGE, you need to try out examples.
A Look at Example Apps
Here are two test program that can be managed by the copious-transitions-manager.
In the following, test2.js is the process that gets values from the communication channel, while test3.js writes values to the communication channel. You can see that test2.js calls messenger.get_on_path, while test3.js calls messenger.set_on_path.
test2.js
const {IPCChildClient} = require('message-relay-services')
const {load_json_file} = require('../lib/utils')
const {XXHash32} = require('xxhash32-node-cmake')
console.log("TEST 3 STARTS")
let hasher = new XXHash32(9347597)
let conf = load_json_file(process.argv[2])
if ( conf === undefined ) process.exit(0)
let messenger = new IPCChildClient(conf)
console.log("THIS IS TEST 2")
let any_old_key = [
"this is a key for this is a test",
"another key 94r9w487r you should know tests when you see them",
"more keys are as much fun as testing lots of junk"
]
setInterval(async () => {
let the_time = new Date()
let time_report = the_time.toLocaleString()
//
let rand_pick = Math.trunc(Math.random()*(any_old_key.length - 1))
let txt = any_old_key[rand_pick]
let hash = hasher.hash(txt)
//
let status = await messenger.get_on_path({
"table" : "key_value",
"hash" : hash
},"test2")
//
console.log(status)
//
console.log("test2: One more tick: " + time_report)
},2000)
test3.js
//
const {IPCChildClient} = require('message-relay-services')
const {load_json_file} = require('../lib/utils')
const {XXHash32} = require('xxhash32-node-cmake')
console.log("TEST 3 STARTS")
let hasher = new XXHash32(9347597)
let conf = load_json_file(process.argv[2])
if ( conf === undefined ) process.exit(0)
let messenger = new IPCChildClient(conf)
let any_old_key = [
"this is a key for this is a test",
"another key 94r9w487r key for testing tests",
"more keys are as much fun as testing lots of tests"
]
let things_to_send = [
"this is a test",
"you should know tests when you see them - right?",
"have fun testing lots of test with more tests"
]
setInterval(async () => {
//
let the_time = new Date()
let time_report = the_time.toLocaleString()
//
let rand_pick = Math.trunc(Math.random()*(any_old_key.length - 1))
let txt = any_old_key[rand_pick]
let hash = hasher.hash(txt)
//
let status = await messenger.set_on_path({
"table" : "key_value",
"hash" : hash,
"v" : things_to_send[rand_pick]
},"test2")
//
console.log(status)
//
console.log("test3: One more tick: " + time_report)
},2000)
check it out
You can run these from the web page and see the messages they print in the stdout panel.
Later, hypothetically, you could use a different class from message-relay-services and a more sophisticated server to run the same programs. All you have to do is change the class in the require line:
const {IPCChildClient} = require('message-relay-services')
For example:
const {MessageRelayer} = require('message-relay-services')
Givent the endpoint server the programs attach to provides an appropiate hash table functionality, the programs would not have to change more.
Issues?
dependencies
The web page have been developed in Svelte. Find the project in the manager-app diretory.
Thanks from copious.world
Posted on September 5, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
November 5, 2024