Progressive Web App (PWA)


Tutorial Progressive Web App (PWA)

Messaggio Da Niko Dom 17 Gen 2021 - 21:25

Progressive Web App (PWA)


Al fine di mantenere una comunicazione dinamica con la sua comunità, Forumotion ha sviluppato funzionalità in modo che i suoi membri possano rimanere in contatto. Questo tutorial presenta l'applicazione web mobile e progressiva dedicata a ogni forum sotto forma di Progressive Web App (PWA).

Definizione di una Progressive Web App (PWA)

La Progressive Web App (#PWA) è un'applicazione dedicata al 100% al tuo forum. Combina le migliori funzionalità presenti sui browser Web moderni con i vantaggi e l'esperienza utente ottimale offerti dalle applicazioni mobili.

Le PWA hanno molti vantaggi per il tuo forum: installazione possibile da un cellulare o da un PC senza dover passare per un app store, l'applicazione è dedicata esclusivamente al tuo forum, caricamento veloce, pagine sicure, notifiche push , icona attiva la schermata iniziale del tuo cellulare (o tablet) per accedere al forum, visualizzazione a schermo intero, ...

La PWA è una tecnologia recente le cui funzionalità offerte sono gestite direttamente dai browser. Ma non tutti i browser sono allo stesso livello (vedi questo articolo per maggiori dettagli). Su Google Chrome, tutte le funzionalità sono gestite. Su altri browser è in fase di integrazione. Non dovremmo quindi aspettarci di avere lo stesso comportamento su tutti i browser web e mobili.

Attiva e configura la Progressive Web App (PWA) del mio forum

Tutti i forum Forumotion incorporano nativamente la tecnologia PWA . Tuttavia, per un funzionamento ottimale della tecnologia, si consiglia di attivare il protocollo HTTPS sul proprio forum utilizzando un pacchetto Progressive Web App (PWA) 4248107041 o Progressive Web App (PWA) 2315798971

Pannello di amministrazione ► Moduli ► Applicazioni mobili - PWA: l'app dedicata al tuo forum

Progressive Web App (PWA) 01-08-13

  1. Nome breve : nome di 15 caratteri che verrà visualizzato sulla versione mobile del tuo forum, invitando il membro ad aggiungere il tuo forum alla schermata principale. Puoi, ad esempio, inserire il nome del tuo forum;

  2. Nome dell'applicazione : il nome dell'applicazione verrà visualizzato quando il membro fa clic sul nome breve del tuo forum per confermare la visualizzazione del tuo supporto sulla schermata iniziale del cellulare;

  3. Icona del forum : L'icona rappresenta l'applicazione del tuo forum sulla schermata iniziale del tuo cellulare o le notifiche push sul computer. La dimensione consigliata per l'icona è 512 x 512 pixel;

  4. Colore Barra degli strumenti: imposta il colore della barra degli strumenti del browser dell'applicazione sui dispositivi Android;

  5. Colore di sfondo della pagina iniziale : consente di definire il colore di sfondo della pagina iniziale dell'applicazione, durante il caricamento dei dati.


Installa PWA

1. Installazione della PWA su dispositivo mobile

La configurazione della PWA su dispositivo mobile è semplice e veloce. Quando un utente Internet visita un forum Forumattivo, viene visualizzato un inserto che propone di installare l'applicazione:

Se l'utente clicca su "Aggiungi", una finestra di dialogo chiederà conferma per avviare la procedura di installazione:

Inizierà il download dell'applicazione, che richiede solo pochi secondi. Una volta completato, l'icona dell'applicazione verrà installata nella schermata principale del tuo cellulare:

L'utente può quindi aprire l'applicazione e connettersi al tuo forum! Una volta connesso al forum tramite l'applicazione, potrà ricevere le notifiche Push (fare riferimento al punto successivo di questo tutorial).

2.Installazione della PWA sul browser

Quando un membro si connette a un forum Forumattivo, appare un inserto per richiedere la visualizzazione delle notifiche:
Progressive Web App (PWA) 02-08-12

Cliccando su "Autorizza", il membro riceverà notifiche push da detto forum (fare riferimento al punto successivo di questo tutorial).

Gestisci le notifiche

Possono essere configurati dal centro notifiche nel profilo di ogni membro: Profilo ► Notifiche
Progressive Web App (PWA) 02-08-13

Una volta effettuate le impostazioni, riceverai direttamente le notifiche push .

  • Su un cellulare :
    Progressive Web App (PWA) L21010

  • Sul forum:
    Progressive Web App (PWA) L11010


Disinstallare il PWA

1. Disinstallazione della PWA sul cellulare


Per disinstallare la PWA sul cellulare, elimina semplicemente l'app dal tuo cellulare. Pertanto, non riceverai più notifiche push . Tuttavia, accedendo al forum tramite cellulare, l'inserto che ti offre di installare l'applicazione verrà visualizzato nuovamente se desideri reinstallarlo.

2. Disinstallazione PWA del browser


Per disinstallare la PWA basata su browser, è sufficiente fare clic sul lucchetto di sicurezza nella barra degli indirizzi o accedere alle impostazioni del browser e annullare l'autorizzazione:
Progressive Web App (PWA) 02-08-14



Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9007
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/

A guur non piace questo messaggio.

Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.