1. Главная
  2. Блог
  3. DEV
  4. Создание и публикация расширения для Chrome. Инструкция

Создание и публикация расширения для Chrome. Инструкция

27 декабря 2024
27

Создание расширения для Chrome

Создать собственное простейшее расширение для Chrome. Вот как это сделать:

  1. Создайте папку на вашем компьютере (например, my_extension).

  2. Внутри папки создайте файл manifest.json со следующим содержимым:

    {
      "manifest_version": 3,
      "name": "My App",
      "version": "1.0",
      "action": {
        "default_popup": "popup.html",
        "default_icon": {
          "16": "icon16.png",
          "48": "icon48.png",
          "128": "icon128.png"
        }
      },
      "permissions": ["activeTab"]
    }
  3. Создайте файл popup.html:

    <!DOCTYPE html>
    <html>
    <body>
      <h1>My App</h1>
      <a href="https://mysite.com" target="_blank">Открыть Мой сайт</a>
    </body>
    </html>
  4. Добавьте иконки (icon16.pngicon48.pngicon128.png) в папку. Вы можете создать их или скачать из интернета.

  5. Откройте Chrome и перейдите в Расширения (chrome://extensions/).

  6. Включите Режим разработчика (переключатель в правом верхнем углу).

  7. Нажмите "Загрузить распакованное расширение" и выберите папку my_extension.

  8. Теперь расширение будет доступно в Chrome, и вы сможете быстро открывать свой сайт через него.

Если захотите, можете, например, добавить информацию о разработчике. Для этого в файл manifest.json, после строки version, добавьте еще две строки:

"author": "Ваше Имя или Название Компании",
"homepage_url": "https://вашсайт.com", // Замените на ваш сайт  

Публикация расширения в Chrome Web Store

Чтобы добавить ваше расширение в магазин приложений Chrome, нужно выполнить несколько шагов. 

1. Подготовьте расширение

Убедитесь, что ваше расширение готово к публикации:

  • Проверьте, что все файлы (например, manifest.jsonpopup.html, иконки и т.д.) находятся в одной папке.

  • Убедитесь, что расширение работает корректно в Chrome.

2. Создайте ZIP-архив

Создайте ZIP-архив папки с вашим расширением:

  1. Щелкните правой кнопкой мыши на папке с расширением.

  2. Выберите "Сжать" (для macOS) или "Добавить в архив" (для Windows).

  3. Убедитесь, что архив содержит все необходимые файлы.

3. Зарегистрируйтесь как разработчик

  1. Перейдите на сайт Chrome Web Store Developer Dashboard.

  2. Войдите в свой аккаунт Google (или создайте новый, если у вас его нет).

  3. Оплатите единоразовый регистрационный сбор в размере $5 (это обязательное условие для публикации расширений).

4. Загрузите расширение

  1. После регистрации нажмите кнопку "Новый элемент" (New Item) в панели разработчика.

  2. Загрузите ZIP-архив с вашим расширением.

  3. После загрузки Chrome Web Store проверит расширение на соответствие требованиям.

5. Заполните информацию о расширении

После успешной загрузки вам нужно будет заполнить информацию о расширении:

  1. Название: Название вашего расширения (например, "DeepSeek Chat").

  2. Описание: Краткое описание функциональности расширения.

  3. Иконка: Загрузите иконку расширения (рекомендуемый размер: 128x128 пикселей).

  4. Скриншоты: Добавьте скриншоты интерфейса расширения (рекомендуемый размер: 1280x800 или 640x400 пикселей).

  5. Категория: Выберите подходящую категорию (например, "Инструменты" или "Производительность").

  6. Язык: Укажите язык расширения (например, русский).

  7. Сайт разработчика: Укажите ссылку на ваш сайт (если есть).

  8. Политика конфиденциальности: Если ваше расширение собирает данные, добавьте ссылку на политику конфиденциальности.

6. Укажите тип доступа

Выберите, будет ли ваше расширение:

  • Бесплатным (Free).

  • Платным (Paid). Если вы выбираете платный вариант, вам нужно будет настроить платежи через Google Pay.

7. Отправьте на проверку

  1. После заполнения всех полей нажмите кнопку "Опубликовать" (Publish).

  2. Расширение будет отправлено на проверку командой Chrome Web Store. Обычно это занимает от нескольких часов до нескольких дней.

8. После публикации

  • После одобрения ваше расширение станет доступным в Chrome Web Store.

  • Вы сможете управлять им через панель разработчика: обновлять, изменять описание, просматривать статистику и т.д.


Важные моменты

  • Убедитесь, что ваше расширение соответствует Политике Chrome Web Store.

  • Если расширение собирает данные пользователей, обязательно добавьте политику конфиденциальности.

  • После публикации регулярно обновляйте расширение и отвечайте на отзывы пользователей.


Теперь ваше расширение будет доступно для миллионов пользователей Chrome!



Комментарии
Name
Email
Phone
Ваше имя
Ваш email
Оставить комментарий