ส่งการแจ้งเตือนแบบเบราว์เซอร์ด้วย Push.js

แอพมือถือเนทีฟได้รับการสนับสนุนเสมอ แจ้งเตือนผลักดัน. แต่การแจ้งเตือนเหล่านี้หายไปจากเว็บจนกระทั่ง API การแจ้งเตือน โผล่ขึ้นมา.

API การแจ้งเตือน ทำงานผ่าน JavaScript. จะช่วยให้คุณ ส่งการแจ้งเตือนแบบพุช โดยตรงไปยังคอมพิวเตอร์ของผู้ใช้ผ่านหน้าต่างเบราว์เซอร์ มันไม่ใช่เรื่องยากที่จะตั้งมันด้วยตัวคุณเอง แต่ทำไมต้องคิดค้นล้อใหม่?

Push.js คือ ห้องสมุดการแจ้งเตือนฟรี ที่จัดการฟีเจอร์การแจ้งเตือนแบบพุชพื้นฐานทั้งหมดด้วย JavaScript สองสามบรรทัด.

การแจ้งเตือนบนเบราว์เซอร์เหล่านี้ยังคงใหม่มากและมีวิธีดำเนินการก่อนที่จะจับ ผู้ใช้จำเป็นต้อง อนุญาตการแจ้งเตือนจากบางเว็บไซต์ ก่อนที่พวกเขาจะปรากฏดังนั้นหากผู้ชมของคุณไว้วางใจเว็บไซต์ของคุณแล้วมันอาจเป็นเรื่องยากที่จะทำให้คนยอมรับ.

แต่วิธีที่ดีที่สุดในการเรียนรู้คือการลองดูว่าเกิดอะไรขึ้น คุณสามารถส่งลิงค์ผู้เยี่ยมชมไปยังโพสต์บล็อกล่าสุดของคุณหรือข้อมูลเกี่ยวกับการอัปเดตใหม่ ๆ ไปยังเว็บไซต์หรือแม้แต่การร้องขอเพื่อลงทะเบียนรับจดหมายข่าวของคุณ และด้วย Push.js มันเป็นเรื่องง่ายที่จะทำงานนี้.

คุณสามารถดาวน์โหลดห้องสมุดได้จาก NPM หรือ ซุ้มไม้ในสวน, หรือเพียงแค่คว้ามันโดยตรง จาก GitHub.

จากนั้นคุณ เพิ่ม JavaScript พื้นฐานบางอย่าง ไปที่หน้าของคุณเพื่อสร้างการแจ้งเตือนแบบพุช หากผู้ใช้ยอมรับคำขอจากเว็บไซต์ของคุณพวกเขาจะได้รับการแจ้งเตือนใหม่ทั้งหมดที่คุณส่งอย่างสม่ำเสมอ สวยเท่ห์!

คุณสามารถตั้งค่าส่วนหัวการแจ้งเตือนเนื้อหาหลักและคุณสมบัติอื่น ๆ เช่นเวลาปิดอัตโนมัติ.

นี่คือ ตัวอย่างโค้ด จากเว็บไซต์ Push.js:

 Push.create ("Hello world!", body: "มันเป็นอย่างไร", ไอคอน: 'icon.png', หมดเวลา: 4000, onClick: function () window.focus (); this.close () ;); 

คุณ ไม่จำเป็นต้องรู้จาวาสคริปต์มากนัก เพื่อให้ห้องสมุดนี้ทำงานบนไซต์ของคุณ หากคุณเพียงแค่คัดลอก / วางหรือทำงานผ่านเอกสารคุณควรมีการแจ้งเตือนแบบพุชในเวลาไม่ถึง 15 นาที.

ทุกคนไม่ชอบการแจ้งเตือนเบราว์เซอร์เหล่านี้และห้องสมุดนี้จะไม่มีประโยชน์ในทุกเว็บไซต์ แต่ถ้าคุณยินดีที่จะลองใช้งานมันเป็นเรื่องง่ายในการตั้งค่าและจะทำให้การแจ้งเตือนแบบพุชเป็นเรื่องง่ายขึ้นมาก.