SharePoint - App-Modell

In diesem Kapitel werden die SharePoint-Bereitstellungs-App-Modelle behandelt. Da sich SharePoint in Richtung Cloud bewegt, stehen die folgenden Bereitstellungsmodelle zur Verwendung von Apps für SharePoint zur Verfügung:

SharePoint-hosted
Autohosted

Von SharePoint gehostete App

Der von SharePoint gehostete Bereitstellungstyp bietet eine Möglichkeit, clientseitige, leichtgewichtige Apps für SharePoint bereitzustellen. Der einfachste Weg, sich die von SharePoint gehostete App als eine Anwendung vorzustellen, die keinen serverseitigen Code enthält.

Die Hauptfunktionen der von SharePoint gehosteten App sind:

Es handelt sich um eine Anwendung, die aus statischen Anwendungsdateien oder Seiten besteht, die sich auf Ihrem SharePoint befinden, z. B. HTML- und JavaScript-Dateien, die clientseitige Codierung ermöglichen.
Wenn Benutzer auf die von SharePoint gehostete App zugreifen, werden sie auf die Seite umgeleitet, die Ihre Anwendung enthält.
Der von SharePoint gehostete Bereitstellungstyp eignet sich für leichtere Apps wie Markenlistenansichten, Medien-Apps oder Wetter-Apps.
Wenn Sie das von SharePoint gehostete Bereitstellungsmodell nutzen möchten, sind Sie auf den Code beschränkt, der nicht auf dem Server ausgeführt wird.
Sie können Silverlight mit SharePoint verwenden und HTML zusammen mit JavaScript nutzen.

Schauen wir uns ein einfaches Beispiel für eine von SharePoint gehostete Anwendung an.

Step 1 - Öffnen Sie Visual Studio und wählen Sie die File → New → Project menu.

Step 2 - Wählen Sie im linken Bereich Templates → Visual C# → Office/SharePoint und dann im mittleren Bereich auswählen App for SharePoint.

Geben Sie den Namen in das Feld Name ein. Klicken Sie auf OK. Das folgende Dialogfeld wird angezeigt.

In der neuen App für SharePoint müssen wir die SharePoint-Website-URL hinzufügen, die wir debuggen möchten, und dann das von SharePoint gehostete Modell als die Art auswählen, wie Sie Ihre App für SharePoint hosten möchten.

Step 3 - Wechseln Sie zum SharePoint-Verwaltungscenter und kopieren Sie die SharePoint-URL.

Step 4 - Fügen Sie die URL in das Feld ein New App for SharePoint Dialogfeld wie unten gezeigt.

Step 5 - Klicken Sie auf Next und es wird die öffnen Connect to SharePoint Dialogfeld, in dem wir uns anmelden müssen.

Step 6 - Geben Sie Ihre Anmeldeinformationen ein und klicken Sie auf Sign inTaste. Sobald Sie erfolgreich bei der SharePoint-Website angemeldet sind, wird das folgende Dialogfeld angezeigt:

Step 7 - Klicken Sie auf Finish. Sobald das Projekt erstellt ist, klicken Sie aufAppMenifest.xml Datei im Projektmappen-Explorer.

Step 8 - Klicken Sie auf PermissionsTab. Eine Dropdown-Liste für den Bereich wird geöffnet.

Step 9 - Wählen Sie in der Dropdown-Liste Bereich die Option aus WebDies ist der Umfang der Berechtigungen, die Sie konfigurieren. Wählen Sie in der Dropdown-Liste Berechtigung die Option Lesen aus. Dies ist der Typ der Berechtigung, die Sie konfigurieren.

Step 10 - Öffnen Sie die Datei Default.aspx und ersetzen Sie sie durch den folgenden Code.

<%-- 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>

Step 11- Gehen Sie zum Solution Explorer, klicken Sie mit der rechten Maustaste auf das Projekt und wählen Sie Veröffentlichen. Drücke denPackage the appTaste. Dadurch wird Ihre von SharePoint gehostete App erstellt und für Sie für die Bereitstellung auf Ihrer SharePoint-Website vorbereitet.

Sie sehen den folgenden Ordner, der die * .app-Datei enthält.

Step 12 - Navigieren Sie zu Ihrer SharePoint-Online-Site.

Step 13 - Klicken Sie auf Apps for SharePointim linken Bereich. Eine neue Seite wird geöffnet.

Step 14 - Ziehen Sie Ihre Dateien zum Hochladen hierher.

Nach dem Hochladen der Datei wird die folgende Seite angezeigt:

Step 15 - Klicken Sie auf die Option - Site Contentsim linken Bereich. Drücke denadd an app Symbol wie im folgenden Screenshot gezeigt -

Eine neue Seite wird geöffnet.

Step 16 - Wählen Sie Your Apps → From Your OrganizationIm linken Bereich sehen Sie, dass die App für die Installation verfügbar ist. Klicken Sie auf die App.

Step 17- Wenn Sie auf die App klicken, wird ein Dialogfeld geöffnet, wie im folgenden Screenshot gezeigt. KlickenTrust it.

Step 18- Sie werden sehen, dass die App installiert ist. Nach Abschluss der Installation können Sie auf die App klicken.

Sie sehen die folgende Seite, die eine Schaltfläche enthält -

Wenn Sie auf die klicken Push me Klicken Sie auf die Schaltfläche, um das aktuelle Datum anzuzeigen.

Autohosted

Das AutohostedDas Bereitstellungsmodell ist eine erhebliche Abweichung von früheren SharePoint-Anwendungen. In diesem Modell erstellen Sie Apps für SharePoint, der Code wird jedoch nahtlos im Hintergrund in Windows Azure bereitgestellt, sodass SharePoint automatisch die in der Cloud gehostete App für Sie erstellt.

Die wichtigen Merkmale sind -

Es sieht so aus, als würde es auf SharePoint ausgeführt, aber im Hintergrund wird es tatsächlich auf einer speziellen Office 365 Windows Azure-Instanz bereitgestellt und als authentifizierte und autorisierte App bei SharePoint registriert.
Mit dem Autohosted-Bereitstellungsmodell haben Sie nicht vollständigen Zugriff auf die gesamten Plattformfunktionen der Windows Azure-Plattform, aber Sie haben genug Plattform, um einige interessante Anwendungen zu erstellen.

Schauen wir uns ein einfaches Beispiel für Autohosted an, indem wir ein neues Projekt erstellen.

Step 1 - Wählen Sie App for SharePoint 2013 und klicken Sie auf OK.