Написать код на JS, который будет использоваться в расширении TamperMonkey.
Код должен работать в браузерах Chrome и Яндекс браузер.
Дизайн не важен, только функциональность.
Для обхода CORS политики браузера можно использовать любое известное вам расширение.
Кратко:
Код добавляет на страницу создания товаров нашего интернет магазина блок с полем input, в который пользователь вводит артикул товара, и кнопкой, при клике на которую отправляется запрос на сайт Ozon.
С Ozonа парсятся характеристики товара и вставляются в соответствующие поля на странице.
Подробно:
1. Когда пользователь находится на странице
, добавлять на страницу блок с:
- текстом «Автоматическое заполнение характеристик товара»
- input (textarea «id товара»)
- кнопкой «Заполнить характеристики»
- кнопкой «Обновить id товаров из Google таблицы»
2. При клике на кнопку «Обновить id товаров из Google таблицы» отправляется запрос на
Эта таблица содержит 2 столбца: «Наш id» и «id Ozon». Эти данные нужно сохранить в localStorage для последующего использования (мы будем получать «id Ozon» по «Наш id»).
3. При клике на кнопку «Заполнить характеристики», ищем в localStorage id товара на Ozon по нашему id (наш id будет введён в input).
Затем отправляем запрос на URL
, где ID_OZON – id товара на Ozon, пример:
Получаем с Ozon название, характеристики товара и ссылки на все его фото в лучшем качестве (имеют вид
Название и характеристики товара вводим в соответствующие поля на странице (я скину HTML страницы создания товаров для понимания структуры этой страницы).
Кликабельные ссылки на фото товара вставляем в созданный блок в п. 1, чтобы пользователь скачал их вручную.
4. Учесть возможные ошибки в работе и выводить их на странице, например:
Не удалось получить id товаров из Google таблицы
В localStorage не найден товар с таким id
Не удалось получить с Ozon название/характеристики/фото товара
Не удалось вставить характеристики на странице создания товара (например, изменился class нужного поля)
Не включено расширение для обхода CORS блокировки