SharePoint: modelo de aplicación

En este capítulo, cubriremos los modelos de aplicación de implementación de SharePoint. Dado que SharePoint se está moviendo hacia la nube, los siguientes modelos de implementación están disponibles para usar Aplicaciones para SharePoint:

SharePoint-hosted
Autohosted

Aplicación alojada en SharePoint

El tipo de implementación alojada en SharePoint representa una forma de implementar aplicaciones ligeras del lado del cliente en SharePoint. La forma más sencilla de pensar en la aplicación alojada en SharePoint como una aplicación que no tiene código del lado del servidor.

Las características clave de la aplicación alojada en SharePoint son:

Es una aplicación compuesta por archivos o páginas de aplicaciones estáticas que residen en su SharePoint, como archivos HTML y JavaScript, que permiten la codificación del lado del cliente.
Cuando los usuarios acceden a la aplicación alojada en SharePoint, se les redirige a la página que contiene su aplicación.
El tipo de implementación alojada en SharePoint es bueno para aplicaciones más livianas, como vistas de lista de marca, aplicaciones multimedia o aplicaciones meteorológicas.
Si decide aprovechar el modelo de implementación alojado en SharePoint, estará limitado al código que no se ejecuta en el servidor.
Puede usar Silverlight con SharePoint y aprovechar HTML junto con JavaScript.

Echemos un vistazo a un ejemplo sencillo de aplicación alojada en SharePoint.

Step 1 - Abra Visual Studio y seleccione el File → New → Project menu.

Step 2 - En el panel izquierdo, seleccione Templates → Visual C# → Office/SharePoint y luego en el panel central seleccione App for SharePoint.

Ingrese el Nombre en el campo Nombre, haga clic en Aceptar y verá el siguiente cuadro de diálogo.

En la Nueva aplicación para SharePoint, debemos agregar la URL del sitio de SharePoint que queremos depurar y luego seleccionar el modelo alojado en SharePoint como la forma en que desea alojar su aplicación para SharePoint.

Step 3 - Vaya al centro de administración de SharePoint y copie la URL de SharePoint.

Step 4 - Pegue la URL en el New App for SharePoint cuadro de diálogo como se muestra a continuación.

Step 5 - Click Next y abrirá el Connect to SharePoint cuadro de diálogo donde necesitamos iniciar sesión.

Step 6 - Ingrese sus credenciales y haga clic en el Sign inbotón. Una vez que haya iniciado sesión correctamente en el sitio de SharePoint, verá el siguiente cuadro de diálogo:

Step 7 - Click Finish. Una vez creado el proyecto, haga clic en elAppMenifest.xml archivo en el Explorador de soluciones.

Step 8 - Haga clic en el Permissionslengüeta. Se abrirá una lista desplegable de Ámbito.

Step 9 - En la lista desplegable Alcance, seleccione Web, que es el alcance de los permisos que está configurando. En la lista desplegable Permiso, seleccione Leer, que es el tipo de permiso que está configurando.

Step 10 - Abra el archivo Default.aspx y reemplácelo con el siguiente código.

<%-- 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- Vaya al Explorador de soluciones, haga clic con el botón derecho en el proyecto y seleccione Publicar. Haga clic en elPackage the appbotón. Esto crea su aplicación alojada en SharePoint y la prepara para su implementación en su sitio de SharePoint.

Verá la siguiente carpeta, que contiene el archivo * .app.

Step 12 - Navegue a su sitio en línea de SharePoint.

Step 13 - Click Apps for SharePointen el panel izquierdo. Se abrirá una nueva página.

Step 14 - Arrastre sus archivos aquí para cargarlos.

Una vez que se cargue el archivo, verá la siguiente página:

Step 15 - Haga clic en la opción - Site Contentsen el panel izquierdo. Haga clic en eladd an app icono como se muestra en la siguiente captura de pantalla:

Se abrirá una nueva página.

Step 16 - Seleccionar Your Apps → From Your Organizationen el panel izquierdo y verá que la aplicación está disponible para su instalación. Haz clic en la aplicación.

Step 17- Cuando hace clic en la aplicación, se abre un cuadro de diálogo como se muestra en la siguiente captura de pantalla. Hacer clicTrust it.

Step 18- Verás que la aplicación está instalada. Una vez que se complete la instalación, puede hacer clic en la aplicación.

Verá la siguiente página, que contiene un botón:

Cuando haces clic en el Push me , mostrará la fecha actual.

Autohosted

los AutohostedEl modelo de implementación es una desviación significativa de las aplicaciones de SharePoint anteriores. En este modelo, usted crea aplicaciones para SharePoint, pero el código se implementa sin problemas en Windows Azure en segundo plano, por lo que SharePoint crea automáticamente la aplicación alojada en la nube para usted.

Las características importantes son:

Parece que se está ejecutando en SharePoint, pero en segundo plano se implementa en una instancia especial de Office 365 Windows Azure y se registra como una aplicación autenticada y autorizada con SharePoint.
No tiene acceso completo a todas las capacidades de la plataforma de la plataforma Windows Azure con el modelo de implementación Autohosted, pero tiene suficiente plataforma para crear algunas aplicaciones interesantes.

Echemos un vistazo a un ejemplo simple de Autohosted creando un nuevo proyecto.

Step 1 - Seleccionar App for SharePoint 2013 y haga clic en OK.

Se abre un nuevo cuadro de diálogo.

Step 2 - Seleccionar Autohosted y haga clic en Next.

Step 3- Se abrirá un nuevo cuadro de diálogo. SeleccioneASP.NET MVC Web Application y haga clic en Finish.

Una vez creado el proyecto, publique su aplicación. El resto de los pasos son los mismos que se dan para la opción alojada en SharePoint.

↰ Previous page Next page ↱