Пошаговое руководство от расширения Hello World до расширений, которые обслуживают код пользовательского интерфейса из локальной сборки.

Введение

Разработка программного обеспечения сложна. Прежде чем писать какой-либо код, может потребоваться некоторое время и усилия для настройки рабочей среды для корпоративных приложений, которые развертываются на виртуальных машинах, контейнерах и т. д. Кроме того, существуют службы API единого входа (SSO), Backend For Frontend (BFF). и еще много вещей, о которых нужно позаботиться.

Есть ли способ упростить процесс?

Да, расширение Chrome может помочь. Он может использовать преимущества существующего облачного развертывания, одновременно предоставляя код пользовательского интерфейса из локальной сборки. Этот подход иллюстрируется приведенным выше графиком, где мы можем разработать/отладить код пользовательского интерфейса в поддельном облачном развертывании. Он эффективно работает как для Vite App, так и для Create React App.

В этой статье мы рассмотрим пять расширений Chrome:

  • Hello World Extension: Здесь показано, как работает расширение Chrome.
  • Block Extension: иллюстрирует способность chrome.declarativeNetRequest блокировать определенные типы сетевых запросов.
  • Redirect Extension: иллюстрирует способность chrome.declarativeNetRequest перенаправлять определенные типы сетевых запросов.
  • vite-dev-tool: Он обслуживает код приложения Vite из локальной сборки в «поддельном» облачном развертывании.
  • cra-dev-tool: Он обслуживает код Create React App из локальной сборки в «поддельном» облачном развертывании.

Привет, мировое расширение

Расширения Chrome — это программы, созданные на основе веб-технологий и позволяющие настроить работу браузера Chrome. Обычно для разработки расширений Chrome используются HTML, CSS и JavaScript.

Расширения Chrome могут повысить производительность, обогатить содержимое веб-страницы и объединить информацию. Интернет-магазин Chrome перечислил различные типы расширений.

Hello World Extension — это простое расширение, которое иллюстрирует работу расширений Chrome.

Хотя ограничений на расположение файлов нет, они обычно группируются в каталоге. Среди всех файлов только manifest.json…