Push notifications on Google Chrome
-
Upload
gbolahan-alli -
Category
Technology
-
view
81 -
download
1
Transcript of Push notifications on Google Chrome
![Page 1: Push notifications on Google Chrome](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a2cfd11a28ab692e8b4d37/html5/thumbnails/1.jpg)
Push Notifications on Google ChromeGbolahan Alli@purple_heart_me
Google Developer Group, Ibadan
January, 2016
![Page 2: Push notifications on Google Chrome](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a2cfd11a28ab692e8b4d37/html5/thumbnails/2.jpg)
Google Chrome Browser
● Google Chrome is a freeware web browser[1] developed by Google.
● As of December 2015, StatCounter estimates that Google Chrome has a 58% worldwide usage share of web browsers as a desktop browser
● Also the most popular browser for smartphones, and combined across all platforms at about 45%
● Google Chrome is a port of Chromium
Download Google Chrome from https://www.google.com/chrome/
![Page 3: Push notifications on Google Chrome](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a2cfd11a28ab692e8b4d37/html5/thumbnails/3.jpg)
Push Notification … What is Push Notification all about ?
Push notifications allow your users to opt-in to timely updates from your web apps which would include using customized, engaging
content.●Available on Chrome 42 and above via the Push and Notification API’s
●Two sides to it
○ Client Side
■ Service Workers
■ Web App Manifests
○ Server Side
A server that sends out messages to the registered client.
![Page 4: Push notifications on Google Chrome](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a2cfd11a28ab692e8b4d37/html5/thumbnails/4.jpg)
Service Workers… What is this ?
●It is a type of web worker
●It is totally event-driven●It can outlive a user session
● It is a script that is generic
● It runs only at origin
Check out chrome://serviceworker-internals/ in your browser
![Page 5: Push notifications on Google Chrome](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a2cfd11a28ab692e8b4d37/html5/thumbnails/5.jpg)
Web App Manifests… What is this ?
●It is a type of JSON document ●Gives you control over how your
app appears to users●Allows you engage with your user
by adding your app to their homescreen
●It is lightweight●Provides information like app
name, author, icon and description
![Page 6: Push notifications on Google Chrome](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a2cfd11a28ab692e8b4d37/html5/thumbnails/6.jpg)
Codelabs !!! Codelabs !!! Codelabs !!!
1. Create a github page. e.g https://gdgibadan.github.io2. Open up your editor3. Create a simple project of your choice and let’s make it
implement Push notification
Client Side
![Page 7: Push notifications on Google Chrome](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a2cfd11a28ab692e8b4d37/html5/thumbnails/7.jpg)
● Installable web apps from Google Developers - https://goo.gl/RrL4XE
● Web Workers on W3School - http://goo.gl/1DKfS7 ● Service Worker API on Mozilla Developer Network -
https://goo.gl/qor35n ● W3C Web Manifest Working Draft - http://goo.gl/mxhoob ● Push Notifications on Open Web codelab from Google Developers -
https://goo.gl/kou8JT
Further reading
![Page 8: Push notifications on Google Chrome](https://reader035.fdocuments.us/reader035/viewer/2022062522/58a2cfd11a28ab692e8b4d37/html5/thumbnails/8.jpg)
Catch with GDG Ibadan activities on social media
F : www.facebook.com/gdgibadanT : www.twitter.com/gdgibadanF Groups : www.facebook.com/groups/gdgibadan G+ : www.bit.ly/gdgibadanplus