{"id":28498,"date":"2018-04-19T10:16:34","date_gmt":"2018-04-19T08:16:34","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=28498"},"modified":"2018-04-19T10:16:34","modified_gmt":"2018-04-19T08:16:34","slug":"service-workers","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2018\/04\/19\/service-workers\/","title":{"rendered":"Service Workers"},"content":{"rendered":"\n

\"\"<\/a><\/p>\n

A List Apart<\/a> runs an excellent article “Going Offline<\/a>“.\u00a0 In it, among other things, there’s one of the simplest explanations of the Service Workers<\/a> technology that I’ve seen so far:<\/p>\n

A service worker is like a cookie. Cookies are downloaded from a web server and installed in a browser. You can go to your browser\u2019s preferences and see all the cookies that have been installed by sites you\u2019ve visited. Cookies are very small and very simple little text files. A website can set a cookie, read a cookie, and update a cookie. A service worker script is much more powerful. It contains a set of instructions that the browser will consult before making any requests to the site that originally installed the service worker.<\/p>\n

A service worker is like a virus. When you visit a website, a service worker is surreptitiously installed in the background. Afterwards, whenever you make a request to that website, your request will be intercepted by the service worker first. Your computer or phone becomes the home for service workers lurking in wait, ready to perform man-in-the-middle attacks. Don\u2019t panic. A service worker can only handle requests for the site that originally installed that service worker. When you write a service worker, you can only use it to perform man-in-the-middle attacks on your own website.<\/p>\n

A service worker is like a toolbox. By itself, a service worker can\u2019t do much. But it allows you to access some very powerful browser features, like the Fetch API, the Cache API, and even notifications. API stands for\u00a0Application Programming Interface<\/i>, which sounds very fancy but really just means a tool that you can program however you want. You can write a set of instructions in your service worker to take advantage of these tools. Most of your instructions will be written as \u201cwhen this happens, reach for this tool.\u201d If, for instance, the network connection fails, you can instruct the service worker to retrieve a backup file using the Cache API.<\/p><\/blockquote>\n\n","protected":false},"excerpt":{"rendered":"\n

A List Apart runs an excellent article “Going Offline“.\u00a0 In it, among other things, there’s one of the simplest explanations of the Service Workers technology that I’ve seen so far: A service worker is like a cookie. Cookies are downloaded from a web server and installed in a browser. You can go to your browser\u2019s … Continue reading Service Workers<\/span><\/a><\/p>\n\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Service Workers #WebDev #JavaScript #browsers","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[20,1139,1330],"keyring_services":[],"class_list":["post-28498","post","type-post","status-publish","format-standard","hentry","category-general","category-programming","category-technology","category-web-work","tag-browsers","tag-javascript","tag-web-development"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t