RubberDuck

橡胶

Rubberduck是为了满足社区需求而提出的申请。它具有Flash应用程序可以提供的所有工具，并具有客户和应用程序之间的直接交互加值。

配置应用程序

访问configuration.json文件并在此处进行更改。必须维护应用程序的名称，但是，必须对API进行更改。用当前使用的内容替换example.com链接。转到GUI文件夹，然后在WebView上编辑index.html文件，相同的值。这样，您就可以编译了。

编译应用程序

您将需要NODEJS和NPM（节点数据包管理器）工具来执行此操作。使用索引编译脚本，您只需根据使用的操作系统使用它们即可。教程如下：

视窗

 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，fut： localhost:3390 。然后使用与您的发行版相同的凭据登录。

在机器内部，在终端运行以下命令：

 sudo apt install nodejs
sudo apt install npm

下载存储库文件并将其放入桌面。使用命令：

 cd ~/Desktop/RubberDuck

然后这些：

 npm i
npm run build-linux

汇编后，您的应用程序将准备在版本文件夹中分发。但是，仍然有必要拥有Debian软件包管理器来进行安装，这将在平台的AID选项卡上的指南中广泛说明。

macos

不久。

---

编辑橡胶

JavaScript，HTML和CSS的知识至关重要。我们使用CSS编译语言来促进与所有称为SASS的设备集成。建议您使用Visual Studio代码在Rubberduck上测试和实现新功能。 Electronjs是使用的框架，尽管其最原始版本：11.1.0，能够模仿Adobe Flash Player。

IPC

IPC是电子中发生的过程。为了召唤它，我们使用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>