Thursday, June 7, 2018

632 - VB CS --> Integration Connectivity with Autonomous Integration Cloud

again a very simple example to illustrate how easy this all is.
Firstly, I create a very simple integration to create a new org in Service cloud.
The logic will be very simple - check first if the org already exists, if it does - call a fraud service:
otherwise create the org.


























Note the new templates/styles.

I have a REST Trigger with the following payload -

















The response is as follows -














BTW. one nice new feature - the ability to create a new connection, from within an orchestration.











































Also note the new style action palette -


























Back to the orchestration, very simple logic -




I test the integration in Postman -


















Visual Builder Cloud Service


Now to VB CS -

First step is to create an application.




















I can create the following high level objects within an application -


Mobile UI

Web UI


Service Connections - to external services such as my integration


Business Objects - I will creating one of these for my Organization

Processes - OOTB integration with OIC Processes


Source Code View - for the js afficiandos among you



Service Connections -

I create a Service Connection to the Integration






























































I can click Test, after specifying Request, Response and Authentication (if required)




















Great, so now I have access to the Integration. I will leverage this later.

Business Objects - 


Now I create a Business Object for the new organization I want to create -


















I add fields -


















Note the pre-defined fields -


























Web Application -

Now to the app itself - I will create a web application














































Note the hierarchy above -
on main-start, I will display the existing organizations I have created.
From there I will navigate to a new page - Create Org. I will call the integration from this page.

I select main-start and now drop a list view on to the page, which is open in the designer

















Note the properties on the right - I open the Properties tabs













I click the QuickStart icon.
QuickStart does what it says - allowing me to quickly add data to the page.

As already stated, the Main page will simply list existing organizations.














As you can see from the screenshot above, I select the fields I want displayed.

Now I will add a page to create a new org - all I need to do is click Add Create Page









































I can click on the Live tab to test the page -

















looks good - so now I run the App - all I need to do is click the Run icon

































All that's left is to add the call to my integration -

Again, we will be leveraging the Service Connection previously created.
In this simple example, I will call it explicitly via a Button clicked event -















As you can see, I have added the Call Integration button, now to the event definition -














































I select the Call REST Endpoint option from the Actions list.

Configure as follows -


















So what I am doing here?
I need to set the body of the REST request.

The request expects the following fields -
orgName
contactFirstName
contactLastName
contactEmail

These are, of course, the fields I just entered on the Create page.

I can see these on the variables tab -





















The notation for accessing them is as follows -






That's it, let's run the app again -


























I check in Integration - Monitoring -

















What about the result from the integration flow?
It is designed to call my dummy Fraud service hosted on Apiary.
This is the response I have hard coded in the integration -















I create a new text box in my VB CS Create Org page -
As you can see, I have set the label to
Response from Integration -





















Now to processing the response - I need to do the following -
1. Define a page variable to hold the response
2. Define the response type at Action Chain Level
3. Set the page variable to the response (in this case, I just take the status field)
4. Set the text box value to the page variable

Define Page Variable -

I called mine responseStatus (String)




























Define Response Type -




















So where does this postCreateOrgServiceResponse come from?

Let's revisit the Service Connection definition -












 Set the page variable to the response -

I use the Assign Variables action here




































Set the text box value -

I address the variable as follows -
$page.variables.responseStatus
















I run the app -
























Great stuff!

No comments:

Post a Comment