Depuración de aplicaciones HTML/Node
12 min
los inspectores de chromium o node se pueden usar para depurar aplicaciones html y node que se ejecutan en reproductores brightsign consulte las secciones a continuación para obtener más información sobre cómo usar cada una de estas herramientas inspector de chromium este ejemplo usa visual studio code puede almacenar su aplicación en el módulo live server https //marketplace visualstudio com/items?itemname=ritwickdey liveserver si usa vs code, o en un servidor local esto solo debe usarse durante el desarrollo y no se recomienda para aplicaciones implementadas en un reproductor en producción, a menos que pueda reiniciar el reproductor o controlar el runtime requisitos previos conéctese a su reproductor mediante una conexión serial (consulte shell de brightsign docid\ vatux3slq6zyyxtvxfqvn o configuración del puerto serial docid\ zen3qywtjohoeotkbrx2a para obtener más información) use bsc ( cli de brightsign https //www npmjs com/package/@brightsign/bsc ) para enviar archivos mediante el dws local o remoto, o la interfaz de usuario de dws si tiene un servidor http local en su computadora, coloque su aplicación en el servidor y apunte el reproductor brightsign hacia él de lo contrario, tendrá que copiar el código de la aplicación en el reproductor descargue o instale este cliente rest https //marketplace visualstudio com/items?itemname=humao rest client para vs code, que le permite usar atajos de teclado para cargar rápidamente archivos al reproductor abra su navegador chrome y vaya a esta url chrome //inspect/#devices habilitar el depurador abra su autorun en un editor de código habilite la depuración en el registro agregando las siguientes líneas a su autorun debugrs = createobject("roregistrysection", "brightscript") debug = debugrs read("debug") if debug <> "1" then 	debugrs write("debug","1") 	debugrs flush() 	'stop 	rebootsystem() 'reboots player first time it's changed end if 3\ para probar el depurador, escriba ctrl c en el indicador brightscript> de la ventana de control serial el indicador cambiará a depurador de brightscript> escriba salir para salir del depurador 4\ ingrese el siguiente código en su autorun el indicador inspect brk le permitirá ver rápidamente qué variables están en alcance, sus valores y la pila de llamadas en lugares específicos del script m node js = createobject("ronodejs", "sd /main js", {message port m msgport, node arguments \[" inspect brk=0 0 0 0 2999"]}) ejecutar el depurador escriba script autorun brs en el indicador para reiniciar el autorun (no necesita reiniciar el reproductor cuando haga cambios si usa este método) una vez que se haya reiniciado el autorun, vaya al inspector de chromium seleccione configurar para acceder a las instancias de node y html del reproductor necesitará la dirección ip del reproductor para inspeccionar el proceso de node debido a que agregamos el parámetro ronodejs inspect brk en el autorun, la ejecución del script se pausa en la primera línea seleccione inspeccionar para iniciar el depurador (consulte la imagen 1) presione el botón script de currículum en el depurador para ejecutar su código javascript y reproducir el video en su pantalla ingrese la palabra clave depurador en una línea separada de su código javascript para establecer un breakpoint tendrá que cerrar la aplicación y reiniciarla antes de que el breakpoint se active depurador de brightsign (inspector de node) el depurador de brightsign es útil si desea cargar la aplicación en el reproductor para depurarla en lugar de usar un servidor web http una vez que se haya cargado en el reproductor, la aplicación puede reiniciarse (si hace esto, no es necesario reiniciar el reproductor) para hacer esto seleccione ctrl c para ir al indicador de depurador de brightscript escriba salir para ir al indicador de brightsign escriba script autorun brs para reiniciar la aplicación funciones en versiones recientes del so escriba nodo sin parámetros para obtener una shell interactiva de node y luego introduzca javascript, que se evalúa inmediatamente brightsign> node \> process release { name 'node', lts 'dubnium', sourceurl 'https //nodejs org/download/release/v10 15 3/node v10 15 3 tar gz', headersurl 'https //nodejs org/download/release/v10 15 3/node v10 15 3 headers tar gz' } \>type ctrl d to exit node and return to the brightsign prompt, or you can give it the name of a script to run brightsign> node sd /hello js hello world brightsign> si desea conectar un depurador remoto a su proceso de node, puede pasar inspect como de costumbre mostrará la url del depurador brightsign> node inspect=0 0 0 0 1234 sd /hello js debugger listening on ws\ //0 0 0 0 1234/c67ca30e 388b 49b2 baf4 9924d94f0ac6 for help, see https //nodejs org/en/docs/inspector hello world funciones que requieren so 8 3 1 o posterior si desea depurar de forma interactiva en la consola, use node inspect (sin guiones) iniciará el inspector y luego se conectará a él localmente brightsign> node inspect sd /hello js < debugger listening on ws\ //127 0 0 1 9229/2c63116d d1d4 4248 81b4 718217bef35e < for help, see https //nodejs org/en/docs/inspector < debugger attached break on start in file ///storage/sd/hello js 1 \> 1 (function (exports, require, module, filename, dirname) { console log("hello world"); 2 3 debug> si tiene un programa de un solo archivo o empaquetado con webpack que se encuentra en un host remoto, puede pasar una url http o https a node brightsign obtendrá el archivo y lo ejecutará (esto no funciona si el programa necesita otros recursos que espera encontrar en el cwd) brightsign> node http //192 168 82 66/test js hello brightsign> si desea ejecutar su programa dentro de chronode (el node js integrado en chromium) en lugar del node independiente, use htmlplay chronode esto es similar a htmlplay , excepto que espera recibir la url de un archivo js en lugar de un sitio html tenga en cuenta que en este caso la salida va al registro del sistema y no a la consola de shell brightsign> htmlplay chronode http //192 168 82 66/test js si desea conectar el depurador a un programa o sitio web que haya iniciado con htmlplay , configure esta opción antes de cargar la página brightsign> htmlplay params inspector port 1234 brightsign> htmlplay http //www brightsign biz/