RubberDuck

Резиновый

Rubberduck - это приложение, поданное для удовлетворения потребностей сообщества. Он имеет все инструменты, которые может предложить флэш -приложение, с бонусом прямого взаимодействия между клиентом и приложением.

Настройка приложения

Доступ к файлу configuration.json и внесите изменения там. Имя приложения должно быть поддержано, однако изменения в API должны быть внесены. Замените ссылку на example.com . Перейдите в папку GUI и отредактируйте файл index.html , редактируя, на веб -просмотре, те же значения. Это сделано, вы готовы компилировать.

Скомпилирование приложения

Для этого вам понадобятся инструменты NodeJS и NPM (Node Packet Manager). С помощью индексированных компиляционных сценариев вы просто используете их в соответствии с используемой операционной системой. Учебник следует следующим образом:

Окна

 npm i
npm run build-win

После завершения компиляции перейдите в папку релиза , и вы будете готовы к распространению.

Linux (WSL2)

Чтобы сделать компиляцию на Linux, вам необходимо иметь систему работы/дистрибуции на основе. Однако, поскольку Windows делает все больше и больше доступных инструментов разработки, каждый может использовать WSL2 . Во -первых, перезапустите свой компьютер, перейдите в BIOS и активируйте виртуализацию. Затем вернитесь к этому уроку и перейдите по этой ссылке.

С установленным дистрибуцией выполните следующие команды:

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

Если вы что -то спросили, выберите 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

Прокомментируйте последние две строки с #, затем добавьте дополнительную строку, содержащую следующую: starxfce4 .

 sudo /etc/init.d/xrdp start

С уже используемыми командами перейдите в панель поиска Windows и введите: подключение удаленной области . Вместо IP, пусть: localhost:3390 . Затем войдите в систему, используя те же учетные данные, что и ваш дистрибутив.

Внутри машины запустите следующие команды на терминале:

 sudo apt install nodejs
sudo apt install npm

Загрузите файлы репозитория и поместите их в свой рабочий стол. Используйте команду:

 cd ~/Desktop/RubberDuck

Тогда это:

 npm i
npm run build-linux

После компиляции ваше приложение будет готово к распространению, расположенное в папке Releseses . Тем не менее, все еще необходимо иметь диспетчер пакетов Debian для установки, что будет широко объяснено на руководстве на вкладке помощи платформы.

MacOS

Вскоре.

---

Редактирование RubberDuck

Знание JavaScript, HTML и CSS имеет важное значение. Мы используем CSS скомпилированный язык для облегчения интеграции со всеми устройствами, называемыми SASS. Рекомендуется использовать код Visual Studio для тестирования и реализации новых функций на RubberDuck. ElectronJS - это используемая структура, хотя и в самой примитивной версии: 11.1.0, чтобы иметь возможность эмулировать игрока Adobe Flash.

МПК

МПК - это процесс, который происходит в электроне. Чтобы вызвать его, мы используем константу IPC . Его функции являются простыми и важными, выполняя список возможностей в приложении и расширяя его функциональность. Например, я хочу, чтобы кнопка привела меня к внешней ссылке. Я использую следующий код:

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

В файле index.js кто -то получит этот сигнал и выполнит код, выражаемый функцией:

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

Уже внутри файла index.html вещи могут подняться гораздо больше. Используя jQuery, вы можете расширить эти функции на графическом уровне, так как методы IPC также могут быть отправлены index.js и получены первыми. Следующая функция объясняет это:

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>