เปลี่ยนหน้าเว็บโปรดให้เป็น Desktop App ใน 1 นาทีด้วย Pake (เบาหวิว กินแรมน้อย ไม่พึ่ง Electron!)
เบื่อไหมกับการที่ต้องเปิดแท็บเบราว์เซอร์ทิ้งไว้เต็มไปหมดเพื่อใช้งานทูลอย่าง ChatGPT, Notion, Linear หรือ Twitter? พอย้ายไปใช้แอปสไตล์ Desktop Client ส่วนใหญ่ ตัวแอปก็ดันพัฒนาด้วย Electron framework ที่มัดรวม Chromium Engine เข้ามาด้วย ทำให้แอปมีขนาดใหญ่เฉียด 100MB+ แถมยังกินทรัพยากรเครื่องและซดแรมแบบดุดันสุดๆ
วันนี้ผมจะมาแนะนำโอเพนซอร์สโปรเจกต์ตัวแรงบน GitHub ที่ชื่อว่า Pake (พัฒนาโดยคุณ tw93 ซึ่งตอนนี้กวาดไปกว่า 49k+ stars แล้ว) ทูลตัวนี้จะช่วยแปลงหน้าเว็บไซต์ (Webpage) ให้กลายเป็นแอปพลิเคชันบนเดสก์ท็อป (Desktop App) ได้ในระดับวินาที แถมบิลด์ออกมาแล้วขนาดเล็กเฉียดฉายแค่ 5MB เท่านั้น!
🛠 ทำไม Pake ถึงเบาและเร็วกว่าแอปทั่วไป? (Technical Insights)
เบื้องหลังความแรงและเบาหวิวของ Pake คือการเปลี่ยนผ่านสถาปัตยกรรมจากยุค Electron มาเป็น Rust & Tauri ครับ
- Native WebView Engine: แทนที่จะแถม Browser Engine มาในแอป Pake เลือกใช้ Framework ของ Tauri ซึ่งจะวิ่งไปเรียกใช้งาน Webview Engine ที่ติดมากับระบบปฏิบัติการของคุณโดยตรง (เช่น WKWebView บน macOS, WebView2 บน Windows และ WebKitGTK บน Linux)
- Resource Optimization: ผลลัพธ์ที่ได้คือ ขนาดไฟล์ติดตั้งลดลงจาก
100MB เหลือเพียง **5MB+ (เล็กกว่าเดิมเกือบ 20 เท่า!)** ประมวลผลได้เร็วในระดับ Native Speed และที่สำคัญคือประหยัดพื้นที่หน่วยความจำ (RAM) บนเครื่องไปได้มหาศาล
🚀 วิธีใช้งาน 2 รูปแบบ: เลือกตามสไตล์คุณ
เราสามารถใช้งาน Pake ได้ 2 วิธีหลักๆ ครับ ใครที่เป็นสาย Dev ชอบรัน Command Line ทำบนเครื่องตัวเองได้เลย ส่วนใครสายแอปสำเร็จรูป ไม่อยากเซ็ตอัพ Environment ระบบ ก็สามารถสั่งบิลด์ออนไลน์ได้ฟรี!
วิธีที่ 1: สั่งบิลด์ด่วนผ่าน CLI (สำหรับ Developer)
ถ้าบนเครื่องของคุณมี Node.js อยู่แล้ว สามารถเปิด Terminal แล้วสั่งรันแบบด่วนผ่าน npx ได้ทันทีโดยไม่ต้องติดตั้งทูลลงเครื่องถาวร:
# สั่งรันผ่าน CLI แบบด่วน (ไม่ต้อง install ลงเครื่อง)
npx pake-cli
ตัวอย่างคำสั่งยอดฮิต:
# แปลงหน้าเว็บแบบเบสิกที่สุด
pake https://chatgpt.com
# แบบกำหนดชื่อแอป และแมปไฟล์ไอคอนเฉพาะ (.icns ของ Mac หรือ .ico ของ Windows)
pake https://notion.so --name NotionApp --icon ./notion.icns
# [สำหรับ Mac] ทำแถบ Title bar ให้โปร่งใสกลืนไปกับตัวแอป (Immersive Design)
pake https://linear.app --name Linear --transparent
เมื่อรันคำสั่งเสร็จ คุณจะได้ไฟล์ติดตั้งอย่าง .dmg (macOS) หรือ .exe (Windows) ออกมาในโฟลเดอร์ปัจจุบันพร้อมใช้งานทันที
Note สำหรับการบิลด์บนเครื่อง: เนื่องจากฐานของทูลเป็น Tauri เครื่องคุณจำเป็นต้องมี Dependencies พื้นฐาน เช่น Xcode Command Line Tools สำหรับ Mac หรือ C++ Build Tools สำหรับ Windows ก่อนนะครับ
วิธีที่ 2: สั่งบิลด์ออนไลน์ผ่าน GitHub Actions (ไม่ต้องโค้ด/ไม่ต้องลงโปรแกรม)
หากไม่อยากตั้งค่าระบบบนคอมพิวเตอร์ให้วุ่นวาย เราสามารถยืมแรงของระบบ CI/CD บน GitHub มาบิลด์ให้เราได้ฟรีๆ ผ่านภาพอินเตอร์เฟสของ GitHub Actions:
- ไปที่รีโป tw93/pake แล้วกด Fork ไปยังแอคเคาท์ของคุณเอง
- ไปที่แท็บ Actions ในรีโปที่คุณ Fork มา แล้วกดปุ่มเปิดใช้งาน (
Enable Actions) - ที่เมนูด้านซ้าย เลือกไอเทมแรกสุดที่ชื่อว่า
Build App With Pake CLI - มองหาปุ่มดรอปดาวน์
Run workflowทางด้านขวา แล้วกรอกข้อมูลเว็บที่คุณต้องการ:
- URL: ลิงก์เว็บปลายทาง (เช่น
[https://youtube.com](https://youtube.com)) - Name: ชื่อแอปที่คุณอยากตั้ง
- Target: ระบบปฏิบัติการที่ต้องการนำไปติดตั้ง (Windows, macOS, Linux)
- กดปุ่ม Run workflow สีเขียวเพื่อเริ่มบิลด์
ระบบจะใช้เวลาประมวลผลประมาณ 2-5 นาที เมื่อไอคอนสถานะเปลี่ยนเป็น สีเขียว (Success) ให้คลิกเข้าไปในงานนั้น แล้วเลื่อนลงไปด้านล่างสุดในหัวข้อ Artifacts คุณจะเจอไฟล์ติดตั้งสำเร็จรูปดาวน์โหลดไปกด Install บนเครื่องได้เลยครับ!
💡 ฟีเจอร์เสริมที่ทำให้รู้สึกเหมือน Native App จริงๆ
นอกจากเรื่องความเบาแล้ว Pake ยังแถมฟังก์ชันที่ช่วยยกระดับประสบการณ์การใช้งานบน Desktop มาให้อีกเพียบ:
- Desktop Shortcuts: รองรับคีย์ลัดพื้นฐานในการควบคุมหน้าเว็บ เช่น การซูมเข้า/ออก (Zoom), สั่งรีเฟรชหน้าเว็บ (Refresh) หรือย้อนกลับ (Back/Forward)
- Custom Customization: สามารถฉีด (Inject) สไตล์ด้วย Custom CSS หรือ Custom JS เข้าไปเพื่อบล็อกโฆษณา (Ad removal) หรือปรับแต่งหน้าตาเว็บให้เข้ากับโหมดมืด (Dark Mode) ตามใจชอบได้ด้วย
📝 สรุปส่งท้าย
Pake ถือเป็น Utility Tool ที่ตอบโจทย์ยุคนี้มากๆ ในการเปลี่ยน Web Apps ที่เราต้องใช้งานทุกวันให้กลายเป็น Lightweight Desktop Clients ที่อยู่บน Dock หรือ Taskbar ของเราได้อย่างไร้รอยต่อ โดยไม่ต้องแลกมาด้วยการเสียพื้นที่แรมหลักร้อยเมกะไบต์
ใครที่กำลังหาทูลสร้างแอปใช้เองแบบด่วนๆ หรืออยากสร้าง Client เฉพาะทางให้ระบบ Dashboard ภายในองค์กร แนะนำให้ลอง Fork โปรเจกต์นี้ไปเล่นกันดูครับ!
Link Source: GitHub - tw93/pake
Comments