{"id":86,"date":"2025-01-10T10:40:17","date_gmt":"2025-01-10T10:40:17","guid":{"rendered":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/?p=86"},"modified":"2025-01-10T11:01:18","modified_gmt":"2025-01-10T11:01:18","slug":"firebase","status":"publish","type":"post","link":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/2025\/01\/10\/firebase\/","title":{"rendered":"Firebase"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"333\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-13.png\" alt=\"\" class=\"wp-image-87\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-13.png 880w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-13-300x114.png 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-13-768x291.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"816\" height=\"562\" 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\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-14.png 816w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-14-300x207.png 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-14-768x529.png 768w\" sizes=\"auto, (max-width: 816px) 100vw, 816px\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"209\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-15.png\" alt=\"\" class=\"wp-image-89\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-15.png 430w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-15-300x146.png 300w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"292\" height=\"50\" 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 loading=\"lazy\" decoding=\"async\" width=\"991\" height=\"345\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-17.png\" alt=\"\" class=\"wp-image-95\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-17.png 991w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-17-300x104.png 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-17-768x267.png 768w\" sizes=\"auto, (max-width: 991px) 100vw, 991px\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"424\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-18-1024x424.png\" alt=\"\" class=\"wp-image-96\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-18-1024x424.png 1024w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-18-300x124.png 300w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-18-768x318.png 768w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-18.png 1081w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"459\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-19.png\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-19.png 480w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-19-300x287.png 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/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 loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"279\" src=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-20.png\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-20.png 544w, https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-content\/uploads\/sites\/71\/2025\/01\/image-20-300x154.png 300w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/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":"closed","ping_status":"closed","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-86","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/posts\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":6,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":209,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/posts\/86\/revisions\/209"}],"wp:attachment":[{"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/htmldesigntemplates.com\/top-stories-docs\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}