Implementando y desplegando Autohosted Apps

Como bien sabemos, con el nuevo modelo de Apps para SharePoint 2013, disponemos de distintas alternativas de hosting para nuestras apps. Tenemos SharePoint-hosted apps, Provider-hosted apps y Autohosted Apps.

Hasta el momento, las Autohosted apps únicamente están soportadas para SharePoint Online en Office 365. Para recordar, cuando implementamos Autohosted apps, lo que sucede es que al momento en que desplegamos nuestra aplicación sobre SharePoint Online, automáticamente por detrás se genera nuestra aplicación en Windows Azure, esto se hace sin necesidad de que nosotros tengamos que crear nuestro ambiente en Azure previamente.

Las Autohosted apps son similares a las Provider-hosted apps, en el sentido de que disponemos de una infraestructura de servidores web separada de la granja de SharePoint, en el caso de las Autohosted apps esta se encuentra montada sobre Windows Azure y en el caso de las Provider-hosted apps esta se encuentra en cualquier otro servidor web como IIS, con la diferencia en que en este caso si debemos configurar y administrar nuestro servidor web.

 En este caso voy a mostrar como crear y desplegar una Autohosted App, tanto desde Visual Studio, como de manera manual considerando un escenario real de pase a producción.

1. Primero debemos crear nuestra aplicación de SharePoint 2013 desde Visual Studio.

2. A continuación debemos especificar el nombre de nuestra App y la URL de nuestro site collection en SharePoint Online (Office 365) y dar clic en Validate.

3. Nos pedirá que ingresemos nuestras credenciales.

4. Validará satisfactoriamente el acceso a nuestro site collection en la nube. Y con esto podremos empezar a desarrollar nuestra App.

¿Como despliego mi aplicación?

1. Para probar nuestra aplicación debemos hacer Deploy desde Visual Studio. Debido a que simplemente es para un escenario de prueba, se creará un sitio temporal en nuestro equipo (https:localhost). Por este motivo aparecerán algunas alertas relacionada a certificados. Dar clic en Yes.

2. Un warning mas dar clic en Yes.

3. Nos redirige a nuestro site collection y nos pide Confiar en nuestra App. Dar clic en Confiar.

4. Y Listo! Nos mostrará nuestra App recientemente desarrollada. Nos podemos dar cuenta que nos ha redirigido a nuestra aplicación que se está ejecutando localmente (https://localhost:puertoaleatorio), pues es un escenario de pruebas, es decir que aún no se ha creado la aplicación en Azure.

¿Cómo desplegar la solución en un ambiente productivo?

Para desplegar nuestra aplicación en el ambiente productivo, primero debemos configurar nuestra solución en Visual Studio.

1. Debemos configurar las dlls siguientes para que tengan la propiedad Copy Local en True:

Microsoft.SharePoint.Client.dll

Microsoft.SharePoint.Client.Runtime.dll

Microsoft.Identity.Model.dll

System.Identity.Model.dll

Microsoft.IdentityModel.Extensions.dll

 

2. A continuación seleccionamos a nuestra App desde el Solution Explorer, damos clic derecho y clic en Publish…

3. Se abrirá la ruta donde esta nuestro App empaquetado. Este tiene extensión .App. Hay que copiarla.

4. A continuación debemos acceder a nuestro Portal de Office 365 para realizar las configuraciones respectivas sobre SharePoint Online. 

5. En el Centro de administración de SharePoint ubicar la categoría aplicaciones y dar clic en Catálogo de aplicaciones.

6. Si aún no existe un catálogo debemos crearlo. Dejar seleccionado Crear un nuevo sitio de catálogo de aplicaciones y clic en Aceptar.

7. Completar los datos el nuevo site collection.

 

8. Se habrá creado nuestro catálogo de apps.

 

 

9. Podemos ingresar y verificar que se creó correctamente.

10. Ingresamos a la biblioteca Aplicaciones para SharePoint en nuestro Catálogo de apps.

 

 

11. Cargamos nuestra App (.App que recientemente copiamos).

12. Podremos ver que el App se cargó correctamente.

13. Ahora solo debemos agregar nuestra nueva App ya disponible en nuestro Catálogo. Para eso ingresamos a cualquier otro site collection que tengamos en SharePoint Online. En Settings seleccionamos Contenidos del sitio.

14. Damos clic en Agregar una aplicación.

 

15. Se muestran las apps disponibles. Ubicamos nuestra App que recientemente desplegamos y le damos clic.

 

16. En la siguiente pantalla damos clic en Confiar.

 

17. Y podremos observar que se agregó satisfactoriamente nuestra nueva App.

18. Ahora solo nos queda probarla!. Un éxito!. 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *