## page was renamed from vipri-alessandro/Webapp
#format wiki
#LANGUAGE it
<<BR>>
<<Indice>>
<<Informazioni(forum="http://forum.ubuntu-it.org/viewtopic.php?f=46&t=618440"; rilasci="16.04")>>


= Introduzione =

Le '''webapp''' sono applicazioni avviabili dalla scrivania di Ubuntu, in grado di accedere a diversi servizi web come Amazon, Google, Facebook, !YouTube e molti altri. Ubuntu viene rilasciato con la sola webapp Amazon preinstallata, ma sono disponibili all'installazione numerose altre webapp.

Questa guida spiega come installare delle webapp aggiuntive e come creare nuove webapp personalizzare.
## http://askubuntu.com/questions/606389/two-icons-on-unity-panel-on-non-standard-application-launch/606394#606394

{{{#!wiki tip
Le istruzioni per installare la webapp '''Documentazione di Ubuntu-it''' sono presenti in [[/Documentazione|questa pagina]].}}}
<<BR>>

||<tablestyle="width:100%" style="border:none;"> {{attachment:webapplp.png}} ||<style="border:none;">Sebbene le webapp abbiano delle funzionalità limitate rispetto ad un normale browser web, esse offrono alcune funzionalità molto utili: <<ElencoTabella(\n * accesso diretto ai contenuti web desiderati tramite icona posta nella '''[[AmbienteGrafico/Unity/Glossario#Dash|Dash]]''' o nel '''[[AmbienteGrafico/Unity/Glossario#Launcher|Launcher]]''' di Ubuntu;\n * salvataggio della cronologia e dei dati di accesso in ''cache'' separate;\n * possibilità di creare nuove webapp.\n)>> ||

= Installazione delle webapp =

È possibile [[AmministrazioneSistema/InstallareProgrammi|installare]] diverse webapp in Ubuntu:

||<tablestyle="width:100%" 25%> [[apt://unity-webapps-amazoncloudreader|unity-webapps-amazoncloudreader]] ||<25%> [[apt://unity-webapps-bbcnews|unity-webapps-bbcnews]] ||<25%> [[apt://unity-webapps-cnn-news|unity-webapps-cnn-news]] ||<25%> [[apt://unity-webapps-common|unity-webapps-common]] ||
|| [[apt://unity-webapps-deezer|unity-webapps-deezer]] || [[apt://unity-webapps-dev|unity-webapps-dev]] || [[apt://unity-webapps-deviantart|unity-webapps-deviantart]] || [[apt://unity-webapps-facebookmessenger|unity-webapps-facebookmessenger]] ||
|| [[apt://unity-webapps-gmail|unity-webapps-gmail]] || [[apt://unity-webapps-googlecalendar|unity-webapps-googlecalendar]] || [[apt://unity-webapps-googledocs|unity-webapps-googledocs]] || [[apt://unity-webapps-googlenews|unity-webapps-googlenews]] ||
|| [[apt://unity-webapps-googleplus|unity-webapps-googleplus]] || [[apt://unity-webapps-googleplusgames|unity-webapps-googleplusgames]] || [[apt://unity-webapps-grooveshark|unity-webapps-grooveshark]] || [[apt://unity-webapps-hulu-player|unity-webapps-hulu-player]] ||
|| [[apt://unity-webapps-lastfm-radio|unity-webapps-lastfm-radio]] || [[apt://unity-webapps-launchpad|unity-webapps-launchpad]] || [[apt://unity-webapps-librefm|unity-webapps-librefm]] || [[apt://unity-webapps-linkedin|unity-webapps-linkedin]] ||
|| [[apt://unity-webapps-livemail|unity-webapps-livemail]] || [[apt://unity-webapps-mail-ru|unity-webapps-mail-ru]] || [[apt://unity-webapps-newsblur|unity-webapps-newsblur]] || [[apt://unity-webapps-pandora|unity-webapps-pandora]] ||
|| [[apt://unity-webapps-qml|unity-webapps-qml]] || [[apt://unity-webapps-qml-autopilot|unity-webapps-qml-autopilot]] || [[apt://unity-webapps-qml-doc|unity-webapps-qml-doc]] || [[apt://unity-webapps-qml-examples|unity-webapps-qml-examples]] ||
|| [[apt://unity-webapps-qq-mail|unity-webapps-qq-mail]] || [[apt://unity-webapps-reddit|unity-webapps-reddit]] || [[apt://unity-webapps-service|unity-webapps-service]] || [[apt://unity-webapps-tumblr|unity-webapps-tumblr]] ||
|| [[apt://unity-webapps-twitter|unity-webapps-twitter]] || [[apt://unity-webapps-vkcom|unity-webapps-vkcom]] ||  [[apt://unity-webapps-wordpress|unity-webapps-wordpress]] || [[apt://unity-webapps-wordpress-com|unity-webapps-wordpress-com]] ||
|| [[apt://unity-webapps-yahoomail|unity-webapps-yahoomail]] || [[apt://unity-webapps-yahoonews|unity-webapps-yahoonews]] || [[apt://unity-webapps-yandex-music|unity-webapps-yandex-music]] || [[apt://unity-webapps-yandexmail|unity-webapps-yandexmail]] ||
|| [[apt://unity-webapps-yandexmusic|unity-webapps-yandexmusic]] || [[apt://unity-webapps-yandexnews|unity-webapps-yandexnews]] || [[apt://unity-webapps-youtube|unity-webapps-youtube]] ||

Il gruppo documentazione ha realizzato una webapp specifica per la documentazione wiki di ubuntu-it. Le istruzioni per la sua installazione sono presenti in [[/Documentazione|questa pagina]].


= Creazione di una nuova webapp =

La procedura di seguito descritta prevede l'utilizzo del programma '''Webapp-container''', preinstallato in Ubuntu.<<BR>>
Se si desidera utilizzare questa funzionalità sulle derivate di Ubuntu, è necessario  [[AmministrazioneSistema/InstallareProgrammi|installare]] il pacchetto [[apt://webapp-container|webapp-container]] e tutte le sue dipendenze. Tuttavia alcune funzionalità specifiche di '''Unity''' non possono essere implementate nelle altre derivate di Ubuntu, ad esempio le [[#scorciatoie|scorciatoie del Launcher]].

== Utilizzo di Webapp-container ==

Per realizzare una nuova webapp in maniera semplice, è possibile utilizzare lo strumento '''webapp-container''' preinstallato in Ubuntu. Tale strumento è avviabile da [[AmministrazioneSistema/Terminale|terminale]], digitando il comando:{{{
webapp-container --app-id=nomecartella URL
}}} sostituendo il termine ''nomecartella'' con il nome della cartella in cui si desidera salvare i dati di navigazione e ''URL'' con l'indirizzo internet del sito che si intende visualizzare. I dati raccolti da '''webapp-container''' verranno così salvati in tre directory differenti:
 * `~/.cache/nomecartella`
 * `~/.config/nomecartella`
 * `~/.local/share/nomecartella`

Ad esempio, digitando il comando:{{{
webapp-container --app-id=slither http://slither.io/
}}} verrà aperto il simpatico gioco online all'interno di una webapp.<<BR>>
'''Webapp-container''' dispone di diverse opzioni di avvio (alcune sono elencate di seguito) e deve essere eseguito con la seguente sintassi:{{{
webapp-container [OPTION1] [OPTION2] [URL]
}}}

||<tablestyle="width:100%" :30%>'''Opzioni''' ||<:70%>'''Descrizione''' ||
|| -h, --help                       || mostra le opzioni disponibili ||
|| --fullscreen                     || avvia la webapp a schermo intero ||
|| --local-webapp-manifest          || configura la webapp in presenza di un file `manifest.json` ||
|| --maximized                      || apre la webapp massimizzata ||
|| --app-id=APP_ID                  || esegue l'azzplicazione con uno specifico APP_ID ||
|| --name=NAME                      || nome visualizzato della webapp ||
|| --webappModelSearchPath=PATH     || modifica il percorso di ricerca ||
|| --webappUrlPatterns=URL_PATTERNS || elenco di URL all'interno dei quali è consentita la navigazione con la webapp, separati da virgole ||
|| --store-session-cookies          || salva i cookie di navigazione ||
|| --enable-media-hub-audio         || abilita la riproduzione audio ||
|| --open-external-url-in-overlay   || una volta definita l'opzione ''webappUrlPatterns'', tutti i link esterni vengono aperti in una ''overlay'' invece che nel browser predefinito ||
|| --enable-back-forward            || abilita i pulsanti di navigazione nella webapp (implica l'opzione ''enable-addressbar'') ||
|| --enable-addressbar              || abilita una barra superiore contenente icona e titolo del sito web visualizzato ||

== Creazione di un file .desktop ==

Per avviare una webapp tramite [[AmbienteGrafico/IconeDiAvvio|icona di avvio]] è sufficiente creare:
 * un file `.desktop` contenente le istruzioni di avvio della webapp;
 * una icona `.png` con dimensione minima consigliata di 64x64 px; la dimensione ottimale è di 128x128 px.

Per creare un file `.desktop`, seguire la procedura indicata in [[AmbienteGrafico/IconeDiAvvio/ModalitàManuale#nuova|questo paragrafo]] della pagina '''!IconeDiAvvio/ModalitàManuale''', sostituendo il contenuto del nuovo file `.desktop` con il seguente:{{{
[Desktop Entry]
Name=Nome della webapp
Comment=Commento per spiegare cosa fa la webapp
Type=Application
Icon=nome dell'icona
Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/
}}}

Terminata la procedura, scomparirà l'estensione `.desktop`. Facendo doppio clic sul file, verrà aperta la webapp.<<BR>>
Per modificare il file eseguibile appena creato, sarà ora necessario aprirlo tramite [[Ufficio/EditorDiTesto|editor di testo]].

== Aggiungere la webapp alla Dash di Ubuntu ==

Per aggiungere la webapp alla '''[[AmbienteGrafico/Unity/Glossario#Dash|Dash]]''' di Ubuntu si può procedere in due modi:
 * '''Webapp disponibile per un solo utente''': spostare il file desktop nella cartella `~/.local/share/applications` e l'icona nella cartella `~/.local/share/icons`.
 * '''Webapp disponibile per tutti gli utenti''': spostare il file desktop nella cartella `/usr/share/applications` e l'icona nella cartella `/usr/share/icons`.

Mentre nel primo caso basta un copia/incolla manuale dei file, nel secondo caso è necessario intervenire da [[AmministrazioneSistema/Terminale|terminale]], digitando i comandi seguenti: {{{
sudo mv nomefile.desktop /usr/share/applications}}} {{{
sudo mv nomeicona.png /usr/share/icons}}}

<<Anchor(scorciatoie)>>
== Scorciatoie del Launcher ==

L'interfaccia '''Unity''' consente di utilizzare delle scorciatoie per accedere a determinate funzioni di un'applicazione presente nel '''[[AmbienteGrafico/Unity/Glossario#Launcher|Launcher]]'''. Ad esempio la '''webapp [[/Documentazione|Documentazione di Ubuntu-it]]''' consente di accedere rapidamente alle varie [[Documentazione#Aree_tematiche|aree tematiche]] della documentazione wiki tramite clic destro sull'icona della webapp.

Per aggiungere le scorciatoie del '''Launcher''' alla webapp appena creata, seguire la procedura indicata in [[AmbienteGrafico/IconeDiAvvio/ModalitàManuale#scorciatoie|questo paragrafo]] della pagina '''!IconeDiAvvio/ModalitàManuale''', utilizzando la sintassi seguente per aggiungere le '''Desktop Action''' desiderate:{{{
[Desktop Action Nome1]
Name=Scorciatoia Nome1
Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/LinkNome1
OnlyShowIn=Unity;

[Desktop Action Nome2]
Name=Scorciatoia Nome2
Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/LinkNome2
OnlyShowIn=Unity;
}}}

Il risultato finale sarà simile al seguente:{{{
[Desktop Entry]
Name=Nome della webapp
Comment=Commento per spiegare cosa fa la webapp
Type=Application
Icon=nome dell'icona
Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/
StartupWMClass=nomecartella
Actions=Nome1;Nome2;

[Desktop Action Nome1]
Name=Scorciatoia Nome1
Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/LinkNome1
OnlyShowIn=Unity;

[Desktop Action Nome2]
Name=Scorciatoia Nome2
Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/LinkNome2
OnlyShowIn=Unity;
}}}


= Ulteriori risorse =

 * [[AmbienteGrafico/IconeDiAvvio/ModalitàManuale|Icone di avvio]]
 * [[https://developer.ubuntu.com/en/phone/web/ubuntu-webapps-guide/|Ubuntu webapp guide]]

----
CategoryGrafica CategoryInternet CategoryDaRevisionare