Push notifications on Google Chrome
Download as PPTX, PDF0 likes184 views
Push notifications allow users to opt-in to timely updates from web apps using customized content. There are client-side and server-side aspects to push notifications. On the client-side, service workers and web app manifests are used. Service workers are a type of web worker that can outlive a user session. Web app manifests provide metadata to control how an app appears and allow engaging users by adding the app to their home screen. The presentation provided code labs and resources for implementing push notifications using service workers and web app manifests on the client-side.
![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/](https://image.slidesharecdn.com/pushnotificationsongooglechrome-170205184344/85/Push-notifications-on-Google-Chrome-2-320.jpg)
Push notifications on Google Chrome
- 1. Push Notifications on Google Chrome Gbolahan Alli @purple_heart_me Google Developer Group, Ibadan January, 2016
- 2. 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/
- 3. 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
- 4. 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
- 5. 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
- 6. Codelabs !!! Codelabs !!! Codelabs !!! 1. Create a github page. e.g https://gdgibadan.github.io 2. Open up your editor 3. Create a simple project of your choice and let’s make it implement Push notification Client Side
- 7. ● 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
- 8. Catch with GDG Ibadan activities on social media F : www.facebook.com/gdgibadan T : www.twitter.com/gdgibadan F Groups : www.facebook.com/groups/gdgibadan G+ : www.bit.ly/gdgibadanplus
Editor's Notes
- #3: Chromium is the open-source web browser project from which Google Chrome draws its source code.[4] The browsers share the majority of code and features, though there are some minor differences in features and they have different licensing.
- #4: I’ll handle the client side aspect while Olanrewaju would handle creating a server for sending the push notification
- #5: A web worker is JavaScript that runs in the background, independently of other scripts, without affecting the performance of the page. You can continue to do whatever you want: clicking, selecting things, etc., while the web worker runs in the background.
- #6: Read more at : https://developer.mozilla.org/en-US/docs/Web/Manifest http://www.w3.org/TR/appmanifest/