Visualizzazione risultati 1 fino 8 di 8

Discussione: notifiche web push con jquery

  1. #1
    Guest

    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 non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,064

    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
    Guest

    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 non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,064

    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
    Guest

    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 non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,064

    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
    Guest

    Predefinito

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

    ciao

  8. #8
    Guest

    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
  •