Oracle by Example brandingImporting the VBCS Application Template

section 0Before You Begin

This 15-minute tutorial describes how to import a VBCS application template that contains the components required to log in to the JD Edwards EnterpriseOne application.

In this tutorial you will learn how to:

  • Import the VBCS application template.
  • Modify the service connection to connect to your AIS server.
  • Test the login interface and ensure a successful connection to the JD Edwards EnterpriseOne application.

What Do You Need?

To perform the steps in this tutorial you must have:

  • Installed the JD Edwards EnterpriseOne Trial Edition environment. For more information, see JD Edwards EnterpriseOne Trial Edition.
  • Downloaded the JDE_App_Starter-1.0.zip file. See the "Before You Begin" section of this learning path.
  • The following credentials for your VBCS instance:

        Studio URL
         https://[your server address]:7077/studio/studio.html
        E1 User ID/ Password
         A valid EnterpriseOne user with full Orchestrator Studio privileges.
        AIS Catalog URL HTTP
         http://[your server address]:7070/jderest/v3/open-api-catalog3
        AIS URL HTTPS
         https://[your server address]:7077/jderest/v3/orchestrator



section 1Importing the VBCS Application Template

Note: Before you perform the steps in this task, log in to your associated Studio instance. The URL should be similar to this example: https://[your server address]:7077/studio/studio.html.

If your environment is using self-signed certificates ( like most trial editions), you may need to instruct your browser to trust the server by selecting Advanced, and then proceed to the server. Make sure that you can successfully log in to the Studio with your credentials.

  1. Sign in to VBCS using your credentials.
  2. VBCS Sign-In Window
    VBCS Sign-In Window
  3. Click the +Import Application button.
  4. Visual Applications
                        Window- Import Application
    Visual Applications Window- Import Application
  5. Click the Import Application from file option.
  6. Import Application from file
    Import Window - Import Application from file
  7. Click Upload a zip file or drag one here and select the compressed file JDE_App_Starter-1.0.zip provided with this learning path.
  8. Upload a zip file
    Import Application from File Window - Upload a zip file
  9. Enter the appropriate values in the Application Name and Application ID fields.
  10. Application Details
    Import Application from File Window - Application Details
  11. Click the Import button.
  12. Click the MyMobileApplication link. 
  13. MyMobileApplication
    Visual Applications Window - MyMobileApplication
  14. Click the Service Connections link.
  15. You must delete the existing service connection jderestV3OpenApiCatalog and then recreate it to point the service connection to your AIS instance. 
     In the left pane, place your cursor over jderestV3OpenApiCatalog3, right-click and then click the Delete button.
  16. MyMobile
                      Application Window - Delete Option
    MyMobile Application Window - Delete Option
  17. Click the + Service Connection button.
  18. Service Connection
    MyMobile Application Window - Service Connection
  19. Select the Define by Specification tab.
  20. Define by
                          Specification
    Create Service Connection Window - Define by Specification
  21. Complete the following fields in the Service Specification section with these values:
  22. API Type = OpenAPI/Swagger
    Web address
    = [E1 Catalog URL HTTP] http://[yourserver]:7070/jderest/v3/open-api-catalog3

    Note: Verify that the Service name field is automatically populated as jderestV3OpenApiCatalog3.

    Authentication = Basic

  23. Click the Pencil icon in the Username field and enter these values:
  24. Username = E1 username
    Password = E1 password
    Connection Type = Dynamic, the service supports CORS
    .
    Create Service Connection Window
    Create Service Connection Window
  25. Click the Create button. The following page is displayed.
  26. Run Orchestrations window
    Service Tab
  27. Select the Servers tab on the right-hand pane.
  28. Click the Pencil icon to edit the server connection.
  29. Servers Tab
    Servers Tab
  30. Enter the value in the Instance URL field. See the "What Do You Need?" section at the beginning of this tutorial.
    For example, enter https://[your server address]:7077/jderest/v3/orchestrator
  31. In the Security section, select the Allow anonymous access to the Service Connection Infrastructure option.
  32. Select None from the Authentication for Logged-In Users drop-down menu.
  33. Click the Save button.
  34. Edit Server Window
    Edit Server Window
  35. Select the Endpoints tab.
  36. Scroll down and click the jde-login endpoint.
  37. Click the Get method of the jde-login endpoint.
  38. Endpoints Tab
    Endpoints Tab
  39. Click the Request tab, and then select the Headers tab.
  40. Click the + Add Dynamic Header button.
  41. Enter the new header name as Authorization.
  42. Headers Tab
    Endpoints Headers Tab
  43. Click the Mobile Application icon in the top-left corner of the window.
  44. Mobile
                      Application Icon
    Mobile Application Icon
  45. Expand the jde_mobile menu, click Flows, and then click login-flow. Click on the mobile-login page displayed in the left pane.
  46. Login Window
    Login Window
  47. Click the Preview icon in the top-right corner of the window to test the application.
    A new tab is displayed in your browser.
  48. Enter your credentials and click the Login button.
  49. JD Edwards Mobile
                        Login Window - Credentials
    JD Edwards Mobile Login Window - Credentials
  50. Verify that the following page is displayed indicating a successful login.
  51. Page Title Window
    Page Title Window