Wiki Ubuntu-it

Indice
Partecipa
FAQ
Wiki Blog
------------------
Ubuntu-it.org
Forum
Chiedi
Chat
Cerca
Planet
  • Pagina non alterabile
  • Informazioni
  • Allegati
  • Differenze per "AmbienteGrafico/Unity/Webapp"
Differenze tra le versioni 5 e 6
Versione 5 del 02/02/2017 10.21.43
Dimensione: 7273
Commento:
Versione 6 del 02/02/2017 11.15.40
Dimensione: 11662
Commento:
Le cancellazioni sono segnalate in questo modo. Le aggiunte sono segnalate in questo modo.
Linea 57: Linea 57:
||<tablestyle="width:80%" rowbgcolor="#cccccc;" :30%>'''Opzioni''' ||<:70%>'''Descrizione''' || ||<tablestyle="width:100%" rowbgcolor="#cccccc;" :30%>'''Opzioni''' ||<:70%>'''Descrizione''' ||
Linea 72: Linea 72:
||<#f7f7f7> --store-session-cookies ||   store session cookies on disk|| ||<#f7f7f7> --store-session-cookies || salva i cookie di navigazione ||
Linea 88: Linea 88:
 0. fare clic con il tasto destro del mouse sullo spazio bianco di una directory e selezionare '''''Nuovo documento → DOcumento vuoto'''''. Dare un nome specifico al nuovo file appena creato, ad esempio `Test-webapp.desktop`.
 0. aprire il file appena creato con un editor di testo e copiare al suo interno il testo seguente:{{{
 0. fare clic con il tasto destro sulla '''Scrivania''' e selezionare '''''Nuovo documento → Documento vuoto''''';
 0. dare un nome al
file appena creato aggiungendo l'estensione `.desktop`, ad esempio `Test-webapp.desktop`.
 0. aprire il file appena creato con un editor di testo e copiare al suo interno il testo seguente, modificandolo secondo le proprie esigenze:{{{
Linea 95: Linea 96:
Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/*,https://www.sito2.org/* http://www.sito1.com/homepage 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/
}}}
 0. 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.<<BR>>
Per modificare il file eseguibile appena creato, sarà ora necessario aprirlo tramite un editor di testo.

== 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 [[vipri-alessandro/WebAppWiki]] consente di accedere rapidamente alle varie sezioni della documentazione wiki online tramite clic destro sull'icona del '''Launcher'''.

È possibile aggiungere queste funzionalità ad un file `.desktop` tramite la procedura seguente:
 0. aggiungere la riga:{{{
Actions=Nome1;Nome2;...;}}}
 0. 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;
}}}
 0. 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:
 0. avviare la webapp dall'icona del '''Launcher''' senza utlizzare le scorciatoie;
 0. digitare nel [[AmministrazioneSistema/Terminale|terminale]] il comando: {{{
xprop WM_CLASS
}}} quindi premere con un clic del mouse sulla webapp in esecuzione;
 0. 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'';
 0. chiudere la webapp, quindi aprire con un editor di testo il file `.desktop` della webapp;
 0. 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;
Linea 98: Linea 157:
= Cancellazione della cronologia = == Creazione dell'icona ==
Linea 100: Linea 159:
Per cancellare la cronologia della webapp comprese le password di accesso al wiki, rimuovere le seguenti cartelle:
  * `~/.local/share/ubuntu-it-doc`
  * `~/.cache/ubuntu-it-doc`
L'icona in formato `.png` può essere realizzata in qualunque modo. Si consiglia una dimensione minima di 64x64 px. La dimensione ottimale è di 128x128 px.
Linea 104: Linea 161:
== Aggiungere la webapp alla Dash di Ubuntu ==
Linea 105: Linea 163:
= Rimozione della webapp = 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}}}


Problemi in questa pagina? Segnalali in questa discussione

Introduzione

Questa guida spiega come installare delle webapp aggiuntive per accedere a differenti contenuti online direttamente dalla scrivania di Ubuntu.

Installazione

Le webapp sono realizzate per l'ambiente grafico Unity. Se si desidera utilizzarle sulle derivate di Ubuntu, è necessario installare il pacchetto webapp-container e tutte le sue dipendenze. Tale programma è invece preinstallato in Ubuntu.

È possibile installare diverse webapp in Ubuntu. Digitare nel terminale il seguente comando:

sudo apt install nome-webapp

e sostituire nome-webapp con una delle webapp elencate di seguito.

unity-webapps-amazoncloudreader    unity-webapps-bbcnews            unity-webapps-cnn-news
unity-webapps-common               unity-webapps-deezer             unity-webapps-dev
unity-webapps-deviantart           unity-webapps-facebookmessenger  unity-webapps-gmail
unity-webapps-googlecalendar       unity-webapps-googledocs         unity-webapps-googlenews
unity-webapps-googleplus           unity-webapps-googleplusgames    unity-webapps-grooveshark
unity-webapps-hulu-player          unity-webapps-lastfm-radio       unity-webapps-launchpad
unity-webapps-librefm              unity-webapps-linkedin           unity-webapps-livemail
unity-webapps-mail-ru              unity-webapps-newsblur           unity-webapps-pandora
unity-webapps-qml                  unity-webapps-qml-autopilot      unity-webapps-qml-doc
unity-webapps-qml-examples         unity-webapps-qq-mail            unity-webapps-reddit
unity-webapps-service              unity-webapps-tumblr             unity-webapps-twitter
unity-webapps-vkcom                unity-webapps-wordpress          unity-webapps-wordpress-com
unity-webapps-yahoomail            unity-webapps-yahoonews          unity-webapps-yandex-music
unity-webapps-yandexmail           unity-webapps-yandexmusic        unity-webapps-yandexnews
unity-webapps-youtube

Creazione di una nuova webapp

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]

Opzioni

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

--inspector[=PORT]

esegue un ispettore remoto su una specifica porta; per impostazione predefinita viene utilizzata la porta 9221

--app-id=APP_ID

esegue l'azzplicazione con uno specifico APP_ID

--homepage=URL

override any URL passed as an argument

--webapp=name

try to match the webapp by name with an installed integration script

--name=NAME

nome visualizzato della webapp

--icon=PATH

icona da mostrare nello splash screen Icon to be shown in the splash screen. PATH can be an absolute or path relative to CWD

--webappModelSearchPath=PATH

alter the search path for installed webapps and set it to PATH. PATH can be an absolute or path relative to CWD

--webappUrlPatterns=URL_PATTERNS

list of comma-separated url patterns (wildcard based) that the webapp is allowed to navigate to

--accountProvider=PROVIDER_NAME

Online account provider for the application if the application is to reuse a local account.

--accountSwitcher

enable switching between different Online Accounts identities

--store-session-cookies

salva i cookie di navigazione

--enable-media-hub-audio

enable media-hub for audio playback

--user-agent-string=USER_AGENT

overrides the default User Agent with the provided one.

--open-external-url-in-overlay

if url patterns are defined, all external urls are opened in overlay instead of browser

Chrome options (if none specified, no chrome is shown by default):

--enable-back-forward

enable the display of the back and forward buttons (implies --enable-addressbar)

--enable-addressbar

enable the display of a minimal chrome (favicon and title)

Creazione di un file .desktop

Per avviare una webapp da interfaccia grafica è sufficiente creare:

  • un file .desktop contenente le istruzioni di avvio della webapp;

  • una icona .png.

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 un 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 vipri-alessandro/WebAppWiki consente di accedere rapidamente alle varie sezioni della documentazione wiki online 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;

Creazione dell'icona

L'icona in formato .png può essere realizzata in qualunque modo. Si consiglia una dimensione minima di 64x64 px. La dimensione ottimale è di 128x128 px.

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


CategoryHomepage