RubberDuck

ラバーダック

Rubberduckは、コミュニティのニーズを満たすために作られたアプリケーションです。 Flashアプリケーションが提供できるすべてのツールがあり、顧客とアプリケーションの間に直接的なインタラクションボーナスがあります。

アプリケーションの構成

configuration.jsonファイルにアクセスして、そこで変更を行います。アプリケーションの名前は維持する必要がありますが、APIの変更を行う必要があります。 example.comリンクを現在使用しているものに置き換えます。 GUIフォルダーに移動し、 index.htmlファイルを編集し、編集して、WebViewで同じ値を編集します。それが終わった、あなたはコンパイルする準備ができています。

アプリケーションをコンパイルします

これを行うには、NodeJSおよびNPM（Node Packet Manager）ツールが必要です。インデックス付きコンピレーションスクリプトを使用すると、使用中のオペレーティングシステムに従って使用するだけです。チュートリアルは次のように続きます。

Windows

 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

＃で最後の2行にコメントし、次のことを含む追加の行を追加します： starxfce4 。

 sudo /etc/init.d/xrdp start

コマンドが既に使用されている場合は、Windows検索バーに移動して、リモートエリアの接続を入力します。 IPの代わりに、put： 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で新機能をテストおよび実装することをお勧めします。 Adobe Flashプレーヤーをエミュレートできるようにするには、最も原始的なバージョンである11.1.0ではありますが、ElectronJSは使用されるフレームワークです。

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>