Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Before you proceed, make sure to create the example workspace as described here.

Create the UI

First, create a file named example1.html and put the following HTML content into it:

...

The pui.submit() API in your HTML page is a client-side API that the submits a browser response and passes control back to server-side Node.js.

Create Node.js server-side logic

Next, you will create the Profound.js module named example1.js:

...

The code uses the pjs.display() API to display the HTML to the user. Note that qualifying the .html file with directory pjshello is optional. If the file is not qualified, the IBM i library list is used to search for the file when the application is called from IBM i via the PJSCALL command or proxy program (see below).

Set Up the Workspace App Start Route

Configure the example1.js file as the workspace App Start Route (stateful), as described here.

Try the Application Using the App Start Route

Run the application using the Launch App in Browser Tab option in the IDE, as described here

...

Where host is the Profound.js server host name or IP address and port is the Profound.js port number. You should see the following:

Image RemovedImage Added

Try the application using PJSCALL on IBM i

Now, start a Genie session by navigating to the following URL:

...

Note, if you are testing and creating Profound.js modules on your PC, you can use the PJSMYIP command before running PJSCALL to point Genie to the Profound.js installation on your PC.

Try the application using a Proxy Program on IBM i

Using a Proxy Program object allows you to call your Node.js application with a standard IBM i CALL.

...

Before you can use Proxy Programs, you must have a valid license key that includes Genie and the Profound.js Connector.

Expand the application to use dynamic fields

So far, your application only presents static HTML content.

...

After saving your changes, you can try rerunning the application. The myname field is dynamically passed to the HTML content.

Asking for user input

The next set of changes asks the user for input via the browser interface. The field yourname receives information from a textbox, and the Boolean flag exit is set to true automatically when the user clicks the exit button.

...

After you rerun the application, you should see the following output:

Image RemovedImage Added