{"id":141,"date":"2025-11-03T12:39:49","date_gmt":"2025-11-03T06:54:49","guid":{"rendered":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/?p=141"},"modified":"2025-11-03T12:39:49","modified_gmt":"2025-11-03T06:54:49","slug":"firebase","status":"publish","type":"post","link":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/2025\/11\/03\/firebase\/","title":{"rendered":"Firebase"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-13.png\" alt=\"\" class=\"wp-image-87\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Push Notification Setup<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, go to the <a href=\"https:\/\/firebase.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Firebase Console<\/a> and sign in with your email account and go to the console.<\/li>\n\n\n\n<li>Then Create A project by your app name.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-14.png\" alt=\"\" class=\"wp-image-88\" style=\"width:382px;height:auto\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>To get the FCM API <\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Project Overview<\/strong> > <strong>Project Settings<\/strong> > <strong>General<\/strong> > <strong>Project ID<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-15.png\" alt=\"\" class=\"wp-image-89\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-16.png\" alt=\"\" class=\"wp-image-92\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Copy your project ID. In this example, it is <strong>topstories<\/strong>.<\/li>\n\n\n\n<li>Your FCM API URL will look like this: <code><strong>https:\/\/fcm.googleapis.com\/v1\/projects\/topstories\/messages:send<\/strong><\/code> Replace <strong>t<code>opstories<\/code> <\/strong>with your actual project ID.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">How to get Service Account Key Configuration JSON<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, go to the <a href=\"https:\/\/firebase.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Firebase Console<\/a> and sign in with your email account and go to the console.<\/li>\n\n\n\n<li>Click on the project you have just created or create a new one.<\/li>\n\n\n\n<li>Go to <strong>Project Overview<\/strong> > <strong>Project Settings<\/strong> > <strong>Cloud Messaging<\/strong> and click on <strong>Manage Service Accounts<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-17.png\" alt=\"\" class=\"wp-image-95\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the three dots and click on <strong>Manage Details<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-18-1024x424.png\" alt=\"\" class=\"wp-image-96\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>KEYS Tab<\/strong> and click on <strong>create new key<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-19.png\" alt=\"\" class=\"wp-image-97\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose <strong>JSON<\/strong> and click on <strong>create<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-20.png\" alt=\"\" class=\"wp-image-98\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A <strong>.json<\/strong> file will be downloaded. Save it in a secure location, then open the file and copy its contents.<\/li>\n\n\n\n<li>Paste the whole json data in <strong>Service Account Key Configuration JSON<\/strong> and click on update.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Push Notification Setup To get the FCM API How to get Service Account Key Configuration JSON<\/p>\n","protected":false},"author":1,"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,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-141","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/posts\/141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/comments?post=141"}],"version-history":[{"count":1,"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/posts\/141\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/posts\/141\/revisions\/142"}],"wp:attachment":[{"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/media?parent=141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/categories?post=141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/online-shop-docs\/wp-json\/wp\/v2\/tags?post=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}