Testing and Uploading an Oracle JET Page as an EnterpriseOne Page

Before You Begin

This 15-minute tutorial shows you how to test an Oracle JET page and upload it to EnterpriseOne as an EnterpriseOne Page. For the purposes of this exercise, an Oracle JET page called “Customer Credit Check” has been provided for you.

The Customer Credit Check Oracle JET page is designed to show customer credit data and contains button to place a credit hold on a customer in EnterpriseOne. This Oracle JET page is configured to use the orchestrations that you created in the previous tutorials to display customer credit data and perform the credit hold.

In subsequent tutorials, you will associate the EnterpriseOne Page with an external form and incorporate it into a CafeOne layout in the Customer Master application.

Background

Oracle provides a template and examples for developing Oracle JET pages that you can use as a model for your own content. The examples include sample bar and pie charts to present data visualizations in an Oracle JET page.

To display an Oracle JET page in EnterpriseOne, you must upload it as an EnterpriseOne Page. An EnterpriseOne Page is managed as a user defined object (UDO) in EnterpriseOne.

Configuring and Testing the Oracle JET Page Locally

Review the provided Oracle JET page code and test it in the local development environment. Make sure to download the E1JETDeveloper Environment as described in the "Setup" section before performing these steps.

1. Click the following link to download the zip file with the Oracle JET page:

Customer Credit Check - JET Page.zip

2. Unzip the Oracle JET page code in the Customer Credit Check - JET Page.zip to the e1pages folder located here:

E1JETDeveloper_92_EnvironementAndExamples_V2\LocalJETDevEnv\JetDev\public_html\e1pages

As a result, the folder structure should look like this:



3. Navigate to the LocalJETDevEnv.jws file in the following location and double-click it to open the project in JDeveloper:

E1JETDeveloper_92_EnvironementAndExamples_V2\LocalJETDevEnv\LocalJETDevEnv.jws

In JDeveloper, this JDev project should look like this:



4. In the e1pages directory, open the e1pagehelper.js.
5. Scroll to the bottom and modify the LocalDefConfig function with your AIS Server information.

var LocalDevConfig = new function ()
{
    this.AIS_HOST = "yourcompany.ais.com";
    this.AIS_PORT = "7878";
    this.AIS_PROTOCOL = "http";

    this.JAS_SERVER = null;
    this.USER_NAME = "JDE";
    this.PASSWORD = "JDE";
    this.ENVIRONMENT = null;
    this.ROLE = null;
    this.DEVICE_NAME = "localJet"
    this.NODE_JS_SERVER = null;
}

6. Under the Customer Credit Check = JET Page, open the main.js file.
7. Uncomment the four lines of code after //For local testing purposes….
8. For the value parameter, enter a valid EnterpriseOne customer number, as shown in the following example:

//For local testing purposes, set the form interconnect value manually
        FISTRUCT = [];
        FISTRUCT[0] = 
        {
            value : 4243
        };

9. Save the file.
10. Configure the page to launch in a browser:
    1. Navigate to Tools, select External Tools, and then click OK.
    2. Open the home.html file under Customer Credit Check – JET Page, and navigate to source.
    3. Right-click the source and select Mozilla Firefox or Internet Explorer.

The page should display data for the customer you entered in the value parameter.



11. Click the Credit Hold button to place the customer on credit hold.

This action calls the Credit Hold orchestration to perform the credit hold, which is confirmed when the JET page displays a “Customer on Credit Hold” message.

Uploading the Oracle JET Page as an EnterpriseOne Page

To use a JET page in EnterpriseOne, you must first upload it as an EnterpriseOne Page.

1. In EnterpriseOne, click the user drop-down menu in the upper-right corner and select Manage Content, Classic Pages.
2. Select Upload HTML Content, and then browse to the Customer Credit Check - JET Page.zip file.
3. Click Upload and wait until you receive the successful upload confirmation.
4. Enter a customer product code (52-59) for the EnterpriseOne Page.
5. Click Save.
6. For the page name, enter Customer Credit Status and click OK.
7. Click the (i) icon and note the Object Name (for example E1P_1802160001CUST).

You will use this later when creating the external form.

8. Select Request to Publish and follow the UDO process to make the EnterpriseOne Page a shared page.

Note: A UDO administrator must approve the EnterpriseOne Page so it can be shared (published). However, UDO View security is not required for users to access an EnterpriseOne Page; simply “sharing” the page allows it to run in the external form. An administrator may secure the application or form from users with standard EnterpriseOne application security.