Conversione del sito Web di WordPress in Web App progressiva

Question

Sto realizzando un'applicazione Web progressiva, ma finora la documentazione e il supporto sono molto limitati. Sto elencando tutte le mie domande in questa email.

1. Qual è il supporto corrente del servizio Worker API (modalità offline) per desktop? Ho scritto una piccola app che funzionava in modalità offline per il cellulare (Android-Chrome) ma non per il mio desktop (Chrome 42). Abbiamo bisogno di per configurare l'ambiente di sviluppo per questo, quindi abbiamo bisogno di sapere di cosa avremo bisogno di testare le nostre app. Non funziona su IOS-Safari/Chrome pari.

2. I lavori di manutenzione utilizza cache ampiamente e v'è un ottimo modo per debug o interni lavoratori non registrati su Dekstop Chrome; ma se eseguo la mia applicazione su Mobile, come dovrei rimuovere la cache di servizio del servizio ?

3. Se si dispone di un'applicazione reattiva (un sito WordPress) e occorre convertirla in PWA; dovrei riscrivere l'applicazione con RestAPI per la versione mobile di nuovo? (Leggi App Shell di PWA). In PWA, la shell dell'applicazione è separata dai dati, tuttavia in CMS come , i dati di WordPress non sono separati dall'interfaccia utente.

Ho cercato queste risposte per molto tempo e non ho trovato alcun supporto adeguato.

Answer 1

Qual è il supporto corrente dell'API Worker Service (modalità non in linea) per i desktop? Ho scritto una piccola app che funzionava in modalità offline per dispositivi mobili (Android-Chrome) ma non per il mio desktop (Chrome 42). Dobbiamo configurare l'ambiente di sviluppo per questo, quindi abbiamo bisogno di sapere di cosa avremo bisogno per testare le nostre app. Non funziona nemmeno su IOS-Safari/Chrome.

Safari non supporta gli addetti all'assistenza in questo momento ma lo è it should work in Chrome 42 sebbene sia consigliabile aggiornare il browser. Ad ogni modo, è possibile controllare lo stato dell'arte in una varietà di luoghi:

• lavoratori dei servizi: https://platform-status.mozilla.org/#service-worker
• push API: https://platform-status.mozilla.org/#push
• Sfondo Sync: https://platform-status.mozilla.org/#background-sync

più su SW:

• Pronto intervento? https://jakearchibald.github.io/isserviceworkerready/
• Posso usare? http://caniuse.com/#feat=serviceworkers

I lavori di manutenzione utilizza cache ampiamente e v'è un ottimo modo per eseguire il debug o interni lavoratori non registrati su Dekstop Chrome; ma se eseguo la mia applicazione su Mobile, come posso rimuovere la cache del worker service?

È necessario debug Chrome for Android from Desktop Chrome.

In ogni caso, l'URL chrome: // serviceworkers-internals è disponibile su Chrome per Android anche se non esiste un modo semplice per svuotare le cache offline.

Se si dispone di un'applicazione reattiva (un sito WordPress) e occorre convertirla in PWA; dovrei riscrivere nuovamente l'applicazione con RestAPI per la versione mobile? (Leggi App Shell di PWA). In PWA, la shell dell'applicazione è separata dai dati, tuttavia in CMS come i dati di WordPress non sono separati dall'interfaccia utente.

No. In realtà, WP ha un'architettura molto buona per disaccoppiare il contenuto dal tema. Il problema è eseguito sul server ma non è necessario che il sito venga eseguito sul client per diventare un PWA. Mozilla sta sostenendo un suite of WP plugins per aiutare progressivizing vostre installazioni di WordPress:

• Offline Shell [github] identifica le risorse della shell (cioè file tema) e cache in una cache offline.
• Offline Content [github] identifica il contenuto dinamico e lo memorizza nella cache mentre l'utente lo visita.
• Web Push [github] consente di inviare notifiche in tempo reale ai propri lettori non appena si pubblicano nuovi contenuti.
• Add To Home Screen [github] impegna i tuoi lettori mettendo il tuo WordPress nella schermata principale.

Sono tutti plugin molto giovani ma puoi seguirli su GitHub e contribuire se vuoi!

Answer 2

Una risposta molto bella e utile è già stata aggiunta da @Salva, ma ho pensato di aggiungere alcune cose che potrebbero essere utili.

Per la terza parte, ho lavorato a una piattaforma di convertitore di app web progressivo automatico, https://www.escalatingweb.com. Penso che tu possa usare questa piattaforma per convertire la tua app Web su WordPress in un'applicazione web progressiva. Puoi usarlo per convertire la tua app Web in pwa in pochi minuti. Ho anche scritto un tutorial molto bello per usare la piattaforma di conversione automatica pwa http://www.techromance.com/2017/07/22/automatic-pwa-converter-platform/.

Per la seconda parte, Solo per aggiungere alla risposta di cui sopra, e a scopo di test, è possibile eliminare tutta la cache per un determinato sito Web dalle impostazioni del sito, che cancellerà anche la cache del lavoratore del servizio.

Per la prima parte, nulla da aggiungere come tale.

P.S. Per favore nessuno si offenda nel caso in cui lo trovino un modo economico per promuovere la mia piattaforma. L'intenzione è solo quella di aiutare la comunità, sia costruendo la piattaforma sia rendendola consapevole al pubblico necessario. Grazie a @McNab per il suggerimento. :)