从客户端javascript发送数据SAP Fiori启动板webapp / SAPUI5 webapp

Question

This is a general question I have as I am exploring the world of automating some tasks in my workplace.

We have a portal/launchpad environment on our businesses website which has apps shown as tiles.

One of these apps when opened has a homepage that has a bunch of search fields and selectors to interface with (I assume) SAP data.

Ultimately my goal is to be able to send a number to a specific search field on a client-side local webapp (just plain old HTML/jquery stuff) and execute a search for that number in the sapui webapp.

I am getting to an competent level with javascript/HTML/CSS but am completely lost as to where to start with this type of issue as the MVC stuff is completely alien to me.

All my experience has been in creating completely client-side web apps with mostly interface with a local MS Access database.

Is what I am suggesting even possible?

So far I can open the homepage by executing the following code that someone else in the organization used:

window.open('https://fiori.mycompany.com/sap/bc/ui5_ui5/sap/z_cs_ch/index.html

Is it possible to add some form of string after a ?.... at the end of the url?

Again I am completely new to this and looking at the development guides in sapui website isn't shedding any light on it either. Possibly because I don't really know exactly what I am looking for!

Any help /guidance is greatly appreciated.

EDIT: After comments below I can see the request sent to server is in the following format:

Request GET /sap/opu/odata/sap/someotherlocation/SearchTerm('<variable to search for>')?$format=json HTTP/1.1

Am I right in thinking I could potentially send an ajax request to do something similar? If so, how do I go about it?

Thanks again

Answer 1

There are possibilties to achieve that but i think it's not a real good solution, to fill fields in another web application and to trigger the search.

It would be better if you know the backend service which is used by this Fiori App, and to integrate directly the service. If it's an Fiori App i might be an OData /REST Service. Odata/REST Service also can be called by HTML/jquery JavaScript stuff too.

In order to determine the Service URL and the payload which is used by the web app with the search field, just use Chrome Debugger Tools (or other Browser Debug Tools) and check under Network which server address and which payload parameters are sent to the server, when you trigger the search manually. Hope that helps you little bit.

Answer 2

In the whole Fiori concept, it is definitely possible to have applications to call other applications and to get them to open up exactly at the point the user expects it. Eg from a order click on a product to be brought to the material master, and have the material master app exactly show the product the user clicked on.

As you mentioned, this would indeed require the target application (that is navigated to) to support some parameters. You mentioned in your question already that you wondered if it would be possible to add a "?...." section to the URL. Fiori apps definitely support this concept, but how it is implemented depends very much on the app itself. In my previous example it could be as easy as eg adding ?product_id=abcde though.

Fiori also has very nice extensibility concepts built-in. So if your target app doesn't exactly support the parameters you intend to pass, you could easily extend the app to support it, without having to rewrite of copy the entire app (which would be a disaster when you receive updated from the original developer).

To navigate from one Fiori app to the other, it is advised to use the toExternal method of the CrossApplicationNavigation service, which comes with the Fiori launchpad. This service allows you to specify parameters such as the app you'd like to navigate to, the intent (display, create etc), parameters (such as product ID) and a app specific route (eg /supplierdetails to see the supplier details of a product).

The CrossApplicationNavigation service is officially documented in the SAPUI5 SDK , but I'm afraid that the SDK doesn't contain a very elaborate description. However, if you Google for it, you'll find extensive information and examples on SCN and Stackoverflow on this topic as well.

Answer 3

As promised here is what I got to work - actually got the overall method from an answer on here somewhere else.

This will send back enough detail that I can at least show the user some updates however after searching around I believe what I really need to be able to do is batch requests... I'm looking into Apache Olingo to see if that's possible.

    function orderSmmary(SO) {
    var uri = "https://fiori.<company>.com/sap/opu/odata/sap/<environment>/Details('"+ SO + "')?$format=json";

    var http_request = new XMLHttpRequest();
    http_request.onreadystatechange  = function() {
        if (http_request.readyState == 4  ) {
            var data = JSON.parse(http_request.responseText);
            // Do lots of awesome stuff with response
        }
    }

    http_request.open('GET',uri, true);
    http_request.setRequestHeader("Authorization", "Negotiate");
    http_request.send();    
}

Again this is an entirely clientside solution from completely outside any flori environment so I am hoping to stay completely javascript based.