เปลี่ยนเว็บแอปของคุณให้เป็นเดสก์ท็อปแอปด้วย Deno

ตอนนี้คุณสามารถสร้างเดสก์ท็อปแอปโดยใช้ Deno ได้แล้ว

Deno ไม่ได้เป็นเพียง runtime สำหรับเซิร์ฟเวอร์และสคริปต์อีกต่อไป Deno Desktop ช่วยให้คุณแพ็กแอปของคุณสำหรับ macOS, Windows และ Linux ได้ โดยที่คุณไม่จำเป็นต้องเรียนรู้ภาษาใหม่ และไม่จำเป็นต้องย้าย logic ฝั่ง backend ของคุณด้วย

หลักการทำงาน: แอปของคุณจะทำงานเหมือนเว็บแอป โดยคุณจะ serve HTML, CSS และ JavaScript ผ่าน Deno.serve() จากนั้น Deno จะเปิดแอปของคุณในหน้าต่างเดสก์ท็อปแบบ native

สถาปัตยกรรมนั้นเรียบง่าย: • หน้าต่างเดสก์ท็อป • Local webview • Deno.serve() • HTML และ API routes

ทำไมถึงควรใช้สิ่งนี้?

  • ใช้ standard browser APIs สำหรับ UI ของคุณ
  • ใช้ Deno APIs สำหรับ backend ของคุณ
  • สร้างด้วย TypeScript ได้ทันที
  • นำทักษะการพัฒนาเว็บมาใช้ซ้ำได้
  • ใช้ framework อย่าง Fresh, Astro หรือ Next.js

Deno Desktop อยู่ใน Deno 2.9 canary build คุณสามารถทดลองใช้งานได้แล้วตอนนี้

ทำตามขั้นตอนเหล่านี้เพื่อเริ่มต้น:

  1. อัปเกรดเป็นเวอร์ชัน canary: deno upgrade canary

  2. สร้างโปรเจกต์ของคุณ: mkdir deno-desktop-app cd deno-desktop-app touch main.ts

  3. เขียนเซิร์ฟเวอร์แบบง่ายใน main.ts:

Deno.serve((request) => {
  return new Response("<h1>Hello from Deno Desktop 👋</h1>", {
    headers: { "content-type": "text/html" },
  });
});
  1. รันเดสก์ท็อปแอปของคุณ: deno desktop main.ts

นี่เป็นเครื่องมือที่ยอดเยี่ยมสำหรับ internal tools, admin panels, developer tools และแอป AI แบบ local ซึ่งช่วยลดช่องว่างระหว่างการพัฒนาเว็บและเดสก์ท็อป

หากคุณรู้จัก JavaScript และ TypeScript คุณก็สามารถสร้างซอฟต์แวร์เดสก์ท็อปได้ตั้งแต่วันนี้

ที่มา: https://dev.to/marrouchi/turn-your-web-app-into-a-desktop-app-with-deno-2p7c