RubberDuck
1.0.0
Rubberduck เป็นแอปพลิเคชันที่ทำเพื่อตอบสนองความต้องการของชุมชน มันมีเครื่องมือทั้งหมดที่แอปพลิเคชันแฟลชสามารถนำเสนอด้วยโบนัสการโต้ตอบโดยตรงระหว่างลูกค้าและแอปพลิเคชัน
เข้าถึงไฟล์ configuration.json และทำการเปลี่ยนแปลงที่นั่น อย่างไรก็ตามชื่อของแอปพลิเคชันจะต้องมีการเปลี่ยนแปลงการเปลี่ยนแปลงใน API แทนที่ลิงก์ example.com ด้วยสิ่งที่กำลังใช้อยู่ในปัจจุบัน ไปที่โฟลเดอร์ GUI และแก้ไขไฟล์ index.html แก้ไขบน WebView ค่าเดียวกัน เสร็จแล้วคุณพร้อมที่จะรวบรวม
คุณจะต้องใช้เครื่องมือ NodeJS และ NPM (Node Packet Manager) ในการทำเช่นนี้ ด้วยสคริปต์การรวบรวมดัชนีคุณเพียงแค่ใช้ตามระบบปฏิบัติการที่ใช้งาน บทช่วยสอนมีดังนี้:
npm i
npm run build-win
เมื่อเสร็จสิ้นการรวบรวมให้ไปที่โฟลเดอร์ รีลีส และคุณจะพร้อมที่จะแจกจ่าย
ในการรวบรวม Linux คุณต้องมีระบบปฏิบัติการ/distro ตาม อย่างไรก็ตามด้วย Windows ทำให้มีเครื่องมือการพัฒนามากขึ้นทุกคนสามารถใช้ WSL2 ได้ ก่อนอื่นให้รีสตาร์ทคอมพิวเตอร์ของคุณไปที่ BIOS และเปิดใช้งานการจำลองเสมือน จากนั้นกลับไปที่บทช่วยสอนนี้และติดตามลิงค์นี้
ด้วย distro ที่ติดตั้งให้ดำเนินการคำสั่งต่อไปนี้:
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 จากนั้นเข้าสู่ระบบโดยใช้ข้อมูลรับรองเดียวกับ distro ของคุณ
ภายในเครื่องใช้คำสั่งต่อไปนี้ที่เทอร์มินัล:
sudo apt install nodejs
sudo apt install npm
ดาวน์โหลดไฟล์ที่เก็บและวางไว้ในเดสก์ท็อปของคุณ ใช้คำสั่ง:
cd ~/Desktop/RubberDuck
แล้วสิ่งเหล่านี้:
npm i
npm run build-linux
หลังจากการรวบรวมแอปพลิเคชันของคุณจะพร้อมสำหรับการแจกจ่ายซึ่งอยู่ในโฟลเดอร์ รีลีส อย่างไรก็ตามยังมีความจำเป็นที่จะต้องมีผู้จัดการแพ็คเกจ Debian เพื่อทำการติดตั้งซึ่งจะมีการอธิบายอย่างกว้างขวางบนคำแนะนำบนแท็บความช่วยเหลือของแพลตฟอร์ม
ในไม่ช้า
ความรู้เกี่ยวกับ JavaScript, HTML และ CSS เป็นสิ่งจำเป็น เราใช้ภาษาที่รวบรวม CSS เพื่ออำนวยความสะดวกในการรวมเข้ากับอุปกรณ์ทั้งหมดที่เรียกว่า SASS ขอแนะนำให้คุณใช้ Visual Studio Code เพื่อทดสอบและใช้คุณสมบัติใหม่บน Rubberduck Electronjs เป็นกรอบที่ใช้แม้ว่าจะอยู่ในเวอร์ชันดั้งเดิมที่สุด: 11.1.0 เพื่อให้สามารถเลียนแบบเครื่องเล่น Adobe Flash ได้
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>
