Introduction
In this Blog post we will describe how to call any T-code from C4C using HTML mashup, in most business cases we have an integration with ERP and always there is a need to access ERP T-codes from C4C without using GUI.
So here we will explain the process of calling T-code MMBE from C4C to check the material availability in ERP using HTML mashup
Prerequisite
To launch any ERP screen from C4C, first we need to know the target system’s Port number and Host Name details to define the URL for the HTML mashup.
Login into ERP system (target system) and go to T-Code: SMICM.
Click on Go to- > Service
Capture the port and hostname information
Configuration Steps
Step 1: In the Administrator work center, go to Mashup Authoring:
Path: Administrator > Mashup Authoring
Step 2: Choose New > Html Mashup
Step 3: Choose a the name for the Mashup, in my case we are planning to launch the ERP T-code MMBE for checking the availability stock. We name it as “ Call S4hana MMBE ”
Step 4: The Port Binding decides on which screens the Mashup can be visible. In my example I want to launch the Mashup in the overview tab in sales order object. If you want to launch in any custom tab, then you need to define your own port binding. In my case, i select it “without post binding” to launch in overview tab.
Step 5: In Configuration Information tab, set the Radio Button to HTML Code.
write the below code to call ERP screen
We have to add the T-code we are trying to launch and the URL for ERP screen as below.
<!DOCTYPE html>
<html>
<head>
<title>Launch App</title>
</head>
<body>
<button onclick="myFunction()">Check Stock Availability</button>
<script type="text/javascript">
function myFunction() {
var par = "&~transaction=MMBE";
var url = "https://<Server>:<Port>/sap/bc/gui/sap/its/webgui?sap-Client=<Client>"+ par
window.open(url,'_blank');
}
</script>
</body>
</html>
URL explanation:
https://<Server>:<Port>/sap/bc/gui/sap/its/webgui?sap-Client=<Client>; +Par;
We need to replace the server, Port and Client information in the sample URL with parameter information (T-Code you are launching & any input parameters to ERP screen etc…)
Step 5: Save the created Mashup and Activate it.
Step 6: to add the mashup in the required screen you can follow the below steps
In my case I want to show the mashup link in sales order, overview tab
So go to adaptation mode and add the mashup you created
Step 7:Then go back twice
Step 8: until you reach to the view screen then click on View
Step 9:in my case i want mashup to be appeared in Overview screen, so i will choose overview Screen
Step 10:Then choose add mashup
Step 11:Select mashup and click Apply
Step 12: here is the result you will find your mashup added in the overview screen as below
Step 13: End adaptation and click on mashup link
when you click on the link the T-code will be opened as below
Conclusion:
by following the above steps you can call any ERP Screen using HTML mashup and how to add this mashup in the required screen
if you have any questions let me know in the comment box
Thanks & Regards