SharePoint - Modello di app

In questo capitolo tratteremo i modelli di app di distribuzione di SharePoint. Poiché SharePoint si sta spostando verso il cloud, i seguenti modelli di distribuzione sono disponibili per utilizzare App per SharePoint:

  • SharePoint-hosted
  • Autohosted

App ospitata da SharePoint

Il tipo di distribuzione ospitata da SharePoint rappresenta un modo per distribuire app leggere sul lato client in SharePoint. Il modo più semplice per considerare l'app ospitata da SharePoint come un'applicazione priva di codice lato server.

Le caratteristiche principali dell'app ospitata da SharePoint sono:

  • È un'applicazione composta da file o pagine di applicazioni statiche che risiedono su SharePoint come file HTML e JavaScript che abilitano la codifica lato client.

  • Quando gli utenti accedono all'app ospitata da SharePoint, vengono reindirizzati alla pagina che contiene l'applicazione.

  • Il tipo di distribuzione ospitato da SharePoint è adatto per app più leggere come visualizzazioni di elenchi con marchio, app multimediali o app meteo.

  • Se decidi di sfruttare il modello di distribuzione ospitato da SharePoint, sei limitato al codice che non viene eseguito sul server.

  • Puoi utilizzare Silverlight con SharePoint e sfruttare l'HTML insieme a JavaScript.

Diamo un'occhiata a un semplice esempio di applicazione ospitata da SharePoint.

Step 1 - Apri Visual Studio e seleziona il file File → New → Project menu.

Step 2 - Nel riquadro di sinistra selezionare Templates → Visual C# → Office/SharePoint e quindi nel riquadro centrale selezionare App for SharePoint.

Immettere il nome nel campo Nome, fare clic su OK e verrà visualizzata la seguente finestra di dialogo.

Nella nuova app per SharePoint, è necessario aggiungere l'URL del sito di SharePoint di cui si desidera eseguire il debug e quindi selezionare il modello ospitato da SharePoint come modo in cui si desidera ospitare la propria app per SharePoint.

Step 3 - Vai all'interfaccia di amministrazione di SharePoint e copia l'URL di SharePoint.

Step 4 - Incolla l'URL nel file New App for SharePoint finestra di dialogo come mostrato di seguito.

Step 5 - Fare clic su Next e aprirà il file Connect to SharePoint finestra di dialogo in cui dobbiamo effettuare il login.

Step 6 - Inserisci le tue credenziali e fai clic su Sign inpulsante. Dopo aver effettuato correttamente l'accesso al sito di SharePoint, verrà visualizzata la seguente finestra di dialogo:

Step 7 - Fare clic su Finish. Una volta creato il progetto, fare clic suAppMenifest.xml file in Esplora soluzioni.

Step 8 - Fare clic su Permissionstab. Si aprirà un elenco a discesa Scope.

Step 9 - Nell'elenco a discesa Ambito, selezionare Web, che è l'ambito delle autorizzazioni che stai configurando. Nell'elenco a discesa Autorizzazione, seleziona Lettura, che è il tipo di autorizzazione che stai configurando.

Step 10 - Apri il file Default.aspx e sostituiscilo con il codice seguente.

<%-- 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- Vai a Esplora soluzioni, fai clic con il pulsante destro del mouse sul progetto e seleziona Pubblica. Clicca ilPackage the apppulsante. Questo crea la tua app ospitata da SharePoint e la prepara per la distribuzione nel tuo sito di SharePoint.

Vedrai la seguente cartella, che contiene il file * .app.

Step 12 - Accedi al tuo sito in linea di SharePoint.

Step 13 - Fare clic su Apps for SharePointnel riquadro di sinistra. Si aprirà una nuova pagina.

Step 14 - Trascina i tuoi file qui per caricarli.

Una volta caricato il file, vedrai la seguente pagina:

Step 15 - Fare clic sull'opzione - Site Contentsnel riquadro di sinistra. Clicca iladd an app come mostrato nella seguente schermata:

Si aprirà una nuova pagina.

Step 16 - Seleziona Your Apps → From Your Organizationnel riquadro di sinistra e vedrai che l'app è disponibile per l'installazione. Fare clic sull'app.

Step 17- Quando fai clic sull'app, si apre una finestra di dialogo come mostrato nella seguente schermata. ClicTrust it.

Step 18- Vedrai che l'app è installata. Una volta completata l'installazione, puoi fare clic sull'app.

Vedrai la pagina seguente, che contiene un pulsante:

Quando fai clic sul file Push me pulsante, visualizzerà la data corrente.

Ospitato automaticamente

Il AutohostedIl modello di distribuzione rappresenta una svolta significativa rispetto alle precedenti applicazioni SharePoint. In questo modello, crei app per SharePoint, ma il codice viene distribuito senza problemi in Windows Azure in background, quindi SharePoint crea automaticamente l'app ospitata nel cloud per te.

Le caratteristiche importanti sono:

  • Sembra che sia in esecuzione su SharePoint, ma in background viene effettivamente distribuito a un'istanza speciale di Office 365 Windows Azure e registrata come App autenticata e autorizzata con SharePoint.

  • Non si dispone dell'accesso completo alle funzionalità dell'intera piattaforma della piattaforma Windows Azure con il modello di distribuzione Autohosted, ma si dispone della piattaforma sufficiente per creare alcune applicazioni interessanti.

Diamo un'occhiata a un semplice esempio di Autohosted creando un nuovo progetto.

Step 1 - Seleziona App for SharePoint 2013 e fare clic OK.

Si apre una nuova finestra di dialogo.

Step 2 - Seleziona Autohosted e fare clic Next.

Step 3- Si aprirà una nuova finestra di dialogo. SelezionareASP.NET MVC Web Application e fare clic Finish.

Una volta creato il progetto, pubblica la tua app. Gli altri passaggi sono gli stessi forniti per l'opzione ospitata da SharePoint.