hii subrat , I am using angular 5 and service worker is working fine in my browser but while requesting for Subscription browser not providing endPoint,p256dh and auth in console
@deepeshgupta9313
4 жыл бұрын
You are great. You explained each and every topic very clearly. Thanks a lot Sir.
@shaikshavalisyed2012
Жыл бұрын
Excellent about the PWA SWPush.
@shaikshavalisyed2012
Жыл бұрын
Thanks for all the pwa..great videos.
@EzequielRegaldo
3 жыл бұрын
Dude, love your videos, THANK YOU SO MUCH
@vigneshs2600
2 жыл бұрын
Is that possible to make interactive push notification without server worker
@SiddharthRay1
3 жыл бұрын
I am able to receive notification payload but no chrome notification/ chrome banner coming on my machine or my phone, I have deployed in firebase and checked but banner not coming, I can see notification data only in console log.
@eddiecruz1719
6 ай бұрын
Where is the part where you have backend sending data the angular service that is listening. is there a curl command or...
@FunOfHeuristic
6 ай бұрын
In the description you can find the BE repo link, we are using web-push here
@javidg4197
3 жыл бұрын
hi bro sendNotifiation func is nt working in terminal i get "UnhandledPromiseRejectionWarning: WebPushError: Received unexpected response code" due to tis im nt getting my notification
@smitamishramishra5975
4 жыл бұрын
Very informative
@vikasnigam9646
3 жыл бұрын
Thanks a lot for explaining .. WOuld it be possible to provide an example of receiving notification from JAVA Spring Boot API. I am not a JAVA guy but need a small e.g of Java sidde example of how to push it to the client service worker
@LauraRodriguez-cx3ij
3 жыл бұрын
does anyone else have this error? Access to fetch at 'fcm.googleapis.com/fcm/send/c940Z9gKMC4:APA' from origin 'https:/*myweb*.app' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.
@andiamocarservice6663
2 жыл бұрын
Hi, Subeat, have you managed to do the full one with database ?
@manusaxena4555
3 жыл бұрын
thanks very much and please make next video on how to push data in db and fetch from db and call another api while using push notification
@datakosongan9173
3 жыл бұрын
I have tried SwPush on Angular with your tutorial and it worked. But why don't notifications appear on the smartphone screen? does it only work on the desktop only? I have activated all permissions on the smartphone and have tried to activate notifications but still when doing the app.js node only on the desktop display that appears and not on the cellphone. I hope you reply to this message :)
@FunOfHeuristic
3 жыл бұрын
Have you hosted your site with https(SSL).
@jaydeepdhimate4940
4 жыл бұрын
Can you please make end to end video on push notifications using firebase in angular
@FunOfHeuristic
4 жыл бұрын
Ya I will 😊
@alexanderleonardo5649
3 жыл бұрын
Hi, i tried to do web push notification in Angular when the browser is closed but its not working. Are you having the same behaviour?
@FunOfHeuristic
3 жыл бұрын
If you have a process of your browser running in the background you should get the notification, normally in windows when you close the browser it's kills all the process that may be the reason.
@manojradharapu1800
4 жыл бұрын
how to get the web-push valid-keys programmatically in component.ts without using command ??????????????? in angular
@FunOfHeuristic
4 жыл бұрын
You should not generate vapid key in ui as it contains private key and which is required to send the notification. It can only be done in be.
@norbertcsibi7720
Жыл бұрын
We learnt how we uge piost nocitification guys, sanke you. I`ll uge this in my plozect
@alexandercodes
3 жыл бұрын
this is amazing
@manojradharapu1800
4 жыл бұрын
UnhandledPromiseRejectionWarning: Error: The subscription p256dh value should be 65 bytes long. ... i am getting this error
@FunOfHeuristic
4 жыл бұрын
Please check your client details and try again.
@shivanidhende5229
3 жыл бұрын
I am getting the same error and also i am not getting my client values ,can you help?
@anantshekhar698
3 жыл бұрын
you have hardcoded the value of public key in frontend but public key value changes everytime we run the server..So are we supposed to make a get call to fetch public value from server first??
@FunOfHeuristic
3 жыл бұрын
Yes you need to update the client key in server (user details) on successful registration in ui.
@anantshekhar698
3 жыл бұрын
@@FunOfHeuristic Hey Thanks for the reply.. but i wanted to ask will these private key and public key values change everytime we push a notification or they are generated only one time for single project?
@FunOfHeuristic
3 жыл бұрын
For private and public vapid key can be created once and you can use the same but the client endpoint may change.
@anantshekhar698
3 жыл бұрын
@@FunOfHeuristic if client registers from one system and logins from another system so are we supposed to store clients end points everytime in database??
@FunOfHeuristic
3 жыл бұрын
Yes, even if same system but a different browser.
@asifmulla9308
3 жыл бұрын
Hello Sir. I am testing the push web notification on ios safari phone. but it getting an error. but its working on andoroid. ios error - TypeError undfined is not an object ( evaluting t.subscribe)
@FunOfHeuristic
3 жыл бұрын
Can you please check with chrome with iOS.
@asifmulla9308
3 жыл бұрын
@@FunOfHeuristic Thank sir for reply. but in safari Getting error.
@FunOfHeuristic
3 жыл бұрын
Yes, in iOS safari it is not supported till now.
@asifmulla9308
3 жыл бұрын
@@FunOfHeuristicOk thank you Sir. can you show how to add icon for ios PWA app.
@asifmulla9308
3 жыл бұрын
@@FunOfHeuristic Its getting same error.
@wuxinyang1797
2 жыл бұрын
Hi Sir, it will be great if we can do a full circle send notification from UI to save it in db and gets a notification for user in UI as well from push api
@FunOfHeuristic
2 жыл бұрын
Hello Wuxin Yang, i Will do this in near future.
@lohithkarlapudi
3 жыл бұрын
hi subrat, i am getting the following error while running the app.js file in the server , can you pleas ehelp me here? the error is "Error sending notification, reason: Error: The subscription p256dh value should be 65 bytes long"
@FunOfHeuristic
3 жыл бұрын
Please check you are entering the correct client details, p256dh is a client details
@lohithkarlapudi
3 жыл бұрын
@@FunOfHeuristic I am doing that, but still the same issue, i am following you tutorial as it is.
@lohithkarlapudi
3 жыл бұрын
Hey Subrat, you were right! its working!! thanks for the wonderful demo! Please do keep creating content! Awesome Work
@pianoshaman2807
3 жыл бұрын
Hi Subrat, thanks for the great tutorial. Will this work on both Safari app for ios and chrome app for android? I am building an Angular PWA at the current moment.
@FunOfHeuristic
3 жыл бұрын
For safari iOS it's yet to come, but it will work with chrome in iOS and in android it will work 🙂
@pianoshaman2807
3 жыл бұрын
@@FunOfHeuristic Thanks!
@anil2009
4 жыл бұрын
Hey Subrat why can't you make production grade application playlist. Take your own time but make a big application
@FunOfHeuristic
4 жыл бұрын
Ya that's a good plan
@tusharmittal4443
2 жыл бұрын
Hi subrat, nice content on KZitem till now for push notifications..just wandering how to achieve push notification in angular using spring as backend..I am still want service worker as if application is close i can receive notifications..any idea?
@FunOfHeuristic
2 жыл бұрын
Spring boot has same maven dependency for web-push you can use that, front end side will be remain same
@tusharmittal4443
2 жыл бұрын
@@FunOfHeuristic thanku so much for responding back...can you please tell me how to target specific user..like by seeing your video its browser dependent like browser have endpoint...but we want to send specific user specific message ..how to achieve that
@FunOfHeuristic
2 жыл бұрын
All push message is to a browser, app or some specific id, so you need to store all the client unique key and either send the notification to all or can ask user to set primary device.
@tusharmittal4443
2 жыл бұрын
@@FunOfHeuristic thnku so much
@tusharmittal4443
2 жыл бұрын
please try to make a full video for push notifications including database also..btw nice content bro
@kyathamdeepak9525
3 жыл бұрын
Please make full video on web push notifications server to client client to server
@SudhanshuRamTripathi
4 жыл бұрын
Thanks 😊 In my case I'm getting multiLingual_key for notification and then want to translate it in current language. and then I want to show notification to user. Do you know, how can I achieve that?
@FunOfHeuristic
4 жыл бұрын
The text in the notification will appear according to the payload so according to me if you are sending the payload by changing the language then the text will be of that language.
@SudhanshuRamTripathi
4 жыл бұрын
@@FunOfHeuristic My Questions is. I want to show notification after some manipulation ( get translated value inside app components) and then want to show notification. this.swPush.message.subscription((message) => { // Here I'll get notification data, and want to make some changes in data. // and then I want to show notification. After this block of code execute. }) . is it possible? and many thanks for you Response man 🙇♂️🙇♂️
@FunOfHeuristic
4 жыл бұрын
Hi @Sudhanshu Tripathi this is possible but with the push event by the service worker (javaScript) the swPush is a wrapper to that. in vanilla js you can achieve the same.
@SudhanshuRamTripathi
4 жыл бұрын
@@FunOfHeuristic thanks a lot🙇♂️🙇♂️
@AkshitSylvester
4 жыл бұрын
Please show that saving keys of subscription to the database with the express , mongoose and mongo atlas
@FunOfHeuristic
4 жыл бұрын
I will make one video
@AkshitSylvester
4 жыл бұрын
@@FunOfHeuristic and please include how to send the notification to the specific subscriber only
@Giri_Girish
3 жыл бұрын
sir make a video to retrieve the data from database
@prabhakaransuyambukesan1392
3 жыл бұрын
if i convert angular app to android app the pwa i have used will work on android app or not,please tell me
@FunOfHeuristic
3 жыл бұрын
It will not be a Android app it will be a progressive web app and yes it will work in android.
@prabhakaransuyambukesan1392
3 жыл бұрын
@@FunOfHeuristic bro my question is i have converted my angular app to android app(.apk) so please tell me its work or not now actually.
@prabhakaransuyambukesan1392
3 жыл бұрын
@Fun Of Heuristic please reply
@FunOfHeuristic
3 жыл бұрын
Have you used Trusted Web Activity, followed all the steps correctly
@matheus80463
3 жыл бұрын
Is it possible use web push in IOS? I tried and doesn´t work.
@FunOfHeuristic
3 жыл бұрын
It should work as safari support push notification, but user need to allow the push notifications.
@matheus80463
3 жыл бұрын
@@FunOfHeuristic ok Thanks. I will try
@raif4851
3 жыл бұрын
is it working when tab is closed or browser is closed? i think i works when only tab is cloesed ?
@FunOfHeuristic
3 жыл бұрын
It will work even if browser is closed.
@raif4851
3 жыл бұрын
@@FunOfHeuristici have tried this in react but it didnt work when i closed browser , by the way thanks for answer :)
@FunOfHeuristic
3 жыл бұрын
@@raif4851 even if you close your browser then there should be some instances of chrome in your process, if that is running then you should get the notification.
@raif4851
3 жыл бұрын
@@FunOfHeuristic Unfortunately I could not do this, it works only when browser is open, and i dont know how to do it in react, i couldnt any thing on the internet
@FunOfHeuristic
3 жыл бұрын
Hello @Raif, yes in windows if you close the browser all the process will also be closed, thats the reason you are not able to see the notification. For mac and mobile it's different
@studiooversound6597
4 жыл бұрын
error : Service workers are disabled or not supported by this browser
@FunOfHeuristic
4 жыл бұрын
Which browser you are using, if it's an older one please update.
@studiooversound6597
4 жыл бұрын
@@FunOfHeuristic in chrome latest version and M Edge same issue. I'm using Angular 8 and running the application with ng serve
@FunOfHeuristic
4 жыл бұрын
It will work only in production, so you can strat a http-server in the dist folder/ your application, that's what I am doing in the video.
@studiooversound6597
4 жыл бұрын
@@FunOfHeuristic thanks its works
@studiooversound6597
4 жыл бұрын
@@FunOfHeuristic have a video to store it on DB in server
@manojradharapu1800
4 жыл бұрын
UnhandledPromiseRejectionWarning: WebPushError: Received unexpected response code at IncomingMessage. (F:\AngularChallenge\FunOFHeroistic\web-push ode_modules\web-push\src\web-push-lib.js:347:20) at IncomingMessage.emit (events.js:205:15) at endReadableNT (_stream_readable.js:1154:12) at processTicksAndRejections (internal/process/task_queues.js:74:11) (node:7756) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1) in node i am facing this issue , any clue
Please check, the end point should be set to webPush, and check the vapid key as well, and client details (it will be unique for each browser, give your client details)
@manojradharapu1800
4 жыл бұрын
@@FunOfHeuristic Thanks for the video ..... it is working now Great FunofHeuristic..
@sonaiyamonika7229
3 жыл бұрын
Hello sir, I liked your video it helped me a lot, if you have further steps of subscription for notifications swpush please give me the link
@FunOfHeuristic
3 жыл бұрын
I will try to make an application which will have all the flow, like saving user with the client details, and sending them notification with other user action.
@sonaiyamonika7229
3 жыл бұрын
Hello sir, I am getting error like , webpusherror : received unexpected response code...just after following your steps..can you please help on that
@FunOfHeuristic
3 жыл бұрын
@@sonaiyamonika7229 check your push message payload, what you are sending to the notification.
@sonaiyamonika7229
3 жыл бұрын
I am just sending data as you sent
@pankajshiva8434
3 жыл бұрын
23 89 aa aana I have to say aaaa
@pankajshiva8434
3 жыл бұрын
Aa
@dinysanchez
4 жыл бұрын
Hi Subrat, awesome content you have here! Been looking around to find a good solid ngsw swpush tutorial. Do you have any advice on implementing this with firebase? Once again good job on the content and thank you! 😄
Пікірлер: 107