การพัฒนา Windows 10 - แพลตฟอร์มเว็บ

ใน Windows 10 นักพัฒนาสามารถสร้างแอปพลิเคชัน Universal Windows Platform (UWP) ได้ง่ายมากและโฮสต์เว็บไซต์ของตนบนแอปพลิเคชันนั้นซึ่งสามารถเผยแพร่ไปยัง Windows Store เพื่อดาวน์โหลดได้

ข้อดี

  • ด้วยคุณสมบัติใหม่นี้ใน Windows 10 นักพัฒนาเว็บสามารถแปลงส่วนประกอบของเว็บไซต์เป็นแอพ Windows ได้อย่างง่ายดาย

  • อย่างไรก็ตามส่วนประกอบเหล่านั้นทั้งหมดจะยังคงโฮสต์จากระยะไกลบนเว็บเซิร์ฟเวอร์ของตนเอง

  • นอกจากนี้พวกเขายังสามารถเข้าถึง API สากลซึ่งจะช่วยให้นักพัฒนาสามารถเข้าถึงสิ่งดีๆเช่นการแจ้งเตือนกล้องปฏิทิน Cortana และอื่น ๆ

Microsoft หวังว่าคุณสมบัติและความสามารถนี้จะดึงดูดนักพัฒนาให้เขียนแอพสำหรับแพลตฟอร์ม Windows 10 ได้มากขึ้นซึ่งรวมถึง

  • Desktops
  • Smartphones
  • Xbox
  • Tablets
  • HoloLens และอุปกรณ์อื่น ๆ

ปัจจุบันมีปัญหาเดียวกับคุณลักษณะนี้นั่นคือความปลอดภัย เห็นได้ชัดว่า Microsoft ต้องการแก้ไขปัญหานี้โดยเร็วที่สุด

ให้เราเข้าใจด้วยความช่วยเหลือของตัวอย่างที่เราจะโฮสต์เว็บไซต์และแปลงเว็บไซต์นั้นเป็นแอป Windows

ทำตามขั้นตอนที่กำหนดด้านล่าง

  • สร้าง Universal Windows Project ใหม่จาก File > New > Project.

  • เลือก JavaScript > Windows > Universal จากบานหน้าต่างด้านซ้ายของโครงการใหม่และกล่องโต้ตอบ

  • จากบานหน้าต่างตรงกลางให้เลือก Blank App (Universal Windows).

  • เขียนในช่องชื่อ UWPWebApp แล้วคลิกไฟล์ OK ปุ่ม.

  • หากคุณดูที่ไฟล์ Solution Explorer คุณจะเห็นไฟล์และโฟลเดอร์บางส่วน

  • ลบไฟล์ css, js, WinJS โฟลเดอร์และไฟล์ default.htmlเนื่องจากในตัวอย่างนี้เราเพิ่งโฮสต์เว็บไซต์และเราถือว่าเนื้อหาทั้งหมดอยู่บนเซิร์ฟเวอร์ระยะไกล ดังนั้นเราจึงไม่ต้องการไฟล์ภายในเครื่องส่วนใหญ่

  • หลังจากลบไฟล์และโฟลเดอร์ดังกล่าวข้างต้นแล้วให้ดับเบิลคลิกที่ไฟล์ package.appxmanifest และคุณจะเห็นหน้าต่างต่อไปนี้

  • ตอนนี้ระบุ URL ของเว็บไซต์โดยแทนที่ไฟล์ default.htmlในฟิลด์หน้าเริ่มต้นตาม URL เพื่อวัตถุประสงค์ในการสาธิตเราจะใช้ URLhttps://www.google.com.pk/ เว็บไซต์.

  • ตอนนี้ไปที่ Content URIs และกำหนดกฎและสิทธิ์การเข้าถึงสำหรับเว็บแอปของคุณ

  • ในฟิลด์ URI ระบุลิงค์เว็บไซต์ของคุณจากนั้นเลือก Include จาก Rule dropdown และ All จาก WinRT Access.

  • เมื่อคุณเรียกใช้แอปพลิเคชันนี้คุณจะเห็นหน้าเริ่มต้นของ Google บนแอปของคุณดังที่แสดงด้านล่าง