Visual Studioで作成するSharePointアドイン開発

SAPデータ連携

２０１６年５月

SharePoint Onlineカスタマイズ

今回のお題

SAPにある商品データベースを検索する機能をSharePoint Onlineに統合する

利用する仕組み

•クラウドビジネスアドイン• SAPデータソース

• SAP NetWeaver Gateway

クラウドビジネスアドインを作成

SAPデータソースを参照

https://sapes1.sapdevcenter.com/sap/opu/odata/sap/ZGWSAMPLE_SRV

SAPデータソースについて

How to build a cloud business app with SAP data

https://blogs.msdn.microsoft.com/officeapps/2014/03/11/how-to-build-a-cloud-business-app-with-sap-data/

サンプルデータの情報はここ

http://scn.sap.com/docs/DOC-31221#section6

検索画面の生成

検索フィルターの実装

GUIでクエリーを作成すればOK

検索画面のレイアウト

画面もほぼノンプログラミングで実装できる

カスタム描画をJavaScriptで記述

/// <reference path="~/GeneratedArtifacts/viewModel.js" />myapp.ProductList.ProductPicUrl_postRender = function (element, contentItem) {

// Write code here.contentItem.dataBind("value", function (value) {

if (value) {var totalUri = "https://sapes1.sapdevcenter.com" +

contentItem.value;setTimeout(function () {

$("img", element).attr("src", totalUri);}, 0);

}});

};

今回唯一のコード

完成

信頼確認で信頼するを選択するとSharePointのアプリとして登録されSharePointからアクセス可能に

まとめ

• クラウドビジネスアドインはEUD（End User Development）向きのツール

• SAPのデータにノンプログラミングでアクセスできる

• 画面の作成もほぼノンプログラミングで構築• SharePointとSSO（シングルサインオン）が実現しシームレスに統合される

http://www.proaxia-consulting.co.jp

Azure＆SharePointアプリケーション開発についてのお問合せ[担当] akihiro.ehara@proaxia-consulting.co.jp

SharePoint Onlineとファイルサーバーを統合するCloud Storage Lighthttps://www.cloudstoragelight.com

SharePoint 上のファイルをエクスプローラ感覚でサクサク操作するSharePointエクスプローラhttps://www.cloudstoragelight.com/sharepointexplorer/