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

Иногда я вижу картинки скриншотов с людьми с веб-приложениями и красивые значки на их панели запуска, как я могу это настроить?

В Ubuntu есть эта функция, смотрите:

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

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

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

В Chromium-браузере или 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 , установив его из 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. Создайте ярлык приложения из Chromium, затем перетащите его на панель Unity. Это работает на 11.04

Я думаю, что хорошей практикой является создание отдельного профиля Chromium для каждого приложения. Ваши приложения будут работать быстрее, потому что расширения, установленные в профиле по умолчанию, не запускаются. Кроме того, вы можете установить расширения, специфичные для вашего приложения, которые не будут работать в ваших экземплярах 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 - это путь, но я бы предложил использовать 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. Установите PWAify :npm install -g pwaify
2. Создайте двоичные файлы с помощью электрона : pwaify https://voice-memos.appspot.com/ --platforms=linuxили любого другого URL-адреса PWA.
3. Перейдите в подпапку и запустите приложение.

Вот и все.