RubberDuck

고무 멍에

Rubberduck 은 커뮤니티 요구를 충족시키기위한 응용 프로그램입니다. 고객과 응용 프로그램 간의 직접적인 상호 작용 보너스와 함께 플래시 응용 프로그램이 제공 할 수있는 모든 도구가 있습니다.

응용 프로그램 구성

configuration.json 파일에 액세스하고 변경 사항을 변경하십시오. 응용 프로그램의 이름은 유지 관리해야하지만 API의 변경 사항은 이루어져야합니다. example.com 링크를 현재 사용중인 내용으로 바꾸십시오. GUI 폴더로 이동하여 WebView에서 index.html 파일을 편집하고 동일한 값을 편집하십시오. 그랬어, 당신은 컴파일 할 준비가되었습니다.

응용 프로그램 컴파일

이를 위해서는 NodeJS 및 NPM (Node Packet Manager) 도구가 필요합니다. 인덱싱 된 컴파일 스크립트를 사용하면 사용중인 운영 체제에 따라 사용됩니다. 튜토리얼은 다음과 같이 다음과 같습니다.

창

 npm i
npm run build-win

컴파일이 완료되면 릴리스 폴더로 이동하면 배포 할 준비가됩니다.

리눅스 (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

컴파일 후, 응용 프로그램은 릴리스 폴더에 위치한 배포 할 준비가됩니다. 그러나 설치를 위해 데비안 패키지 관리자가 있어야하며 플랫폼의 원조 탭의 안내서에 널리 설명됩니다.

마코스

곧.

---

편집 고무 멍어

JavaScript, HTML 및 CSS에 대한 지식이 필수적입니다. CSS 컴파일 언어를 사용하여 SASS라는 모든 장치와의 통합을 용이하게합니다. Visual Studio 코드를 사용하여 Rubberduck에서 새로운 기능을 테스트하고 구현하는 것이 좋습니다. Electronjs는 Adobe Flash Player를 모방 할 수 있도록 가장 원시적 인 버전 인 11.1.0에도 불구하고 사용 된 프레임 워크입니다.

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>