RubberDuck

Goma

RubberDuck es una aplicación realizada para satisfacer las necesidades de la comunidad. Tiene todas las herramientas que una aplicación Flash puede ofrecer, con una bonificación de interacción directa entre el cliente y la aplicación.

Configuración de la aplicación

Acceda al archivo configuration.json y realice los cambios allí. Sin embargo, se debe mantener el nombre de la aplicación en los cambios en la API. Reemplace el enlace example.com con lo que se está utilizando actualmente. Vaya a la carpeta GUI y edite el archivo index.html , edición, en la vista web, los mismos valores. Eso hecho, estás listo para compilar.

Compilación de la aplicación

Necesitará las herramientas NodeJS y NPM (Node Packet Manager) para hacerlo. Con scripts de compilación indexados, solo los usa de acuerdo con el sistema operativo en uso. El tutorial sigue de la siguiente manera:

Windows

 npm i
npm run build-win

Al finalizar la compilación, vaya a la carpeta de lanzamiento y estará listo para distribuir.

Linux (WSL2)

Para hacer una compilación en Linux, debe tener un sistema operativo/distribución basado. Sin embargo, con Windows haciendo que más y más herramientas de desarrollo estén disponibles, todos pueden usar WSL2 . Primero, reinicie su computadora, vaya al BIOS y active la virtualización. Luego regrese a este tutorial y siga este enlace.

Con la distribución instalada, ejecute los siguientes comandos:

 sudo apt update && sudo apt -y upgrade
sudo apt install xrdp
sudo apt install -y xfce4

Si le preguntó algo, elija GDM3 .

 sudo cp /etc/xrdp/xrdp.ini /etc/xrdp/xrdp.ini.bak
sudo sed -i 's/3389/3390/g' /etc/xrdp/xrdp.ini
sudo sed -i 's/max_bpp=32/#max_bpp=32nmax_bpp=128/g' /etc/xrdp/xrdp.ini
sudo sed -i 's/xserverbpp=24/#xserverbpp=24nxserverbpp=128/g' /etc/xrdp/xrdp.ini
echo xfce4-session > ~/.xsession
sudo nano /etc/xrdp/startwm.sh

Comente las últimas dos líneas con #, luego agregue una línea adicional que contenga lo siguiente: starxfce4 .

 sudo /etc/init.d/xrdp start

Con los comandos ya utilizados, vaya a la barra de búsqueda de Windows y escriba: conexión del área remota . En lugar de la IP, Put: localhost:3390 . Luego inicie sesión usando las mismas credenciales que su distribución.

Dentro de la máquina, ejecute los siguientes comandos en el terminal:

 sudo apt install nodejs
sudo apt install npm

Descargue los archivos del repositorio y póngalo en su escritorio. Use el comando:

 cd ~/Desktop/RubberDuck

Entonces estos:

 npm i
npm run build-linux

Después de la compilación, su aplicación estará lista para la distribución, ubicada en la carpeta de versiones . Sin embargo, todavía es necesario tener un Administrador de paquetes de Debian para realizar la instalación, que se explicará ampliamente en una guía en la pestaña Ayuda de la plataforma.

Macosa

Dentro de poco.

---

Edición de gubas

El conocimiento de JavaScript, HTML y CSS es esencial. Utilizamos el lenguaje compilado CSS para facilitar la integración con todos los dispositivos llamados Sass. Se recomienda que use el código Visual Studio para probar e implementar nuevas funciones en RubberDuck. Electronjs es el marco utilizado, aunque en su versión más primitiva: 11.1.0, para poder emular el jugador de Adobe Flash.

IPC

Un IPC es un proceso que ocurre dentro de Electron. Para convocarlo, usamos la constante IPC . Sus funciones son simples y esenciales, realizando una lista de capacidades dentro de la aplicación y ampliando su funcionalidad. Por ejemplo, quiero un botón que me lleve a un enlace externo. Yo uso el siguiente código:

 IPC.send('openMyURL', 'https://example.com/')

Dentro del archivo index.js , alguien recibirá esta señal y ejecutará un código, expresado por la función:

 const { ipcMain, shell } = require('electron');
ipcMain.on('openMyURL', (url) => {
   shell.openExternal(url); 
});

Ya dentro del archivo index.html , las cosas pueden subir mucho más. Usando jQuery, puede expandir estas funciones a nivel gráfico, ya que los métodos IPC también pueden ser enviados por index.js y recibidos por el primero. La siguiente función explica esto:

index.js

 ipcMain.send('sendAjax');

index.html

 <script>
    const { ipcRenderer } = require('electron');
    const IPC = ipcRenderer;
    const WebView = document.querySelector('WebView');
    IPC.on('sendAjax', () => {
        WebView.executeJavaScript(`
            $.ajax({
                type: "POST",
                url: "https://example/login",
                data: ${JSON.stringify($(".someForm").serializeObject())},
                dataType: "json"
            }).done(function(result) {
                console.log(JSON.stringify(result));
                location.href="https://example.com/client";
            });
        `)
    });
</script>