Integrando una Web App de Azure en Xamarin.Forms - .Net Conf Mx 2018
Descargar como PPTX, PDF0 recomendaciones135 vistas
El documento describe un tutorial para integrar una web app de Azure en una aplicación móvil utilizando Xamarin.Forms. Incluye pasos específicos para crear la aplicación, implementar un bot en Azure y configurar la interfaz de usuario en el proyecto. Finalmente, se indica cómo establecer la página principal de la aplicación para que cargue el bot al iniciar.
Integrando una Web App de Azure en Xamarin.Forms - .Net Conf Mx 2018
- 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
Notas del editor
- #5: Cuando escuche sobre bots utilizando el Microsoft Bot Framework, lo primero que se me vino a la mente fue el cómo hacer una integración de esto en una aplicación de Xamarin. Cuando busqué en línea, encontré que hay dos formas de hacerlo, ya sea embebiendo código en un WebView o con Native con DirectLine. Dado el proceso que he seguido, decidí probar la primera opción a través de hacer la inserción del código en una vista Web utilizando Xamarin.Forms. Y vaya que descubrí que la solución es bastante simple e interesante.
- #7: Una vez que contamos con todo y estamos listo, lo haremos en tan solo 7 pasos, si, solo 7 pasos.
- #14: Realmente fueron 7 pasos ¿verdad? A pesar de que este Chatbot está construido con Xamarin 'WebView”, todavía es personalizable en el backend alojado en Azure. Por lo tanto, te invito a que realices las modificaciones pertinentes para mejorar el Chatbot.