PWA Prompt

pwa-prompt.js

var deferredPrompt
// Event นี้จะเกิดขึ้นตอนที่ Banner จะโผล่ขึ้นมา
window.addEventListener('beforeinstallprompt', e => {
  
  // บังคับไม่ให้ Banner ของ Browser ทำงาน
  e.preventDefault();
  
  // เก็บตัวแรก event ไว้ใช้ต่อ
  deferredPrompt = e;
  
  // สร้าง function add to home screen สำหรับ display Banner ของเราขึ้นมาเอง
  showAddToHomeScreen();
})

// สร้าง Dialog สำหรับถาม user ขึ้นมาแล้วตั้ง id ขอปุ่ม เป็น accept-btn
document.getElementById('#accept-btn').addEventListener("click", () => {
  // ถ้า user ตกลง ก็ให้ แสดง dialog ของ Browser กลับขึ้นมาอีกทีนึง
  deferredPrompt.prompt();
})

ขอบคุณครับ