Creación de su cuenta glitch

Comenzamos creando una cuenta glitch ingresando a glitch.com, esto nos permitira no perder el acceso a sus apps y código.

• Hacer clic en Sign in en la parte superior de la página.
• Elija como iniciar sesión por github, facebook, google o correo.

Listo su cuenta glitch ya esta creada, asi de simple!.

Creación de una aplicación en glitch

En glitch es tan simple de crear y configurar una app nodejs. ¡Empecemos!

Dentro de la pagina de inicio de glitch damos clic en New Project

Listo!, el proyecto de su app empieza con esta estructura determinada para glitch.

Una vez creado, es hora de empezar a configurar.

Configuración de la aplicación

El proyecto determinado es un sitio web donde el archivo principal es server.js, el cual usaremos para configurar nuestro BOT asegurandonos de que la app permanezca en línea.

Primero comenzamos en cambiar el nombre para su app, el nombre que elija (debe ser único y no ser tomado por otra persona) será la dirección del subdominio de su sitio en glitch.

Haga clic en el nombre del proyecto en la parte superior izquierda de la pantalla:

Cambiamos el nombre para su app, la descripción es opcional.

Segundo activamos el candado de su app para hacerlo privado y evitar acceso no autorizado a otros usuarios. Puede invitar a otros usuarios a colaborar en su proyecto enviando el enlace de su proyecto.

La función de autoguardado

Debemos deshabilitar algunas funciones de autoguardado. Glitch guarda automáticamente cada cambio del archivo, literalmente, en cada pulsación de teclas que realice. Y lo reinicia

Esto no sólo es ligeramente molesto visualmente, pero también perjudicial para los bots ya que Discord API restablecerá el token de su bot si inicia sesión 1000 veces en un día. Esto significa que si escribe 1000 caracteres en su código, habra bastantes problemas.

Creamos un nuevo archivo y llámelo watch.json.

Agregar las siguientes linea de codigo dentro del archivo creado y guardar (CONTROL + S).

{ "install": { "include": [ "^package\\.json$", "^\\.env$" ] }, "restart": { "exclude": [ "^public/", "^dist/" ], "include": [ "\\.js$", "\\.json" ] }, "throttle": 900000 }

Dentro del archivo watch.json hemos agregado un script de configuración donde cada vez que hemos realizado un cambio en el archivo server.js no se guardara(no reiniciará) hasta 15 minutos despues. El numero 900000 es el tiempo en milisegundos. puede cambiarlo a menos pero lo recomendado es a 15 minutos.

Manteniendo nuestra aplicación activa

Si bien glitch se duerme despues de cada 5 minutos si no recibe ninguna solicitud HTTP por ser un alojamiento web. Sin embargo hay un manera muy conveniente de mantenerlo activo(vivo), propocionado por la propia app, el modulo node esta preinstalado y todo lo que necesita es hacer ping cada 5 minutos al archivo principal server.js (o el que usted tenga de arranque) para asegurar que no se duerma.

• Primero, borre todo el contenido de su archivo principal server.js y dejarlo en blanco.
• Luego, agregar estas líneas de código en su archivo principal server.js, es un script de arranque para mantener activo su app.

//ESTE CODIGO NO AFECTARA SU BOT, SCRIPT DE ARRANQUE const http = require('http'); const express = require('express'); const app = express(); app.use(express.static('public')); app.get("/", function (request, response) { response.sendFile(__dirname + '/views/index.html'); }); app.get("/", (request, response) => { response.sendStatus(200); }); app.listen(process.env.PORT); setInterval(() => { http.get(`http://${process.env.PROJECT_DOMAIN}.glitch.me/`); }, 280000); //DESDE AQUI EMPIEZA A ESCRIBIR EL CODIGO PARA SU BOT

Despues agrege la estructura de su BOT debajo del script, como el siguiente ejemplo:

//DESDE AQUI EMPIEZA A ESCRIBIR EL CODIGO PARA SU BOT const Discord = require('discord.js'); const client = new Discord.Client(); client.on('ready', () => { console.log('estoy listo!'); client.user.setPresence({ status: "online", activity: { name: "-help | prueba bot en glitch", type: "PLAYING" } }); }); client.on('message', message => { if (message.content.startsWith("ping")) { let ping = Math.floor(message.client.ws.ping); message.channel.send(':ping_pong: `'+ping+' ms.` desde glitch.'); } }); client.login('TokenSecreto');

Reemplaze el token de su BOT y guardar todo lo agregado. (CONTROL + S)

Luego debe ingresar a uptimerobot y seguir los pasos de este video en youtube Glitch y Uptime Robot, o seguir los pasos de esta web Monitoreo de las aplicaciones y luego volver aqui. Para crear un monitoreo de nuestra app para mantenerlo activo.

Configuración del archivo package.json

Hay dos cosas que cambiar en el archivo package.json de su proyecto para asegurarse de que su app realmente funcione:

• En primer lugar, debe proporcionar una versión node.js para su app requerida dentro de enginesclave.
• En segundo lugar, debe proporcionar el start script(un script de inicio). general solo configuramos el main server y esto no es suficiente. Debe proporcionar un script de inicio:

De esta manera debe estar su archivo de configuración package.json en función a su BOT y la guía.

{ "name": "mybot", "version": "0.0.1", "description": "acerca de? su bot", "main": "node server.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "node server.js" }, "dependencies": { "express": "^4.16.4", "discord.js": "^12.0.2" }, "engines": { "node": "12.x" }, "repository": { "url": "https://github.com/cratermaik" }, "license": "MIT", "keywords": [ "node", "glitch", "express" ] }

En dependencies: es donde estaran sus modulos npms que usara su bot. no borrar los modulos express este modulo ayudan a mantener su app activo.

Agregando variables de configuración

Ya no es necesario agregar su archivo config.json, en glitch podemos agregar variables de entorno usando .env .

Abrir la carpeta de su proyecto .env y agregar la siguiente línea de codigo:

TOKEN=ElTokenSecretoDeSuBot

Ejemplo:

Ahora, puedes acceder a la variable TOKEN desde cualquier lugar usando process.env.TOKEN .

Para llamar el token en su archivo server.js, seria de la siguiente manera:

client.login(process.env.TOKEN);

Para llamar a su prefix (previamente agregado en .env):

let prefix = process.env.PREFIX;

Guarde todo lo configurado y pruebe su bot activandolo, tambien puede revisar el log de su app en glitch y comprobar que no tenga errores.

Si tiene problemas con estos pasos, puede mirar el video en youtube y seguir los siguientes Pasos: bot discord en Glitch.com , luego vuelve.