Azure App Service Web Apps (or just Web Apps) is a service for hosting web applications, REST APIs, and mobile back ends. You can develop in your favorite language, be it .NET, .NET Core, Java, Ruby, Node.js, PHP, or Python. Applications run and scale with ease on Windows-based environments. For Linux-based environments, see App Service on Linux.

2. Patrocinado por:
.Net Conf Mx 2018

3. Comunidades asociadas:
.Net Conf Mx 2018

4. Integrando una Web App de Azure en
Xamarin.Forms
Vicente G. Guzman
@LucioMSP

5. .Net Conf Mx 2018
Resultado

6. Requisitos previos:
• Una cuenta Azure
• Bot Services en Azure
• Una aplicación móvil Xamarin
.Net Conf Mx 2018

7. Paso 1
Creemos una aplicación móvil (Xamarin.Forms) Cross Platform.
.Net Conf Mx 2018

8. Paso 2
En segundo lugar, necesitaremos una Web App Bot en Azure
Ejemplo
https://webchat.botframework.com/embed/WebAppBotEx?s=Wg8eyy
HzrnU.cwA.h-w.G6Vo4iJ1hSnBqZjZrzxN-a_FLqT_D2U0K_3224Mj044
.Net Conf Mx 2018

9. Paso 3
Despues creemos un ContentPage que posteriormente contendrá nuestro WebView.
Para hacerlo, hacemos clic derecho en el proyecto Core -> Agregar -> Nuevo elemento.
.Net Conf Mx 2018

10. Paso 4
Asignémosle a la ContentPage (C #) el nombre "WebPage" y luego hagamos
clic en Agregar.
.Net Conf Mx 2018

11. Paso 5
Reemplacemos todo el código dentro del Constructor WebPage() con el siguiente código:
var browser = new WebView();
browser.Source =
"https://webchat.botframework.com/embed/WebAppBotEx?s=Wg8eyyHzrnU.cwA.h-
w.G6Vo4iJ1hSnBqZjZrzxN-a_FLqT_D2U0K_3224Mj044";
this.Content = browser;
De tal forma que quede así:
.Net Conf Mx 2018

12. Paso 6
Por último, pero no menos importante, debemos modificar la pantalla
que ejecutara la aplicación, esto para cargar el bot una vez que se está
iniciando. Por lo tanto, vayamos a App.cs -> al constructor App() -> y
reemplacemos lo que se encuentra con la siguiente línea:
this.MainPage = new WebPage { Title = "Web Page" };
.Net Conf Mx 2018

13. Paso 7
Terminamos, guardemos y ejecutemos.
.Net Conf Mx 2018

14. ¡Gracias!
Vicente G. Guzman
@LucioMSP