Як розмістити веб-додаток на Launcher?


75

Іноді я бачу фотографії скріншотів з людьми з веб-додатками та приємними значками на їх запуску, як це можна встановити?


Ви також можете додати перемикач, --start-maximizedщоб вікно відкрилося в максимальному режимі.
батте

Відповіді:


68

У Ubuntu вбудована ця функція, див .:

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

Оскільки це може зайняти багато часу, якщо ви використовуєте купу веб-сайтів, я створив папку "Веб-додатки", в якій я зберігаю їх, бо мені також потрібно розмістити значок. Я синхронізую цю папку з Ubuntu One, щоб на перевстановці чи на нових комп’ютерах мої програми були готові працювати із значками високої роздільної здатності.

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

введіть тут опис зображення

Потім виберіть Desktop, щоб створити ярлик на робочому столі:

введіть тут опис зображення

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

Потім перемістіть його в цю папку "Веб-програми" або куди ви хочете зберегти її:

введіть тут опис зображення

Завантажте нескінченну версію піктограми, яка добре виглядає. Я рекомендую групу Fluid на Flickr . Завантажте значок у папку, а потім клацніть правою кнопкою миші на ярлику та виберіть властивості:

введіть тут опис зображення

Перетягніть приємну піктограму на поле значка ярлика, замінивши піктограму низької роздільної здатності новою:

введіть тут опис зображення

Перетягніть нову піктограму гладкого прямо на панель запуску для остаточного ефекту:

Опустіть його на пусковий апарат

І остаточний ефект:

Gmail і Seesmic у всій красі


1
Додавання аплету, як ви описали, працює як шарм. Однак, відкривши його, натиснувши на символ бічної панелі, з’являється ще один (знову некрасиво виглядає) символ. Це помилка чи я щось тут пропускаю?
FuzzyQ

Я отримую таку ж поведінку.
суп

17

Ви створюєте піктограму запуску (маючи на увазі .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 /.


2
Будь ласка, вдосконаліть свою відповідь, розповівши, як створити пусковий апарат або посилання на відповідний відповідь, поясніть, як це зробити.
hytromo

Додаток @ con-f-use працює ідеально, але коли він відкриється, піктограма не відображається на панелі запуску
Дейзі

9

В даний час є два бажані способи зробити це. В 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.

Інший спосіб - використати Фоггера , срібного призера Ubuntu App Showdown. Просто встановіть пакет foggerВстановити фоггер з програмного центру.

Обидва варіанти краще, ніж звичайні особливості веб-перегляду (ssb) Firefox Prism та Chrome, оскільки вони дозволяють повністю інтегруватися з Ubuntu. Сюди входить меню запуску, HUD, індикатори та повідомлення.


1
Здається, фоггера вже немає, чи є заміна?
Йозеф Енгельфрост

2

Якщо ви використовуєте останню збірку Chromium (> 11.0.696.57), це зараз працює з Unity. Створіть ярлик програми з Chromium та перетягніть його до панелі Unity. Це працює 11.04


у Chrome версії 14 і вище ця версія виявляється порушеною. Зараз веб-додатки знову згруповані під Chrome, а не окремі піктограми.
Адам

2

Я думаю, що для кожної програми є хорошою практикою робити різний профіль 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
    

до команди і закрити.


1
Це вже не потрібно. Chrome відкриває кожен додаток у власному вікні (і Chromium теж).
MarkovCh1

2

Я погоджуюся з @ 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і вставте цей вміст.


1
це мені дуже допомагає
Аруль

2

Прогресивні веб-програми (PWA)

Якщо у вас PWA набагато простіше. Я знайшов тут один із способів :

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

Це воно.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.