Как разместить веб-приложение в Launcher?

Ubuntu имеет встроенную функцию:

• Как использовать интеграцию веб-приложений Ubuntu?

Вы также можете использовать более традиционный подход интеграции webapp:

Поскольку это может потребовать много времени, если вы используете кучу webapps, я создал папку "Веб-приложения", в которой я их храню, потому что мне нужно место для хранения значка. Я синхронизирую эту папку с Ubuntu One, так что на переустановках или на новых компьютерах у меня есть все приложения, готовые пойти с иконками с высоким разрешением.

В хромовом браузере или Google Chrome, вы можете сделать это, перейдя на веб-сайт, который вы хотите внести в приложение. Нажав на значок гаечного ключа и выберите, инструменты - > Создание ярлыков приложений:

Затемвыберите"Рабочийстол",чтобысоздатьярлыкнарабочемстоле:

Вы также можете выбрать "Меню приложений" в ярлыке создания приложения, это поместит его в Dash для вас, что удобно, поэтому вы можете использовать функцию поиска для запуска ярлыка, однако большинство значков веб-сайта не очень хорошо, поэтому они выглядят уродливыми. Поэтому вместо этого я делаю это для приложения:

Затем переместите его в эту папку "Веб-приложения" или там, где вы хотите ее сохранить:

Загрузитепотрясающуюверсиюзначка,которыйхорошовыглядит.Ярекомендую группу Fluid на Flickr . Загрузите значок в папку, а затем щелкните правой кнопкой мыши ярлык и выберите свойства:

Перетащите значок более красивого изображения в ярлык ярлыка, заменив значок с низким разрешением на новый:

ПеретащитеновыйзначокпятнапрямонаLauncherдляокончательногоэффекта:

И последний эффект:

Вы создаете значок запуска (то есть файл .desktop ), который говорит Exec=firefox www.askubuntu.com и перетаскивает его в пусковую установку. Поэтому сначала создайте пустой файл и вставьте следующий контент:

[Desktop Entry]
Name=Ask Ubuntu
Comment=Open Ask Ubuntu in firefox
Exec=firefox www.askubuntu.com
Icon=network
Terminal=false
Type=Application
StartupNotify=true
Categories=GNOME;
OnlyShowIn=GNOME;Unity;
X-GNOME-Keywords=Network;AskUbuntu;
Name[en_US]=AskUbuntu

Затем переименуйте файл epmty в somename.desktop , в этом случае « askubuntu.desktop » будет подходящим именем. Теперь используйте мышь, чтобы перенести ее в вашу пусковую установку, и вы хорошо.

Это необязательно, но прежде чем перетащить его в пусковую установку, вы можете right-click on it, go to Properties->Permissions->Allow executing file as program , чтобы значок видимости стал видимым!

Если вы удалите файл * .desktop, значок исчезнет из вашей панели запуска. Обычным местом для хранения этих файлов является ~ / .local / share / applications /.

В настоящее время существует два предпочтительных способа сделать это. В Ubuntu 12.04 вы можете использовать предварительный просмотр официального Ubuntu Webapps , установив его из PPA (по умолчанию используется 12.10)

sudo add-apt-repository ppa:webapps/preview
sudo apt-get update && sudo apt-get install unity-webapps-preview

Это работает только для поддерживаемых сайты (в настоящее время около 40 ). Когда вы заходите на сайт с Firefox, вас спросят, хотите ли вы интегрировать его в Ubuntu.

Другим способом является использование Fogger , разработчика победителем в Ubuntu App Showdown. Просто установите fogger пакет программного обеспечения.

Оба варианта лучше, чем обычные функции веб-браузера (ssb) Firefox Prism и Chrome, поскольку они позволяют полностью интегрироваться с Ubuntu. Это включает в себя меню запуска, HUD, индикаторы и уведомления.

Если вы используете последнюю версию Chromium (> 11.0.696.57), теперь это работает с Unity. Создайте приложение shorcut из Chromium, а затем перетащите его на панель Unity. Это работает 11.04

Я считаю хорошей практикой сделать другой профиль Chromium для каждого приложения. Ваши приложения будут работать быстрее, потому что расширения, установленные в профиле по умолчанию, не запускаются. Кроме того, вы можете устанавливать расширения, специфичные для вашего приложения, которые не будут запускаться в экземплярах хрома по умолчанию.

Если вы хотите запускать приложения с другим профилем, сделайте следующее:

1. Создайте новый каталог профиля:

   mkdir ~/.config/NAME_OF_APP
   

2. Щелкните правой кнопкой мыши ярлык вашего приложения на рабочем столе

3. Добавить

   --user-data-dir=~/.config/NAME_OF_APP
   

к команде и закройте.

Если это не работает, выполните следующие действия:

1. Создайте новый каталог профиля:

   mkdir ~/.config/NAME_OF_APP
   

2. Щелкните правой кнопкой мыши ярлык вашего приложения на рабочем столе

3. Добавить

   --user-data-dir=--user-data-dir=~/.config/NAME_OF_APP
   

к команде и закройте.

Я согласен с @ con-f-use, что .desktop file - это путь, но я бы предложите использовать webapp-container , который предназначен для этой цели, а не Firefox. Вот мой пример, взятый из проекта Ubuntu SDK Web App :

[Desktop Entry]
Comment[en_US]=webapp for WorkFlowy
Comment=webapp for WorkFlowy
Exec=webapp-container --store-session-cookies --webappUrlPatterns=https?://workflowy.com/* http://workflowy.com %u
GenericName[en_US]=
GenericName=
Icon=/home/CORP.INSTRUCTURE.COM/banderson/Pictures/WorkFlowy.png
MimeType=
Name=WorkFlowy
Path=
StartupNotify=true
Terminal=false
TerminalOptions=
Type=Application
X-DBUS-ServiceName=
X-DBUS-StartupType=
X-KDE-SubstituteUID=false
X-KDE-Username=
X-Ubuntu-Touch=true

Чтобы создать ярлык, просто создайте исполняемый файл в папке рабочего стола с именем WorkFlowy.desktop и вставьте в это содержимое.

Прогрессивные веб-приложения (PWA)

Если у вас PWA намного проще. Один из способов найти здесь :

1. Установить: npm install -g pwaify
2. Создайте двоичные файлы с электроникой : pwaify https://voice-memos.appspot.com/ --platforms=linux или любым вашим URL-адресом PWA.
3. Перейдите в подпапку и запустите приложение.

Вот и все.