{"id":10169,"date":"2021-06-25T10:00:20","date_gmt":"2021-06-25T01:00:20","guid":{"rendered":"https:\/\/www.gigas-jp.com\/appnews\/?p=10169"},"modified":"2021-06-24T21:58:57","modified_gmt":"2021-06-24T12:58:57","slug":"laravel-8-push-notification-using-firebase2","status":"publish","type":"post","link":"https:\/\/www.gigas-jp.com\/appnews\/archives\/10169","title":{"rendered":"Laravel 8 Push Notification using Firebase[2]"},"content":{"rendered":"\n

Here is final part how to do push notification using Firebase.Let’s start it.<\/font><\/font><\/p>\n\n\n\n

Get Firebase Cloud Messaging (FCM) Server Key<\/h4>\n\n\n\n

This step will show how to get FCM key and Firebase web app’s configuration credentials.<\/p>\n\n\n\n

Then firstly go to the Firebase site and we need to create a project.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Then add your notification app name for adding Firebase to web app.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Then copy the Firebase configuration keys, and this will help to connect laravel to Firebase.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Next, go to the project dashboard setting and copy the sever key and paste in HomeController of SERVER_API_KEY variable in sendNotification() function. Next step create the controller and let’s add the key.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Create Route<\/h4>\n\n\n\n

We need to do some of routes to store token and send push notification so let’s add our routes in web.php.<\/font><\/font><\/p>\n\n\n\n

routes\/web.php<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Create Controller<\/h4>\n\n\n\n

Here, we need add saveToken() and sendNotification() method for admin route in HomeController.<\/p>\n\n\n\n

app\/Http\/Controllers\/HomeController.php<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Then update the home.blade.php<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

In the final step, we have to create head over to a public folder and create a new firebase-messaging-sw.js file; this file holds the web push notification configurations.<\/p>\n\n\n\n

public\/firebase-messaging-sw.js<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Finally, to see the push notification results we need to execute php artisan serve<\/strong> command. Next we will do register, signed-in and then click on the allow notification button, it will generate the device id, also add push notification title and body in the given form.<\/p>\n\n\n\n

we will receive notification as like bellow:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

By Ami<\/p>\n

\n
<\/g:plusone><\/div>\n
\"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"<\/a>