notifiche web push con jquery

03-12-2017, 17.16.47

Salve a tutti sto provando ad integrare le notifiche push su chrome utilizzando questo plugin jquery easyNotify.js (link con spiegazione e tutto a questo link https://www.jqueryscript.net/other/j...y-js.html)come punto di partenza ma sto incontrando diversi problemi.

Il risultato finale dovrebbe far apparire notifiche in automatico del tuo sito web anche se stanno visitando un'altra pagina da desktop e dovrebbe far apparire delle notifiche come quelle delle app da smartphone un servizio di esempio già esistente è https://pushassist.com/ ma a me interessa più capire il meccanismo e crearne uno mio spero di essere stato chiaro grazie e buona giornata

**alemoppo** · 03-12-2017, 18.06.02

Semplicemente la notifica avviene quando richiami:

Codice:

$("#easyNotify").easyNotify(options);

Con options che contiene il testo etc etc come spiegato nella pagina da te linkata.

Non ho capito il tuo dubbio. Magari mostra un tuo script che non funziona.

Ciao!

03-12-2017, 19.21.40

Buonasera @alemoppo

allora questo è lo script nel head che chiama Jquery e il plugin

Codice HTML:

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="easyNotify.js"></script>

questo è il div che ho inserito nel body

Codice HTML:

<div id="easyNotify"></div>

e questo è il js

Codice HTML:

<script>
var myFunction = function() {
  alert('Click function');
};
var myImg = "https://unsplash.it/600/600?image=777";

$(document).ready(function() {

  var options = {
    title: "description",
    options: {
      body: "testo allinterno",
      icon: myImg,
      lang: 'en-US',
      onClick: myFunction
    }
  };
  console.log(options);
  $("#easyNotify").easyNotify(options);
});
</script>

Grazie

**alemoppo** · 03-12-2017, 19.28.20

Non è necessario inserire il div.
Hai messo nella stessa directory del file il file "easyNotify.js"? Puoi linkarmi la pagina non funzionante?

Ciao!

03-12-2017, 20.05.35

si il file è nella stessa directory.
questa è la pagina http://sitodiprova1927.altervista.or...est/prova.html ora è vuota perchè sto cercando di farlo funzionare cosi non rischio di impicciarmi

grazie

**alemoppo** · 03-12-2017, 20.24.07

Il tuo codice è funzionante: su firefox funziona. Su chrome no. Ho fatto delle prove e a me funziona soltanto in https.

Quindi:

Rimuovi alla prima riga il <h1 (non è questo il motivo per cui non funziona, ma meglio essere precisi :) )
Codice:
```
<h1<!DOCTYPE html>
```

includi jquery in https, ad esempio con:

Codice:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Apri la tua pagina in https

Fammi sapere.

Ciao!

03-12-2017, 20.48.23

mi stanno attivando il servizio https appena fatto ti faccio sapere grazie dell'aiuto

ciao

04-12-2017, 02.18.16

Ok ora con il servizio https funziona anche a me quindi la fase 1 è ok

la fase due sarebbe capire come usare le notifiche fuori dal sito web, tipo oggi Marco visita il sito e dopo un giorno mentre sta navigando su un'altro sito gli appare una notifica qualsiasi che lo invita a compiere un'azione.

Quindi dare un id all'utente e inserire un timer, tutto salvato nel browser tipo cookie, non sono sicuro di quello che ho scritto ma fammi sapere se è possibile o se hai un'idea

grazie e buona serata

Discussione: notifiche web push con jquery

LinkBack

Strumenti discussione

Display

notifiche web push con jquery

Regole di scrittura