web push notification

para el client que recibira las notificaciones

https://www.blog.plint-sites.nl/progressive-web-app-using-vue-cli-3/

hay que crear un archivo en la raiz del proyecto llamado .env

con las sgts variables:

VUE_APP_VAPID_PUBLIC_KEY=la que se haya generado en el backend
VUE_APP_API_PATH=http://127.0.0.1:8000/api

recordar que para que funcione se debe levantar la version en produccion, es decir

1) para generar la carpeta dist
npm run build
2) para levantar el servidor (previamente instalar globalmente el comando serve:

npm install -g serve )
serve -s dist
3) en el navegador ingresar http://127.0.0.1:5000/

aunque se puede abrir la pagina a traves de http://localhost:5000 cuando se envien las push notifications no las lee.

en el  backend:
https://www.blog.plint-sites.nl/how-to-add-push-notifications-to-a-progressive-web-app/?fbclid=IwAR0Ts7ydULV0DairqZaSxoeBA5cl-husEXtx2HwTfnj3B-WRWPUxJywY5iw

instalar Cors
https://github.com/barryvdh/laravel-cors

y crear la tabla de notifications

php artisan make:migration create_notifications_table

  $table->uuid('id')->primary();
            $table->string('type');
            $table->morphs('notifiable');
            $table->text('data');
            $table->timestamp('read_at')->nullable();
            $table->timestamps();

y el controller

php artisan make:controller NotificationController

No hay comentarios:

Publicar un comentario

linux ubuntu mint actualizar chrome

 desde una terminal: $ sudo apt update $ sudo apt install google-chrome-stable