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 fornito in via predefinita di un'unica webapp preinstallata per accedere ai contenuti online di Amazon, ma sono disponibili all'installazione numerose altre webapp.

Questa guida spiega come installare delle webapp aggiuntive e come creare nuove webapp personalizzare.

Installazione delle webapp

È possibile installare diverse webapp in Ubuntu:

Il gruppo documentazione ha realizzato una webapp specifica per la documentazione wiki di ubuntu-it. Per installare questa webapp, consultare questa pagina.

Creazione di una nuova webapp

La procedura di seguito descritta prevede l'utilizzo del programma Webapp-container, preinstallato in Ubuntu.
Se si desidera utilizzare questa funzionalità sulle derivate di Ubuntu, è necessario installare il pacchetto webapp-container e tutte le sue dipendenze. Tuttavia alcune funzionalità proprie dell'ambiente Unity non possono essere implementate nelle altre derivate di Ubuntu, ad esempio le scorciatoie del Launcher.

Introduzione a Webapp-container

Per realizzare una nuova webapp in maniera semplice, è possibile utilizzare lo strumento webapp-container preinstallato in Ubuntu. Tale strumento è avviabile da 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

Webapp-container dispone di diverse opzioni di avvio e deve essere eseguito con la seguente sintassi:

webapp-container [OPTION] [URL]

Creazione di un file .desktop

Per avviare una webapp tramite 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, procedere come segue:

1. fare clic con il tasto destro sulla Scrivania e selezionare Nuovo documento → Documento vuoto;

2. dare un nome al file appena creato aggiungendo l'estensione .desktop, ad esempio Test-webapp.desktop.

3. aprire il file appena creato con un editor di testo e copiare al suo interno il testo seguente, modificandolo secondo le proprie esigenze:

   [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/

4. salvare il file, quindi renderlo eseguibile.

A questo punto scoparirà l'estensione .desktop e comparirà un'icona bianca sopra il nome della webapp. Facendo doppio clic sul file, verrà aperta la webapp.
Per modificare il file eseguibile appena creato, sarà ora necessario aprirlo tramite editor di testo.

Scorciatoie del Launcher

L'interfaccia Unity consente di utilizzare delle scorciatoie per accedere a determinate funzioni di un'applicazione presente nel Launcher. Ad esempio la webapp Documentazione di Ubuntu-it consente di accedere rapidamente alle varie sezioni della documentazione wiki tramite clic destro sull'icona del Launcher.

È possibile aggiungere queste funzionalità ad un file .desktop tramite la procedura seguente:

1. aggiungere la riga:

   Actions=Nome1;Nome2;...;

2. Aggiungere una o più Desktop Action, in funzione di quante scorciatoie si vuole aggiungere alla webapp:

   [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;

3. Salvare il file .desktop così modificato.

Ora sarà possibile fare clic con il Pulsante destro del mouse sull'icona di avvio della webapp posta nel Launcher per aprire il menu delle scorciatoie. Avviando la webapp tramite una scorciatoia si noterà che la webapp verrà aperta in una nuova icona nel Launcher, poichè il nuovo comando non riconosce l'icona da utilizzare. Per prevenire questo inconveniente:

1. avviare la webapp dall'icona del Launcher senza utlizzare le scorciatoie;

2. digitare nel terminale il comando:

   xprop WM_CLASS

   quindi premere con un clic del mouse sulla webapp in esecuzione;

3. prendere nota del risultato stampato nel terminale, che sarà simile al seguente:

   WM_CLASS(STRING) = "webapp-container", "nomecartella"

   generalmente viene riportato il nome della cartella impostata dall'opzione --app-id=nomecartella;

4. chiudere la webapp, quindi aprire con un editor di testo il file .desktop della webapp;

5. inserire la riga:

   StartupWMClass=nomecartella

   appena dopo la riga Exec, salvare e chiudere.

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;

Aggiungere la webapp alla Dash di Ubuntu

Per aggiungere la webapp alla 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 terminale, digitando i comandi seguenti:

sudo mv nomefile.desktop /usr/share/applications

sudo mv nomeicona.png /usr/share/icons

Ulteriori risorse

• Icone di avvio

• Ubuntu webapp guide

CategoryHomepage