Javascript "Hola Web Bot"¶

Este tutorial te guiará a través del proceso de crear una automatización web simple en Javascript.

Prerrequisitos¶

• Cuenta de BotCity
• BotCity Studio SDK
• Node 16

Descargando el WebDriver¶

Para poder trabajar con automatizaciones web, necesitamos utilizar el WebDriver correspondiente para comunicarnos con los navegadores para la automatización. Para hacer esto, es necesario que el WebDriver para el navegador elegido esté instalado y disponible preferiblemente en tu PATH. Si no puedes agregar el WebDriver necesario a tu PATH, podrás informar la ruta del controlador a través del código en tu bot.

Aquí tienes una lista de navegadores compatibles junto con enlaces para descargar el WebDriver adecuado:

Por favor, sigue las instrucciones en el sitio web del WebDriver para la instalación y configuración.

Una vez que el WebDriver deseado para el navegador web a utilizar esté instalado, podemos proceder a los siguientes pasos.

Orquestación de paquetes utilizando navegadores¶

Es posible orquestar cualquier framework que utilice navegadores, por ejemplo:

Existen más opciones además de estas, la mayoría de ellas pueden ser orquestadas por Botcity.

Creando tu primer proyecto¶

BotCity ofrece un proyecto de plantilla que se puede personalizar a través de una herramienta llamada js-template-cli.

Instalando js-template-cli¶

Para poder utilizarlo, primero necesitamos instalar el paquete de javascript js-template-cli ejecutando el siguiente comando en tu terminal de línea de comandos:

npm install @botcity/js-template-cli

Después de hacer esto, estará listo para crear su primera automatización de Javascript utilizando el framework de BotCity.

De la plantilla al proyecto¶

El sistema le solicitará un par de respuestas para poder crear correctamente su proyecto.

• Una vez que se le solicite is visual automation, responda con n y presione enter;
• Elija qué plantilla de proyecto utilizar, seleccione javascript.
• Una vez que se le solicite installing package, responda Sí y presione Intro;
• En bot id escribe HelloWebBot y presiona enter;
• En project name escribe Hello Web Bot y presiona enter;
• Para project short description escriba Mi primer proyecto con BotCity y presione enter.

Explorando el proyecto¶

Debajo de la carpeta de su proyecto HelloWebBot tendrá la siguiente estructura:

HelloWebBot
├── README.md        <- Archivo README simple para tu proyecto de bot.
├── bot.js       <- Aquí es donde desarrollarás el código de tu bot.
└── package.json <- Archivo que describe las dependencias de Javascript para tu bot.

Probar su proyecto localmente¶

Para probar nuestro proyecto localmente, primero instalémoslo para que podamos tener todas las dependencias de Javascript listas.

Usando la herramienta de línea de comandos, acceda a la carpeta HelloWebBot que describimos anteriormente.

Instalación¶

Instale el paquete Javascript ejecutando el siguiente comando en su terminal de línea de comandos:

npm install

Ejecutando el robot¶

Nuestro proyecto de plantilla ejecuta una automatización muy simple. Abre su navegador web predeterminado y carga el sitio web de BotCity.

Puedes ejecutar tu HelloWebBot con el siguiente comando:

node bot.js

Conclusión¶

En este tutorial aprendiste:

• Las dependencias necesarias para desarrollar automatizaciones utilizando el framework de Javascript de BotCity y cómo instalarlas.

• Cómo crear nuevos proyectos de bot utilizando js-template-cli y la plantilla de BotCity.

• Cómo instalar y ejecutar tu nuevo proyecto de bot localmente.

Diviértete automatizando 🤖