Sharepoint-app-model

提供:Dev Guides
移動先:案内検索

SharePoint-アプリモデル

この章では、SharePoint展開アプリモデルについて説明します。 SharePointはクラウドに移行しているため、次の展開モデルを使用してSharePoint用アプリを使用できます-

  • SharePointホスト
  • 自動ホスト

SharePointがホストするアプリ

SharePointがホストする展開タイプは、クライアント側の軽量アプリをSharePointに展開する方法を表します。 SharePointがホストするアプリを、サーバー側のコードを持たないアプリケーションと考える最も簡単な方法。

SharePointがホストするアプリの主な機能は次のとおりです-

  • これは、クライアント側のコーディングを可能にするHTMLおよびJavaScriptファイルのような、SharePointに常駐する静的アプリケーションファイルまたはページで構成されるアプリケーションです。
  • ユーザーがSharePointホストアプリケーションにアクセスすると、アプリケーションを含むページにリダイレクトされます。
  • SharePointがホストする展開タイプは、ブランドリストビュー、メディアアプリ、天気アプリなどの軽量アプリに適しています。
  • SharePointがホストする展開モデルを活用することにした場合、サーバーで実行されないコードに制限されます。
  • SharePointでSilverlightを使用し、JavaScriptとともにHTMLを利用できます。

SharePointでホストされるアプリケーションの簡単な例を見てみましょう。

  • ステップ1 *-Visual Studioを開き、[ファイル]→[新規]→[プロジェクト]メニュー*を選択します。

プロジェクトメニュー

ステップ2 *-左側のペインで*テンプレート→Visual C#→Office/SharePoint *を選択し、中央のペインで *App for SharePoint を選択します。

[名前]フィールドに名前を入力し、[OK]をクリックすると、次のダイアログボックスが表示されます。

SharePoint用アプリ

SharePoint用の新しいアプリでは、デバッグするSharePointサイトのURLを追加し、SharePoint用のアプリをホストする方法としてSharePointホストモデルを選択する必要があります。

  • ステップ3 *-SharePoint管理センターに移動して、SharePoint URLをコピーします。

SharePoint URL

  • ステップ4 *-以下に示すように、[SharePoint用の新しいアプリ]ダイアログボックスにURLを貼り付けます。

SharePointの新しいアプリ

  • ステップ5 *-[次へ]をクリックすると、[SharePointに接続]ダイアログボックスが開き、ログインする必要があります。

SharePointに接続

  • ステップ6 *-資格情報を入力し、[サインイン]ボタンをクリックします。 SharePointサイトに正常にログインすると、次のダイアログボックスが表示されます-

サインイン

ステップ7 *-*完了*をクリックします。 プロジェクトが作成されたら、ソリューションエクスプローラーで *AppMenifest.xml ファイルをクリックします。

AppMenifest.xml

  • ステップ8 *-*許可*タブをクリックします。 [スコープ]ドロップダウンリストが開きます。

権限タブ

  • ステップ9 *-[スコープ]ドロップダウンリストで、[Web]を選択します。これは、構成する権限のスコープです。 [アクセス許可]ドロップダウンリストで、構成するアクセス許可の種類である[読み取り]を選択します。

Webを選択

  • ステップ10 *-Default.aspxファイルを開き、次のコードに置き換えます。
<%-- The following 4 lines are ASP.NET directives needed when
   using SharePoint components --%>

<%@ Page Inherits = "Microsoft.SharePoint.WebPartPages.WebPartPage,
   Microsoft.SharePoint, Version = 15.0.0.0, Culture = neutral,
   PublicKeyToken = 71e9bce111e9429c" MasterPageFile = "~masterurl/default.master"
   Language = "C#" %>

<%@ Register TagPrefix = "Utilities" Namespace = "Microsoft.SharePoint.Utilities"
   Assembly = "Microsoft.SharePoint, Version = 15.0.0.0, Culture = neutral,
   PublicKeyToken = 71e9bce111e9429c" %>

<%@ Register TagPrefix = "WebPartPages"
   Namespace = "Microsoft.SharePoint.WebPartPages" Assembly = "Microsoft.SharePoint,
   Version = 15.0.0.0, Culture = neutral, PublicKeyToken = 71e9bce111e9429c" %>

<%@ Register TagPrefix = "SharePoint"
   Namespace = "Microsoft.SharePoint.WebControls" Assembly = "Microsoft.SharePoint,
   Version = 15.0.0.0, Culture = neutral, PublicKeyToken = 71e9bce111e9429c" %>

<%-- The markup and script in the following Content element
   will be placed in the <head> of the page --%>

<asp:Content ID = "Content1" ContentPlaceHolderID = "PlaceHolderAdditionalPageHead"
   runat = "server">
   <script type = "text/javascript" src = "../Scripts/jquery- 1.6.2.min.js"></script>
   <link rel = "Stylesheet" type = "text/css" href = "../Content/App.css"/>
   <script type = "text/javascript" src = "../Scripts/App.js"></script>
</asp:Content>

<asp:Content ID = "Content2" ContentPlaceHolderID = "PlaceHolderMain"
   runat = "server">
   <script type = "text/javascript">
      function hello() {
         var currentTime = new Date();
         $get("timeDiv").innerHTML = currentTime.toDateString();
      }
   </script>
   <div id = "timeDiv"></div>
   <input type = "button" value = "Push me!" onclick = "hello();"/>
</asp:Content>
  • ステップ11 *-ソリューションエクスプローラーに移動し、プロジェクトを右クリックして[公開]を選択します。 [アプリのパッケージ化]ボタンをクリックします。 これにより、SharePointでホストされるアプリが構築され、SharePointサイトへの展開のために準備されます。

アプリのパッケージ化

  • .appファイルを含む次のフォルダーが表示されます。

アプリファイル

  • ステップ12 *-SharePointオンラインサイトに移動します。

SharePointに移動

ステップ13 *-左ペインで[ *Apps for SharePoint ]をクリックします。 新しいページが開きます。

SharePoint用アプリ

  • ステップ14 *-ファイルをここにドラッグしてアップロードします。

ファイルのアップロード

ファイルがアップロードされると、次のページが表示されます-

アップロードされたファイルのタブ

  • ステップ15 *-左ペインのオプション-*サイトの内容*をクリックします。 次のスクリーンショットに示すように、*アプリを追加*アイコンをクリックします-

サイトコンテンツ

新しいページが開きます。

  • ステップ16 *-左ペインで[*アプリ]→[組織から]を選択すると、アプリがインストール可能になっていることがわかります。 アプリをクリックします。

組織からアプリを選択

ステップ17 *-アプリをクリックすると、次のスクリーンショットに示すようなダイアログボックスが開きます。 [ *Trust ]をクリックします。

ダイアログボックス

  • ステップ18 *-アプリがインストールされていることがわかります。 インストールが完了したら、アプリをクリックできます。

インストール済みアプリ

あなたは1つのボタンが含まれている次のページが表示されます-

ページ

*Push me* ボタンをクリックすると、現在の日付が表示されます。

Push me Button

自動ホスト

  • 自動ホスト*展開モデルは、以前のSharePointアプリケーションから大きく逸脱しています。 このモデルでは、Apps for SharePointを構築しますが、コードはバックグラウンドでWindows Azureにシームレスに展開されるため、SharePointがクラウドホスト型アプリを自動的に作成します。

重要な機能は次のとおりです-

  • SharePoint上で実行されているように見えますが、バックグラウンドで実際に特別なOffice 365 Windows Azureインスタンスにデプロイされ、SharePointで認証および承認されたアプリとして登録されます。
  • Autohosted展開モデルを使用したWindows Azureプラットフォームのプラットフォーム機能全体に完全にアクセスすることはできませんが、興味深いアプリケーションを構築するための十分なプラットフォームはあります。

新しいプロジェクトを作成して、自動ホストの簡単な例を見てみましょう。

ステップ1 *- SharePoint 2013向けアプリ*を選択し、 OK をクリックします。

SharePoint 2013のアプリ

新しいダイアログボックスが開きます。

  • ステップ2 *-*自動ホスト*を選択し、*次*をクリックします。

自動ホストの選択

ステップ3 *-新しいダイアログボックスが開きます。 *ASP.NET MVC Web Application を選択し、 Finish をクリックします。

ASP.NET MVC Webアプリケーション

プロジェクトが作成されたら、アプリを公開します。 残りの手順は、SharePointがホストするオプションの場合と同じです。