What PWA Can Do Today - สิ่งที่ PWA ทำได้ในตอนนี้

 (whatpwacando.today)
20 คะแนน โดย GN⁺ 2024-01-09 | 3 ความคิดเห็น | แชร์ทาง WhatsApp

ความสามารถของ PWA ที่ใช้งานได้ในตอนนี้

  • PWA (Progressive Web App) คือเว็บไซต์ที่สามารถติดตั้งลงในอุปกรณ์และมอบประสบการณ์แบบแอปได้
  • แอปนี้เป็น PWA ซึ่งสามารถติดตั้งบนหน้าจอหลักของอุปกรณ์มือถือหรือเดสก์ท็อปได้
  • หลังติดตั้งแล้ว สามารถดูเดโมความสามารถด้านล่างเพื่อดูว่าฟีเจอร์ใดบ้างที่อุปกรณ์ของคุณรองรับ

ความสามารถ

  • การจับภาพสื่อ: เว็บแอปสามารถใช้กล้องและไมโครโฟนของอุปกรณ์ได้
  • การระบุตำแหน่งทางภูมิศาสตร์: ผู้ใช้สามารถแชร์ตำแหน่งของตนกับเว็บแอปได้
  • การแจ้งเตือน: เว็บแอปสามารถแสดงการแจ้งเตือนได้แม้ตอนที่แอปไม่ได้เปิดใช้งานอยู่
  • การเลือกผู้ติดต่อ: สามารถเลือกผู้ติดต่อของผู้ใช้ได้
  • การแชร์ผ่านเว็บ: สามารถเรียกใช้กลไกการแชร์เริ่มต้นของอุปกรณ์ และแชร์ข้อความ, URL หรือไฟล์ได้
  • การยืนยันตัวตน: รองรับการยืนยันตัวตนแบบไม่ใช้รหัสผ่านผ่านเครื่องสแกนลายนิ้วมือหรือกุญแจความปลอดภัย USB ภายนอก
  • ระบบไฟล์: สามารถเข้าถึงระบบไฟล์บนอุปกรณ์ของผู้ใช้ได้
  • การตรวจจับบาร์โค้ด: สามารถตรวจจับบาร์โค้ดและ QR โค้ดจากภาพได้
  • การตรวจจับใบหน้า: สามารถตรวจจับใบหน้าจากภาพได้
  • การสั่น: สามารถสั่งให้อุปกรณ์มือถือสั่นได้
  • การบันทึกเสียง: สามารถบันทึกและแสดงผลเสียงแบบภาพได้
  • เสียง: สามารถแสดงตัวควบคุมการเล่นสื่อบนหน้าจอล็อกของอุปกรณ์ได้
  • การซิงก์เบื้องหลัง: สามารถเลื่อนงานออกไปตอนออฟไลน์ และให้ทำงานเมื่อการเชื่อมต่อเครือข่ายกลับมาอีกครั้ง
  • การดาวน์โหลดแพตช์เบื้องหลัง: สามารถดาวน์โหลดไฟล์ขนาดใหญ่ในเบื้องหลังได้แม้แอปไม่ได้ทำงานอยู่
  • Capture Handle: เว็บแอปสำหรับจับภาพหน้าจอสามารถสื่อสารกับเว็บแอปที่ถูกจับภาพได้อย่างน่าเชื่อถือ
  • Storage API: เว็บแอปสามารถจัดเก็บข้อมูลแบบมีโครงสร้างไว้ในเบราว์เซอร์ของผู้ใช้อย่างถาวรได้
  • Bluetooth: เว็บแอปสามารถเชื่อมต่อกับอุปกรณ์ BLE และอ่านหรือเขียนค่าได้
  • NFC: เว็บแอปสามารถอ่านและเขียนแท็ก NFC ได้
  • Augmented Reality / Virtual Reality: สามารถวางวัตถุเสมือนลงในโลกจริงได้
  • การชำระเงิน: สามารถชำระเงินบนเว็บด้วยบัตรเครดิต, Apple Pay หรือ Google Pay ได้
  • Wake Lock: สามารถป้องกันไม่ให้หน้าจอมืดหรือล็อกเมื่อแอปจำเป็นต้องทำงานต่อเนื่อง
  • ทิศทาง: ให้ข้อมูลเกี่ยวกับทิศทางทางกายภาพของอุปกรณ์ผู้ใช้
  • การเคลื่อนไหว: ให้ข้อมูลเกี่ยวกับความเร็วของการเปลี่ยนแปลงตำแหน่งและทิศทางของอุปกรณ์ผู้ใช้
  • ข้อมูลเครือข่าย: ให้ข้อมูลเกี่ยวกับการเชื่อมต่อของอุปกรณ์ เพื่อให้เว็บแอปปรับฟังก์ชันตามคุณภาพเครือข่ายได้
  • การสังเคราะห์เสียงพูด: แปลงข้อความเป็นเสียงพูด และทำให้โปรแกรมสามารถอ่านข้อความได้
  • การรู้จำเสียงพูด: สามารถรู้จำบริบทของเสียงจากอินพุตเสียงพูดได้
  • มัลติทัช: สามารถจับการสัมผัสที่ซับซ้อนได้

วิธีเปิดใช้งานเซ็นเซอร์

  • วิธีเปิดใช้งานเมื่อไม่สามารถใช้เซ็นเซอร์การเคลื่อนไหวบนอุปกรณ์ได้
  • iOS: ใช้กับ iOS 12 เท่านั้น อาจต้องลบแอปออกจากหน้าจอหลักแล้วเพิ่มใหม่เพื่อให้การเปลี่ยนแปลงมีผล
  • Android: เปิดไซต์นี้ในเบราว์เซอร์ Chrome บน Android แล้วแตะ 'เซ็นเซอร์การเคลื่อนไหว' จากเมนูหลักเพื่อเปิดใช้งาน

ความเห็นของ GN⁺

  • PWA เป็นเทคโนโลยีนวัตกรรมที่มอบประสบการณ์คล้ายเนทีฟแอปให้ผู้ใช้ ขณะเดียวกันก็ใช้เทคโนโลยีเว็บเพื่อมอบการเข้าถึงและความเข้ากันได้ที่กว้างกว่า
  • บทความนี้แนะนำความสามารถของ PWA ที่หลากหลาย โดยเฉพาะฟีเจอร์อย่างการจับภาพสื่อ, การระบุตำแหน่งทางภูมิศาสตร์ และการซิงก์เบื้องหลัง ซึ่งเป็นความสามารถสำคัญที่ช่วยยกระดับประสบการณ์ผู้ใช้บนมือถือได้มาก
  • การให้วิธีเปิดใช้งานเซ็นเซอร์ถือเป็นข้อมูลที่มีประโยชน์ ซึ่งช่วยให้ผู้ใช้สามารถใช้ความสามารถทั้งหมดของ PWA บนอุปกรณ์ของตนได้อย่างเต็มที่

บทความที่เกี่ยวข้อง

3 ความคิดเห็น

 
pmc7777 2024-01-10

ฉันตั้งตารอวันที่ PWA จะเปลี่ยนตลาดสโตร์บนมือถือได้จริง ๆ มาก!
 
anjin225 2024-01-09

ถ้ารองรับ url scheme ได้ก็น่าจะดีกว่านี้นะ 555.. น่าเสียดาย
 
GN⁺ 2024-01-09
ความเห็นจาก Hacker News
  • ผู้ใช้รายหนึ่งกล่าวว่าพวกเขากำลังแจกจ่าย PWA (Progressive Web Apps) ไปยังอุปกรณ์ iPad และ Surface Go ผ่าน Microsoft InTune ให้กับลูกค้า โดยราวปี 2020 มันเหมือนฝันร้าย แต่ตอนนี้ลื่นไหลขึ้นมาก ลูกค้ารายหนึ่งเสนอเวิร์กโฟลว์ที่ปรับปรุงแล้ว โดยย้ายจาก iPad ไปเป็น Surface Go และใช้การจัดการเอ็นด์พอยต์เพิ่มเติมเพื่อทำให้ประสบการณ์ PWA คล้ายโหมดคีออสก์มากขึ้น ข้อจำกัดที่ใหญ่ที่สุดสำหรับพวกเขาคือคุณภาพของกล้องที่หันไปยังสภาพแวดล้อมและระดับการเข้าถึงความสามารถของกล้องผ่านเบราว์เซอร์ โดย iOS/Safari เคยอ่อนมากในช่วงแรก แต่ตอนนี้ดีขึ้นมากแล้ว ตอนนี้สามารถสแกนสภาพแวดล้อมความละเอียด 2k ที่ 30fps ด้วยกล้องหลังของ iPad ผ่าน Safari ได้ และการสแกนบาร์โค้ด 2D กับการจับภาพเอกสารก็ใช้งานได้จริง 100% ความสามารถเหล่านี้ในอดีตเคยทำให้เดโมผลิตภัณฑ์ไม่น่าไว้วางใจมาก แต่ตอนนี้ไม่กังวลแล้ว พวกเขาเกือบจะต้องกลับไปทำแอป iOS แบบเนทีฟเพราะปัญหากล้อง แต่การต้องดูแลเนทีฟ build chain ในสภาพแวดล้อมที่เป็น Microsoft 100% ซึ่งไม่ใช่ iOS นั้นเป็นภาระหนักมาก ในอดีตพวกเขาเคยเซ็น enterprise IPA ให้ลูกค้ามาครึ่งทศวรรษ แต่ตอนนี้เปลี่ยนมาเป็นเว็บ/PWA แล้ว และยืนยันว่าถ้าเว็บหายไป พวกเขาก็คงต้องไปหาอาชีพและงานอดิเรกอื่นแทน
  • ผู้ใช้อีกรายระบุว่าเป้าหมายหลักของ PWA คือการส่งมอบแอปข้ามแพลตฟอร์ม ดังนั้นจึงน่าเสียดายที่เว็บไซต์ไม่ได้แสดงให้เห็นอย่างเด่นชัดว่าฟีเจอร์ใดบ้างที่รองรับแบบ "สากล" บน iOS และ Android หากฟีเจอร์หนึ่งไม่สามารถใช้ได้บนทุก/เกือบทุกแพลตฟอร์ม ก็ไม่ยุติธรรมที่จะบอกว่ามันใช้งานได้จริงใน PWA
  • ผู้ใช้อีกรายชี้ว่าขนาดเดโมไซต์ของ PWA เองก็ยังมีบั๊ก UX ที่สังเกตได้ชัดบน iOS โดยกล่าวถึงปัญหาแอนิเมชันซ้ำซ้อนเมื่อปัดจากขอบหน้าจอทั้งสองด้านเพื่อย้อนกลับ/ไปข้างหน้า การแก้ปัญหานี้อาจง่ายเพียงแค่ปิดการทำงานของแอนิเมชันสไลด์ของหน้า แต่ผู้สร้างไซต์อาจไม่รู้ตัวหรือไม่ใส่ใจ และ Apple ก็มีส่วนรับผิดชอบบางส่วน โดยตามอุดมคติควรมีอินเทอร์เฟซที่เหมาะกับงานมากกว่านี้เพื่อให้ตรวจจับและปรับแต่ง native swipe gesture ได้
  • ผู้ใช้รายหนึ่งวิจารณ์ผู้ใช้บางคนในชุมชน Hacker News ที่ทิ้งคำวิจารณ์เสียมารยาทราวกับว่าไม่แน่ว่าผู้สร้างเว็บไซต์จะได้มาเห็นคอมเมนต์ ทั้งที่การยอมรับคำวิจารณ์ต่อผลงานที่นำออกสู่สาธารณะอาจเป็นสิ่งจำเป็น แต่ก็บอกว่านี่คือเหตุผลที่คนนอกชุมชนนี้ไม่ชอบให้ผลงานของตนถูกแชร์ที่นี่ หรืออย่างน้อยก็ไม่อยากอ่านคอมเมนต์
  • ผู้ใช้รายหนึ่งกล่าวว่าหวังให้ Firefox บนเดสก์ท็อปเข้าร่วมกับเบราว์เซอร์ที่รองรับ PWA พวกเขากำลังสร้างแอปที่เน้น PWA เป็นอันดับแรก แต่โดยทั่วไปนั่นหมายความว่าผู้ใช้ต้องรัน Chrome instance หาก Firefox ทำให้การผสานรวม PWA ลื่นไหลกว่า Chrome ได้ ก็จะเป็นเหตุผลให้พวกเขาแนะนำแอปนี้
  • ผู้ใช้อีกรายอ้างว่าปัญหาทางเทคนิคหลักที่ขัดขวางการยอมรับ PWA คือโลกของ JS frontend เสพติด frontend framework ที่ทำลาย UX นอกจากนี้ยังกล่าวว่า app store มอบคุณค่าหลักบางอย่างที่ PWA จะไม่มีวันมีได้ โดยเฉพาะเรื่องความน่าเชื่อถือซึ่งแข็งแกร่งกว่ามากใน iOS App Store
  • ผู้ใช้รายหนึ่งกล่าวว่าหากไซต์นี้เป็นเดโมที่ตั้งใจแสดงศักยภาพของ PWA ได้ดี มันก็ดูเหมือนล้มเหลวสำหรับพวกเขา โดยชี้ว่ามันโหลดช้า มีฟีเจอร์/ความสามารถมากมายที่พวกเขาไม่ต้องการ และเกิดการนำทางซ้ำเมื่อพยายามปัดเพื่อย้อนกลับ
  • ผู้ใช้อีกรายกล่าวว่าจะรอจนกว่า PWA บน iOS จะลงทะเบียนเป็นเป้าหมายการแชร์ได้ พวกเขาต้องการฟังก์ชันที่ทำให้แอปปรากฏใน share sheet เมื่อกด "แชร์" บนหน้าเว็บ
  • ผู้ใช้รายหนึ่งกล่าวว่าการมีเพียง bug tracker โดยไม่มีซอร์สโค้ดใน GitHub repository นั้นไม่ค่อยดีนัก และอ้างว่าหากต้องการโปรโมต PWA อย่างจริงจัง ก็ควรเปิดซอร์สโค้ดทั้งหมด
  • สุดท้าย ผู้ใช้รายหนึ่งกล่าวว่าฟีเจอร์หลายอย่างของแอปเดโมไม่ทำงานบน iOS 17 พร้อมประชดว่านี่คงเป็นแบบที่ Apple ต้องการ ตรงกันข้าม พวกเขาได้ลองใช้ Eclipse Emulator PWA บน iOS มาหลายวันแล้วและมันทำงานได้ดีมาก ปัญหาเดียวที่พบจนถึงตอนนี้คือเสียงกระตุกตอนอีมูเลต SNES