RubberDuck

Caoutchouc

RubberDuck est une application formulée pour répondre aux besoins de la communauté. Il dispose de tous les outils qu'une application Flash peut offrir, avec un bonus d'interaction direct entre le client et l'application.

Configuration de l'application

Accédez au fichier configuration.json et effectuez les modifications là-bas. Le nom de l'application doit cependant être maintenu, les modifications de l'API doivent être apportées. Remplacez le lien example.com par ce qui est actuellement utilisé. Accédez au dossier GUI et modifiez le fichier index.html , édition, sur WebView, les mêmes valeurs. Cela fait, vous êtes prêt à compiler.

Compilation de l'application

Vous aurez besoin des outils NodeJS et NPM (Node Packet Manager) pour ce faire. Avec les scripts de compilation indexés, vous les utilisez simplement en fonction du système d'exploitation utilisé. Le tutoriel suit comme suit:

Fenêtre

 npm i
npm run build-win

Une fois la compilation terminée, accédez au dossier de libération et vous serez prêt à distribuer.

Linux (WSL2)

Pour faire une compilation sur Linux, vous devez avoir un système de fonctionnement / distribution basé. Cependant, avec Windows offrant de plus en plus d'outils de développement, tout le monde peut utiliser WSL2 . Tout d'abord, redémarrez votre ordinateur, accédez à BIOS et activez la virtualisation. Revenez ensuite à ce tutoriel et suivez ce lien.

Avec la distribution installée, exécutez les commandes suivantes:

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

Si vous avez demandé quelque chose, choisissez 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

Commentez les deux dernières lignes avec #, puis ajoutez une ligne supplémentaire contenant les éléments suivants: starxfce4 .

 sudo /etc/init.d/xrdp start

Avec les commandes déjà utilisées, accédez à la barre de recherche Windows et tapez: connexion de la zone distante . À la place de l'IP, put: localhost:3390 . Ensuite, connectez-vous en utilisant les mêmes informations d'identification que votre distribution.

À l'intérieur de la machine, exécutez les commandes suivantes au terminal:

 sudo apt install nodejs
sudo apt install npm

Téléchargez les fichiers du référentiel et placez-le dans votre bureau. Utilisez la commande:

 cd ~/Desktop/RubberDuck

Ensuite, ceux-ci:

 npm i
npm run build-linux

Après la compilation, votre application sera prête pour la distribution, située dans le dossier des versions . Cependant, il est toujours nécessaire d'avoir un gestionnaire de packages Debian pour effectuer l'installation, qui sera largement expliquée sur un guide sur l'onglet Aid de la plate-forme.

Macos

Prochainement.

---

Édition Rubberduck

La connaissance de JavaScript, HTML et CSS est essentielle. Nous utilisons le langage compilé CSS pour faciliter l'intégration avec tous les appareils appelés SASS. Il est recommandé d'utiliser le code Visual Studio pour tester et implémenter de nouvelles fonctionnalités sur RubberDuck. Electronjs est le cadre utilisé, bien que dans sa version la plus primitive: 11.1.0, pour pouvoir imiter le lecteur Adobe Flash.

IPC

Un IPC est un processus qui se produit dans l'électron. Pour l'invoquer, nous utilisons la constante IPC . Ses fonctions sont simples et essentielles, effectuant une liste de capacités au sein de l'application et élargissant sa fonctionnalité. Par exemple, je veux qu'un bouton m'emmène à un lien externe. J'utilise le code suivant:

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

Dans le fichier index.js , quelqu'un recevra ce signal et exécutera un code, exprimé par la fonction:

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

Déjà dans le fichier index.html , les choses peuvent grimper beaucoup plus. En utilisant jQuery, vous pouvez étendre ces fonctions au niveau graphique, car les méthodes IPC peuvent également être envoyées par index.js et reçues par la première. La fonction suivante explique ceci:

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>