Visualizzazione risultati 1 fino 8 di 8

Discussione: notifiche web push con jquery

  1. #1
    sitodiprova1927 non  connesso Utente giovane
    Data registrazione
    08-08-2017
    Messaggi
    39

    Predefinito notifiche web push con jquery

    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

  2. #2
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    8,258

    Predefinito

    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!
    Ultima modifica di alemoppo : 03-12-2017 alle ore 18.39.53

  3. #3
    sitodiprova1927 non  connesso Utente giovane
    Data registrazione
    08-08-2017
    Messaggi
    39

    Predefinito

    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

  4. #4
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    8,258

    Predefinito

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

    Ciao!

  5. #5
    sitodiprova1927 non  connesso Utente giovane
    Data registrazione
    08-08-2017
    Messaggi
    39

    Predefinito

    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

  6. #6
    L'avatar di alemoppo
    alemoppo  connesso ora Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    8,258

    Predefinito

    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!
    Ultima modifica di alemoppo : 03-12-2017 alle ore 20.25.59

  7. #7
    sitodiprova1927 non  connesso Utente giovane
    Data registrazione
    08-08-2017
    Messaggi
    39

    Predefinito

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

    ciao

  8. #8
    sitodiprova1927 non  connesso Utente giovane
    Data registrazione
    08-08-2017
    Messaggi
    39

    Predefinito

    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

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •