Простое браузерное расширение и публикация в магазин microsoft

Обычная веб-страница

Структура проекта выглядит как обычная страница сайта, но замечаем один файл, который не вписывается в это

Папка с картинками, manifest и основные файлы popup.*

Файл manifest.json содержит информацию об имени, описании, версии, автора и главной страницы самого расширения. Это основной файл, без него опубликовать расширение будет невозможно!

Внешний вид описан в 2х файлах: popup.html и popup.css (обычная веб-страница: основной код, таблица стилей и скрипты в файле .js). Посмотреть код подробнее можно тут

Подготовка

Нам необходимо запаковать наше расширение в архив (обязательно zip)

Можно использовать любой архиватор, например 7z

Публикация расширения

Для публикации в магазин microsoft и доступности в браузере edge необходимо перейти по ссылке в Parther Center (если не зарегистрированы, то делаем это сейчас)

Если Microsoft Edge в списке нет, то нажимаем кнопку Add program и добавляем

Переходим в Edge и нажимаем кнопку Create New Extension, далее переносим наш архив или выбираем его по кнопке.

Если файл manifest заполнен правильно и ничего вредоносного в архиве не обнаружено, то мы получим сообщение - Your current package has been verified, нажимаем кнопку next

На следующем этапе можно выбрать видимость расширения. Только по ссылке или публично для всех, а так-же выбрать страны, в которых расширение будет доступно.

Настройки видимости

Галочка Make my extension available in any future market, добавит ваше расширение в новые магазины, если они появятся. Дальше ->

Категория, вопрос про сбор информации и контент 18+

• Выбираем категорию нашего расширения, моё я определил в Search Tool
• Получает ли наше расширение личную информацию пользователя, ставим нет (но если у вас что-то хранится, тогда ставим да и заполняем ссылку на Privacy policy URL)
• Если ваше приложение содержит контент 18+, тогда ставим галочку - This item contains content that might not be suitable for all ages. Дальше ->

Выбираем единственный и переходим в него

После того как все заполнили, наживаем справа вверху save draft и close

Осталась одна заветная кнопка и расширение появится в магазине

Нажимаем кнопку Publish и ждём, от нас больше ничего не потребуется.

После публикации доступна простая статистика

Итоги

Моё же расширение выглядит просто, картинки на соц. сети и на сайт, а так-же строка поиска, которая перенаправляет на сайт с расценкой детали

Минималистичное расширение без лишней информации

Если у вас есть базовые знания по html, css и js, то трудностей у вас возникнуть не должно. Просто добавьте файл manifest и пробуйте)