Al desarrollar ‘componentes PowerApp’ y ‘recursos web’ tradicionales, un desafío común es que las pruebas no son sencillas. Para probar un cambio en el código HTML o JS, es necesario implementar archivos, lo que lleva mucho tiempo. Hay herramientas comerciales disponibles para aplicaciones basadas en modelos para hacerlo más simple, pero aún así usar Fiddler tiene ventajas. Esta primera publicación de esta serie explicará cómo funciona y cómo empezar a utilizarlo. ¿Qué es el violinista? Fiddler es una herramienta de depuración de proxy web que suelen utilizar los desarrolladores web. La versión básica que necesitamos es gratuita para siempre y se puede descargar desde aquí. ¿Como funciona? Primero, agregamos un shell de recursos web en la aplicación basada en modelo, por lo que si es JS, un archivo con solo el nombre de la función está bien. Todavía necesitamos configurar esa función para que se active al cargar o guardar eventos en las propiedades del formulario. A partir de este momento podemos empezar a utilizar Fiddler. Codificamos en Visual Studio, configuramos Fiddler y abrimos una aplicación basada en modelos en un navegador. Fiddler interrumpirá la solicitud entrante y reemplazará el archivo JS proveniente de la nube con un archivo abierto en Visual Studio. Realice un cambio de código, simplemente actualice y vea el último cambio de JS sin implementarlo en la aplicación. Beneficios Podemos probar código JS/HTML sin implementación. Realice cambios de código en Visual Studio, actualice su navegador y verifique los cambios. Se puede depurar o desarrollar sin afectar a otros desarrolladores o usuarios. Complete su trabajo y cuando haya terminado, impleméntelo para realizar pruebas. Pasos Agregue un recurso web a una aplicación basada en modelo si es un recurso nuevo. Para obtener detalles sobre los recursos web, consulte este enlace y los enlaces en la sección «Ver también». Instale Fiddler Desde Fiddler > Herramientas > Opciones > HTTPS, haga lo siguiente: Asegúrese de que «Capturar conexiones HTTPS» y «Descifrar tráfico HTTPS» estén marcados en el menú desplegable » …solo desde navegadores” está seleccionado “Certificados generados por” tiene “motor CertEnroll” Haga clic en “Acciones > Restablecer certificados” y acepte todas las indicaciones En la pestaña Filtros, realice las siguientes configuraciones, que le ayudarán a dirigirse solo a las solicitudes relevantes: Marque “Usar filtros” La casilla «Hosts» está marcada. Asegúrese de que «Mostrar solo hosts de Internet» esté seleccionado. Agregue las URL de su aplicación. «Mostrar solo si la URL contiene» está marcada y tiene «/webresources/». En la pestaña «AutoResponder», realice las siguientes configuraciones. Aquí le indicamos en qué recurso web estamos trabajando y cuál es la ubicación de la versión de desarrollo: «Habilitar reglas» está marcado Haga clic en Agregar regla Ingrese la expresión regular con el nombre del archivo JS como «regex:(?insx).+/account.js» Ingrese ruta a la versión de desarrollo del archivo en el disco local. Presione el botón Guardar. Asegúrese de que la regla creada esté habilitada. Marque «Capturar tráfico» en el menú Archivo: Actualizar el navegador. Fiddler debería comenzar a capturar tráfico. Si abrimos las herramientas de desarrollo del navegador podemos ver los cambios de código reflejados sin implementarlos. Espero que haya sido de ayuda. Así: Me gusta Cargando…

Source link