データ送信SAP Fioriランチパッドwebapp/SAPUI5 webappからクライアント側javascript

Question

これは私の職場でいくつかのタスクを自動化する世界を模索しているので、私が持っている一般的な質問です。

Googleのビジネスウェブサイトには、タイルとして表示されているアプリを持つポータル/ランチパッド環境があります。

オープンされたこれらのアプリケーションの1つに、SAPデータとのインターフェイス（私が想定している）のための検索フィールドとセレクタが多数あるホームページがあります。

最終的に私の目標は、クライアントサイドのローカルWebアプリケーション（単純な古いHTML/jqueryのもの）の特定の検索フィールドに番号を送信し、その番号の検索をsapui webappで実行できるようにすることです。

私はjavascript/HTML/CSSで有能なレベルに達していますが、このタイプの問題から始める場所は完全に失われています。

私のすべての経験は、ローカルMS AccessデータベースとのインターフェイスがほとんどのクライアントサイドWebアプリケーションを完全に作成することにありました。

私は何を提案しても可能ですか？ URLの末尾に?....後の文字列のいくつかのフォームを追加する

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

ことが可能です：

これまでのところ私は、組織内の他の誰かが使用した次のコードを実行することで、ホームページを開くことができますか？

もう一度私はこれに完全に新しいですし、sapuiウェブサイトの開発ガイドを見ても、それについてのいかなる光も出ていません。おそらく、私が探しているものを正確には分かっていないからです！

ご協力いただきありがとうございます。

編集：私は、サーバーに送信された要求を見ることができます以下のコメントの後 は、次の形式である：

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

は私が右、私は潜在的に似た何かをするAJAXリクエストを送ることができる思考にいますか？もしそうなら、私はどうすればそれについて行きますか？

おかげで再び

Answer 1

ここで約束したとおり、実際にはどこからでも答えが得られます。

これは、私が実際に行うことができる必要があると信じて周りを検索した後、ユーザーにいくつかの更新を少なくとも表示することができる十分な詳細を返信します。私はApache Olingoを見ていますそれが可能ならば。

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();  
} 

これもやはりflori環境の外にある完全にクライアント側のソリューションなので、完全にjavascriptベースのままにしたいと考えています。

Answer 2

それを達成するためのpossibiltiesがありますが、私はそれが別のWebアプリケーション内のフィールドを埋めるために、検索をトリガするために、本物の良い解決策ではないと思います。

このFiori Appで使用されているバックエンドサービスが分かっていれば、サービスを直接統合する方が良いでしょう。それがフィオリアプリケーションの場合、私はOData/RESTサービスかもしれません。 Odata/RESTサービスも、HTML/jquery JavaScriptのものから呼び出すことができます。

ウェブアプリケーションが検索フィールドで使用するサービスURLとペイロードを確認するには、Chrome Debuggerツール（またはその他のブラウザデバッグツール）を使用し、ネットワークのどのサーバーアドレスとどのペイロードパラメータが検索を手動で起動すると、サーバーに送信されます。それが少しあなたを助けることを願っています。

Answer 3

Fioriの概念全体では、アプリケーションが他のアプリケーションを呼び出して、ユーザーが期待するところに正確に開くようにすることは間違いありません。例えば。品目マスタに持ち込む商品をクリックして注文し、品目マスタアプリケーションでユーザがクリックした商品を正確に表示させることができます。

これまで説明したように、これはいくつかのパラメータをサポートするために、実際には（それがナビゲートされる）ターゲットアプリケーションを必要とします。あなたはあなたの質問で既にURLに "？...."セクションを追加することができるのかどうか疑問に思っています。 Fioriのアプリは間違いなくこのコンセプトをサポートしていますが、実装方法はアプリ自体に大きく依存しています。私の前の例では、それは簡単であるかもしれません。しかし、?product_id=abcdeを追加してください。

フィオリには非常に優れた拡張性の概念も組み込まれています。あなたのターゲットアプリケーションがあなたが渡す予定のパラメータを正確にサポートしていない場合は、アプリケーション全体をコピーすることなく、サポートするためにアプリケーションを簡単に拡張することができます（元の開発者から更新を受け取ったときの災害）。

1つのFioriアプリから別のFioriアプリにナビゲートするには、Fioriランチパッドに付属のCrossApplicationNavigationサービスのtoExternalメソッドを使用することをお勧めします。このサービスでは、ナビゲートするアプリ、インテント（表示、作成など）、パラメータ（商品IDなど）、アプリ固有のルートなどのパラメータを指定できます（例：/ supplierdetails製品）。

CrossApplicationNavigationサービスは正式にSAPUI5 SDKに記載されていますが、SDKには非常に詳細な説明が含まれていないことが懸念されます。ただし、Googleの場合は、SCNとStackoverflowに関する豊富な情報と例がこのトピックでも見つかります。