{"id":62394,"date":"2016-10-20T09:04:24","date_gmt":"2016-10-20T09:04:24","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=62394"},"modified":"2017-10-13T08:25:29","modified_gmt":"2017-10-13T08:25:29","slug":"how-to-receive-push-notification-in-your-web-browser","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/","title":{"rendered":"How to receive push notification in your web browser"},"content":{"rendered":"

As all developers know we can push notifications in our mobile device even when our app is not running.<\/p>\n

We can do same in our web browser too.<\/p>\n

How is it possible to get notified even when our web page is not running in our web browser.<\/p>\n

There is a simple concept known as Service Worker. These service worker are like all time running observers which waits for notification. They work on behalf for your website which shows notification to you even when your site is not running.<\/p>\n

We know that today we have email, sms, newsletters and many more medium to connect to our users\u00a0but still we need more better way to connect to our users.<\/p>\n

Every technique have their own pros and cons. If we talk about Web Push notification, then there is one biggest advantage of web push notification. User gets immediately notified as when he\/she opens his\/her web browser. It is the quickest way to get notified.<\/p>\n

How to implement this feature in your webpage.<\/p>\n

You just have follow these simple steps to enable push notification on your web browser.<\/p>\n

    \n
  1. Register Service worker<\/li>\n
  2. Get GCM WebDesigned to work with the SSL certificate websites that means or FCM API key and create web app manifest.<\/li>\n
  3. Link manifest to your browser.<\/li>\n<\/ol>\n

    Step 1: How to Register service worker in web browser.<\/p>\n

        \r\n        if ('serviceWorker' in navigator) {\r\n            navigator.serviceWorker.register(sw.js).then(function(reg) {\r\n                reg.pushManager.subscribe({\r\n                    userVisibleOnly: true\r\n                }).then(function(subscription) {\r\n                    subscriber_id = subscription.endpoint.split(\"\/\").slice(-1)[0];\r\n                    endpoint = subscription.endpoint;\r\n                    save_end_point_for_later_use(reg_id,endpoint);\r\n                    \/\/ This is custom method which you will have to create yourself. \r\n                    \/\/ Hint: You can save endpoint detail in your db for later use\r\n                });\r\n            }).catch(function(error) {\r\n                console.log(error);\r\n            });\r\n        } else {\r\n        \talert('{__(\"service_workers_are_not_supported_in_this_browser\")}');\r\n        }\r\n\r\n<\/pre>\n
    Step 2: Goto\u00a0FCM console<\/a>\u00a0and create a project. Create manifest for your web site.<\/p>\n
       {\r\n     \"gcm_sender_id\": \"YOUR_GCM_SENDER_ID\",\r\n     \"name\": \"DEMO FOR PUSH NOTIFICATION\"\r\n   }\r\n\r\nFilename: manifest.json\r\n<\/pre>\n
    Step 3:\u00a0Link Manifest to your web site.<\/p>\n
    <link rel=manifest href=\"manifest.json\">\r\n\r\n<\/pre>\n
    Service worker content:<\/p>\n
    self.addEventListener('push', function(event) {\r\n    fetch('get_data.json', {\r\n        mode: 'cors'\r\n    }).then(function(response) {\r\n        return response.text();\r\n    }).then(function(ret_content) {\r\n        dataa = JSON.parse(ret_content);\r\n        return self.registration.showNotification(dataa.title, {\r\n            body: dataa.body,\r\n            icon: dataa.icon,\r\n            vibrate: 1,\r\n            data: dataa\r\n        });\r\n    });\r\n});\r\nself.addEventListener('notificationclick', function(event) {\r\n    var url = event.notification.data.target_url;\r\n    if(url){\r\n        event.notification.close();\r\n        event.waitUntil(clients.matchAll({\r\n            type: 'window'\r\n        }).then(function(windowClients) {\r\n            if (clients.openWindow) {\r\n                return clients.openWindow(url);\r\n            }\r\n        }));\r\n    }\r\n});\r\n<\/pre>\n
    get_data.json\u00a0returns json data which will be used by service worker.<\/p>\n
    To push you just need to hit a curl command:
    \nPHP code:<\/p>\n
    \t$fields = array(\r\n\t\t\t'to'           => USER_REGISTERED_ID,\r\n\t\t);\r\n\r\n\t\t$fcm_key = \"YOUR_FCM_API_KEY\";\r\n\r\n\t\t$headers = array(\r\n\t\t\t'Authorization: key=' . $fcm_key,\r\n\t\t\t'Content-Type: application\/json',\r\n\t\t);\r\n\t\t$ch = curl_init();\r\n\r\n\t\t\/\/ Set the url, number of POST vars, POST data\r\n\t\tcurl_setopt($ch, CURLOPT_URL, $url);\r\n\t\tcurl_setopt($ch, CURLOPT_POST, true);\r\n\t\tcurl_setopt($ch, CURLOPT_HTTPHEADER, $headers);\r\n\t\tcurl_setopt($ch, CURLOPT_RETURNTRANSFER, true);\r\n\r\n\t\tcurl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);\r\n\t\tcurl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($fields));\r\n\t\t$response = curl_exec($ch);\r\n\t\tcurl_close($ch);\r\n<\/pre>\n
    You can visit\u00a0Push Notification demo<\/a>\u00a0for working demo of push notification.<\/p>\n
    \nNote: Web push notification works only in localhost and SSL https enabled sites.\n<\/p>\n
    \n
    \n
    Support<\/strong><\/h3>\n<\/div>\n
    \n
    That\u2019s all for how to receive push notification in your web browser, still have any issue feel free to ask query.
    \nYou can comment or raise a ticket.
    \n
    \nhttps:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/
    \n<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    As all developers know we can push notifications in our mobile device even when our app is not running. We can do same in our web browser too. How is it possible to get notified even when our web page is not running in our web browser. There is a simple concept known as Service […]<\/a><\/p>\n","protected":false},"author":43,"featured_media":43102,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3809],"tags":[3811,2722,3812,590],"class_list":["post-62394","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-push","tag-cs-cart-web-push-notification","tag-push-notification","tag-web-push-notification","tag-webkul"],"yoast_head":"\nHow to receive push notification in your web browser - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Learn how to receive push notification in web browser. It is possible to get notified even when our web page is not running in our web browser.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to receive push notification in your web browser - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Learn how to receive push notification in web browser. It is possible to get notified even when our web page is not running in our web browser.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-20T09:04:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-10-13T08:25:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Himanshu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Himanshu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/\"},\"author\":{\"name\":\"Himanshu\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2651e4c0ff9e2fd3fc12abc5a2b48953\"},\"headline\":\"How to receive push notification in your web browser\",\"datePublished\":\"2016-10-20T09:04:24+00:00\",\"dateModified\":\"2017-10-13T08:25:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/\"},\"wordCount\":345,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png\",\"keywords\":[\"CS-Cart Web Push Notification\",\"push notification\",\"Web Push Notification\",\"webkul\"],\"articleSection\":[\"web push\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/\",\"name\":\"How to receive push notification in your web browser - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png\",\"datePublished\":\"2016-10-20T09:04:24+00:00\",\"dateModified\":\"2017-10-13T08:25:29+00:00\",\"description\":\"Learn how to receive push notification in web browser. It is possible to get notified even when our web page is not running in our web browser.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to receive push notification in your web browser\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2651e4c0ff9e2fd3fc12abc5a2b48953\",\"name\":\"Himanshu\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4e58109faa673633617ebdd443070d0cdfa1f57acb3ea0b732e10ad23c89f283?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4e58109faa673633617ebdd443070d0cdfa1f57acb3ea0b732e10ad23c89f283?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Himanshu\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/himanshu\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to receive push notification in your web browser - Webkul Blog","description":"Learn how to receive push notification in web browser. It is possible to get notified even when our web page is not running in our web browser.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/","og_locale":"en_US","og_type":"article","og_title":"How to receive push notification in your web browser - Webkul Blog","og_description":"Learn how to receive push notification in web browser. It is possible to get notified even when our web page is not running in our web browser.","og_url":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-10-20T09:04:24+00:00","article_modified_time":"2017-10-13T08:25:29+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png","type":"image\/png"}],"author":"Himanshu","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Himanshu","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/"},"author":{"name":"Himanshu","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2651e4c0ff9e2fd3fc12abc5a2b48953"},"headline":"How to receive push notification in your web browser","datePublished":"2016-10-20T09:04:24+00:00","dateModified":"2017-10-13T08:25:29+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/"},"wordCount":345,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png","keywords":["CS-Cart Web Push Notification","push notification","Web Push Notification","webkul"],"articleSection":["web push"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/","url":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/","name":"How to receive push notification in your web browser - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png","datePublished":"2016-10-20T09:04:24+00:00","dateModified":"2017-10-13T08:25:29+00:00","description":"Learn how to receive push notification in web browser. It is possible to get notified even when our web page is not running in our web browser.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/03\/Code-Snippet.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-receive-push-notification-in-your-web-browser\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to receive push notification in your web browser"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2651e4c0ff9e2fd3fc12abc5a2b48953","name":"Himanshu","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4e58109faa673633617ebdd443070d0cdfa1f57acb3ea0b732e10ad23c89f283?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4e58109faa673633617ebdd443070d0cdfa1f57acb3ea0b732e10ad23c89f283?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Himanshu"},"url":"https:\/\/webkul.com\/blog\/author\/himanshu\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/62394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=62394"}],"version-history":[{"count":28,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/62394\/revisions"}],"predecessor-version":[{"id":99383,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/62394\/revisions\/99383"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/43102"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=62394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=62394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=62394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}