Categorie
5 Altre funzionalità dell'app Guida lamiaapp.shop Uncategorized

Pubblicare e aggiornare la mia progressive web app

Pubblicazione della Progressive Web App – Informazioni generali

1. Che cos’é la PWA?

 
Le Progressive Web App funzionano su qualsiasi dispositivo e hanno la capacità di adattarsi totalmente allo schermo su cui vengono visualizzate. La PWA é sviluppata con tecnologie web ed è accessibile da tutti i browser web. Pertanto, é compatibile con tutti i dispositivi mobile (in particolare telefoni Windows, Blackberry o tutti gli altri dispositivi, anche se non utilizzano la tecnologia iOS o Android), nonché su desktop (computer). La PWA non viene pubblicata sullo Store come le app native. Viene pubblicata sul web come un sito web tradizionale.
 
  • È possibile inviare notifiche push su PWA.
  • La Progressive Web App può essere indicizzata dai motori di ricerca.
  • Le Progressive Web Ap possono essere installate direttamente sulle schermate della home degli utenti senza dover scaricare nulla o passare attraverso gli store.

2. Pubblica la tua Progressive Web App (PWA)

 
1. Vai al menu Pubblica > PWA> Pubblica  
2. Attiva il pulsante sotto “Attiva la Progressive Web App
3. Fai clic sul pulsante blu “Pubblica la mia Progressive Web App” o “Rigenera la mia Progressive Web App” se la tua PWA é stata già pubblicata prima . 

Potrebbe richiedere alcuni minuti, è il comportamento normale.
 
Secondo le impostazioni predefinite, la tua applicazione web è accessibile a partire da questa URL: https://<appname>.goodbarber.app ma puoi (e dovresti) personalizzare questa URL (per sapere come fare, leggi l’Online help).

3. Disattiva la tua Progressive Web App

 
Se non vuoi renderla accessibile ai tuoi utenti:
1. Vai al menu Pubblica > PWA > Pubblica
2. Ruota il pulsante indicato su OFF.
3. Seleziona la pagina a cui desideri che i tuoi utenti vengano reindirizzati quando provano ad accedere all’URL della tua versione PWA:

Sotto il bottone viene visualizzato un menu che scorre dove potrai selezionare la pagina sulla quale verranno reindirizzati gli utenti che tenteranno di accedere all’URL della tua versione web app.

Page 404 non trovata: L’utente verrà indirizzato verso una pagina che visualizza “Error 404 – The requested URL was not found on this server”.

Pagina di accesso al back office: L’utente verrà reindirizzato alla pagina di accesso al tuo back office, dove normalmente inserisci il tuo nome utente e la password.

– Scarica l’app nativa: L’utente verrà diretto verso lo store corrispondente al tipo di dispositivo utilizzato (l’App Store per gli utenti iOS, il Play Store per gli utenti Android, se hai sottoscritto l’offerta per app native).

4. Reindirizza i tuoi utenti mobile dal tuo sito Web esterno alla tua PWA creata con GoodBarber

 
Segui questi passaggi solo se è stato creato un sito Web fuori da GoodBarber, diverso da GoodBarber PWA.

Per reindirizzare automaticamente i tuoi utenti utilizzando un dispositivo mobile, dal tuo sito Web esterno (creato all’esterno da GoodBarber) alla tua PWA:
1. Vai al menu Pubblica > PWA > Pubblica
2. Copia il codice fornito nel tuo back office
3. Incollalo nel tag “head” del tuo sito Web esterno (creato all’esterno da GoodBarber).

 

Aggiornamenti della Progressive Web App

Le modifiche apportate alla PWA (Progressive Web App) non richiedono tutte lo stesso processo di aggiornamento:
– Alcune modifiche richiedono l’aggiornamento delle impostazioni dal back office in modo che siano visibili nella PWA.
– Alcune modifiche richiedono di generare (costruire) l’app dal tuo back office per essere visibili nella tua PWA.
– Alcuni aggiornamenti dei contenuti sono gestiti automaticamente dalla piattaforma sulla tua PWA.

1. Aggiorna le impostazioni della Progressive Web App (PWA)

 
Una volta che la Progressive web app è stata generata almeno una volta, la maggior parte delle modifiche richiede solo un aggiornamento delle impostazioni per essere visibile nell’app.

Ci riferiamo a questa operazione come alla pubblicazione delle Impostazioni dell’app.

Questo aggiornamento manuale è necessario ad esempio nelle seguenti situazioni *:
– Aggiunta, eliminazione, spostamento, modifica delle impostazioni o design di una sezione
– Attivazione o modifica di alcuni add-on (Funzionalità utente ,Local Business, Monetizzazione, Servizi Live …)
* Questo elenco non è esaustivo.

1: Vai al menu a sinistra: Pubblica > PWA > Aggiornare  (piano PWA).
2: Le linee verdi sono modifiche visibili solo nell’anteprima del back office.
3: Clicca sul pulsante verde “Aggiorna” per applicare tali impostazioni alla PWA già pubblicata.

Come leggere questa pagina:
1: Data dell’ultimo aggiornamento delle impostazioni (le modifiche in verde). Tutte le modifiche apportate prima di tale data sono già visibili nella tua PWA. Tutte le modifiche apportate dopo tale data sono elencate di seguito e visibili solo nel back office.
2: Numero di modifiche ancora da aggiornare.
3: Elenco delle modifiche organizzate per data.
4: Dettaglio delle modifiche apportate in una data specifica, dopo aver cliccato su “Visualizzare i dettagli”.
5: Pulsante Aggiorna.

Cliccando su tale pulsante verranno pubblicate tutte le modifiche elencate nella pagina e saranno immediatamente visibili nella tua PWA.
Dovrai chiudere e riaprire l’app per visualizzarle.

2. Aggiornamenti che richiedono una nuova compilazione della PWA

 
Alcune modifiche richiedono di rigenerare (ricostruire) una nuova versione dell’app per essere visibili nella PWA.

Questo aggiornamento manuale è necessario ad esempio nelle seguenti situazioni *:
– Aggiunta del tuo App ID Facebook
– Implementazione di una nuova funzionalità
* Questo elenco non è esaustivo.

1. Attiva la tua PWA dal menu Pubblica > PWA > Pubblica
2. Vai al menu a scorrimento di sinistra Pubblica > PWA > Aggiornare
3. Selezione sulla scheda “Motore Progressive Web App
4. Clicca sul pulsante “Rigenera la mia Progressive Web App” per aggiornare all’ultima versione della tua PWA
ATTENZIONE: la rigenerazione dell’app aggiorna tutte le modifiche del menu Impostazioni (modifiche in verde che abbiamo menzionato nel primo paragrafo).

Come leggere questa pagina:
1: Data dell’ultimo aggiornamento al motore della tua Progressive Web App.
2: Aggiornamenti effettuati nel tuo back office che richiedono una rigenerazione (ricostruzione) della PWA per poter essere implementati nella versione della PWA pubblicata (impostazioni push, ID Facebook, ecc.)
3: Aggiornamenti del motore effettuati dal team tecnico di GoodBarber. Richiedono una rigenerazione (ricostruzione) della PWA per essere implementate nella PWA pubblicata (bug fix, nuova funzionalità, ecc.)
4: Pulsante “Rigenera la mia Progressive Web App“.

3. Aggiornamenti automatici del contenuto

 
Alcuni aggiornamenti dei contenuti vengono automaticamente applicati alla versione della PWA pubblicata, senza aggiornare le impostazioni o rigenerare la PWA.

– Sincronizzazione di contenuti provenienti da una fonte esterna:
Prendiamo l’esempio di un sito web WordPress collegato all’app utilizzando il plugin WordPress.
Dopo aver creato e impostato la tua sezione (questo richiede un aggiornamento delle Impostazioni) il contenuto creato sul tuo sito web WordPress verrà automaticamente sincronizzato nella tua app. Ogni nuovo articolo pubblicato sul tuo sito web apparirà nell’app senza che tu faccia nulla.
Il comportamento è lo stesso per tutti i connettori di contenuto che utilizzano una fonte esterna (YouTube, feed RSS, Podcast …).

– Aggiunta di nuovi contenuti alle sezioni CMS:
Una volta creata la sezione CMS e impostata (richiede un aggiornamento delle impostazioni), ogni nuovo contenuto pubblicato nella sezione CMS (articolo, foto, video, audio, mappa, evento) sarà visibile nell’app senza altre azioni al di fuori della pubblicazione nella sezione.

* Questo elenco non è esaustivo.
Categorie
5 Altre funzionalità dell'app Guida lamiaapp.shop Uncategorized

Anteprima back office

Anteprima back office

Offriamo diversi modi per visualizzare in anteprima le modifiche nel frattempo che lavori sulla tua app.
Le anteprime consentono di vedere immediatamente le modifiche * apportate al tuo back office.

* Queste modifiche saranno visibili solo per i tuoi utenti, una volta che li hai aggiornati nel menu Pubblica > Piattaforma (PWA o iOS o Android) > Aggiorna

L’app MyGoodBarber, per avere un’anteprima precisa della versione nativa dell’app per iOS o Android.
– L’anteprima del back office visibile dalla colonna principale del tuo back office (basata sulla versione Progressive Web App (PWA))
La modalità di anteprima accessibile dal pulsante “Anteprima” in alto a destra (basata sulla versione Progressive Web App (PWA))
Seleziona il tipo di anteprima dalla barra superiore della modalità di anteprima:
Anteprima telefono, anteprima tablet, anteprima laptop o anteprima browser.

1. Anteprima telefono

 
Questo é come l’app apparirà sul cellulare. Ricorda che il design dell’app é automaticamente ridimensionato per adattarsi a qualsiasi dimensione dello schermo, quindi l’app reale potrebbe apparire in realtá un po’ differente, essendo da verificare in base alla misura dello schermo dell’attuale dispositivo sul quale é visualizzata. 

2. Anteprima tablet

 
Ecco come la tua app verrà visualizzata sui tablet.
Il landscape mode é disponibile per tablet. Per cambiare la posizione dello schermo utilizza il pulsante blu in alto a destra nell’anteprima.

3. Anteprima laptop

 
L’anteprima laptop, come giá indicato, é il modo in cui  la PWA verrà visualizzata sul tuo laptop. É meno ampia rispetto alla regolare anteprima del desktop.

4. Anteprima browser

 
L’anteprima del browser è la dimensione più ampia, consente di vedere e testare l’app come appare su un browser.
Clicca sull’icona del pianeta per mostrare l’anteprima del browser in una nuova scheda; si aprirà la stessa pagina di quella che stavi visualizzando nell’anteprima del back office.

Nota: in modalità anteprima, un banner viene visualizzato nella parte superiore dello schermo.