Подключить пользователей от расширения Chrome

Мы хотим создать расширение, которое работает на всплывающей системе. Чтобы создать последнее, нам просто нужно создать классическую HTML -страницу. Как настроено в манифестном файле.JSON мы будем использовать всплывающий файл.HTML

Учебник Google Chrome: Создайте расширение

Я приглашаю вас узнать, как создать расширение для веб -браузера Google Chrome. Создание расширения может показаться сложным, но не испугаться ! Действительно, расширения Google Chrome могут быть созданы с языками, которые мы хорошо знаем: JS, HTML и CSS.

Маленькая предпосылка

Сначала вам нужно активировать режим разработчика В настройках хрома, чтобы иметь возможность загружать расширение. Для этого вы перейдите в свои настройки> Больше инструментов> расширения и флажок флажок режим разработчика. Затем вы должны увидеть три новых кнопки, которые, по -видимому, загружают расширения.

Настройте расширение

Отправной точкой для создания расширения является создание манифестного файла.Json в корне вашего файла. Он будет содержать всю информацию, касающуюся конфигурации расширения, такую ​​как имя, описание, сценарии, которые должны быть загружены.

< "manifest_version": 2, // Indique la version du manifest (toujours 2) "name": "Tutoriel créer une extension", // Le nom de votre extension "description": "Chaine YT Plati'Script", // La description "version": "1.0", // La version en en l'occurrence la première donc 1.0 "permissions": [ // Les permissions, on y reviendra plus bas "http://*/*", "https://*/*", ], "browser_action": < // Les paramètres "default_icon" : "img/icon.png", // L'icône qui s'affiche en haut à droite de votre navigateur "default_popup": "popup.html" // Le popup qui s'affichera quand vous cliquez sur l'îcone >, "Иконки": < // L'îcone qui s'affichera lorse que vous êtes sur la page extensions des paramètre "128" : "img/icon_128.png" // 128 = 128x128 la taille de votre image >>

Все параметры, доступные для этого файла, описаны в документации.

Разрешения

По умолчанию ваше расширение будет в какой -то песочнице и не будет иметь доступа ни к чему. В некоторых случаях мы хотим создать расширения, способные общаться с веб -страницами или с определенными API браузера. Затем потребуется указать в нашей конфигурации, какие разрешения мы хотим получить (эти разрешения будут запрашиваются во время установки расширения). Эти разрешения могут занять две формы:

• Строка символа, представляющая конкретный тип разрешения, например, доступ к вкладкам (список разрешений)
• Причина, представляющая формат URL, к которому мы будем получить доступ (шаблоны соответствия)

«Разрешения»: [// разрешения, мы вернемся ниже «http: //*/*», «https: //*/*», «Вкладки» // - это разрешение создавать новые вкладки],

Для “http: ///“И” https: ///“Мы говорим ему, что расширение может работать на всех страницах http или https.

Создайте всплывающее окно

Мы хотим создать расширение, которое работает на всплывающей системе. Чтобы создать последнее, нам просто нужно создать классическую HTML -страницу. Как настроено в манифестном файле.JSON мы будем использовать всплывающий файл.HTML

 H1, p 
Доброе утро
 
Привет, я простое всплывающее окно
кто не занимает много места

Это все, что нам нужно сделать на мгновение, когда мы нажимаем на кнопку Chrome автоматически откроет всплывающее окно, изменив только что мы только что написали.

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

Теперь мы хотим проверить наше расширение, потому что нам придется пройти через панель расширения и нажать кнопку Tet Charge, затем выберите папку, содержащую расширение. Автоматически, вы должны увидеть, как появляется значок вашего расширения.

Сценарий

Обязательно расширение, которое отображает всплывающее окно, оно относительно ограничено ! К счастью, мы можем использовать JavaScript, чтобы добавить различные поведения в наше расширение. Есть несколько способов загрузить JavaScript в зависимости от того, чего вы хотите достичь.

JavaScript во всплывающем окне

В первую очередь можно загрузить JavaScript непосредственно во всплывающем окне. Действительно, это классическая веб -страница, на которой мы можем загрузить любой файл JavaScript с тегом .

 // Мы загружаем наш сценарий в контент HTML H1, P 
Доброе утро
 
Привет, я простое всплывающее окно
кто не занимает много места

Тем не менее, файл JavaScript будет загружен только при открытии всплывающего окна, внезапно, если пользователь никогда не поддерживает кнопку, ваш JavaScript никогда не будет выполнен

JavaScript в “фоне”

Также можно выполнить JavaScript в фоновом режиме, чтобы сохранить ваш код активным, даже если всплывающее окно не развернуто. Для этого им придется изменить манифестный файл.JSON, чтобы включить путь к файлу JavaScript, который мы хотим загрузить.

Сценарии контента

А Счастливые сценарии Являются ли файлы JavaScript, которые будут выполняться в контексте веб -страницы и которые могут взаимодействовать с ней с помощью DOM. В отличие от сценариев, выпущенных на фоне, эти скрипты не имеют доступа к Chrome API.*. Кроме того, они работают относительно изолированным и не имеют доступа к функциям JavaScript, которые будут определены на веб -странице, на которой они вводят.

Этот тип нагрузки будет использоваться, когда вы хотите напрямую взаимодействовать с веб -страницей, чтобы изменить размер шрифта или манипулировать определенными элементами.

Хромированные уведомления

Наконец, небольшой бонус относительно уведомлений. На Google Chrome можно управлять системой уведомлений, которая будет отображаться на рабочем столе пользователя. Если вы хотите использовать этот API, вам нужно заранее спросить разрешение в файле Manifest.json .

«Разрешения»: [// разрешения, мы вернемся ниже «http: //*/*», «https: //*/*», «вкладки», // вкладки - это разрешение создавать новые вкладки «Уведомления» // активирует уведомления],

Как только это будет сделано, мы можем использовать класс, позволяющий управлять уведомлениями.

Var notification = новое уведомление ('название заметки !', < icon: 'votreicon.jpg', body: "Votre petite description de la notification", >);

Этот класс не уникален для Google Chrome, но является новым API есть или блокирует в нескольких браузерах. Если вы хотите получить больше информации о том, как это работает, я приглашаю вас посмотреть документацию. Преимущество в случае расширения заключается в том, что пользователь уже принял разрешения, которые позволяют уведомлениям начать напрямую.

Подключить пользователей от расширения Chrome

Этот документ объясняет, как использовать идентификационную платформу для подключения пользователей из расширения Chrome.

Важный : Платформа Identity совместима только с расширениями, которые используют Manifest V2. Manifest V3 не совместим, потому что он не предоставляет всплывающие операции. Важный: Использование телефона или многофакторной аутентификации из расширения Chrome недоступно.

Прежде чем ты начнешь

• Активировать идентификационную платформу и настроить идентификационного поставщика. Чтобы узнать, как, см. Fast Start -Up.
• Добавьте следующие URL -адреса в список разрешений content_security_policy вашего расширения:
  • https: // apis.Google.компонент
  • https: // www.GSTATIC.компонент
  • https: // www.Googleapis.компонент
  • https: // securetoken.Googleapis.компонент

  Для получения дополнительной информации см. Документацию CSP.

  Сохраните идентификатор вашего расширения

  Чтобы подключить пользователей из расширения Chrome, вы должны сохранить идентификатор расширения в качестве авторизованного домена:

  1. Получить доступ к странице Настройки Идентификационная платформа в облачной консоли Google. Доступ к странице настроек
  2. Нажмите на вкладку Безопасность.
  3. В разделе Уполномоченные домены (Авторизованные области), нажмите на Добавить домен (Добавьте домен).
  4. Введите URI вашего расширения. Это расширение обычно напоминает это: chrome-expension: // chrome_extension_id .
  5. Нажмите на Добавлять.

  Перейдите к подключению пользователей

  Подключение пользователя из расширения Chrome аналогично веб -приложению, с несколькими различиями:

  • Телефонная аутентификация и мультифактор не поддерживается.
  • Расширения Chrome не могут использовать http -перенаправления. Поэтому вы должны использовать всплывающие операции (SignInWithPopup () и LinkwithPopup ()) для подключения пользователей.
  • Призыв к методам аутентификации из действия браузера отменяет действие браузера. Итак, вам следует позвонить им из сценария на заднем плане.
  • Методы всплывающего окна можно использовать только в расширениях, которые используют Manifest v2.

  Следующий пример иллюстрирует подключение пользователя с Google:

  JavaScript

  неожиданно возникнуть.младший

  // Получить ссылку на фоновую страницу. Const bage = chrome.расширение.GetbackgroundPage (); // Войдите со всплывающим окном, обычно прикрепленным к кнопке, нажмите. bgpage.SignInWithPopup (); 

  фон.младший

  Const app = firebase.Initializeapp (config); Const auth = app.Автор (); Const signwithpopup = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >); >; 

  Следующие шаги

  • Подключить пользователей с разными поставщиками идентификаций.
  • Узнайте больше о пользователях платформы идентификации.

  Комментарий

  Если не указано иное, содержание этой страницы регулируется лицензией Creative Commons Assingment 4.0, а образцы кода регулируются лицензией Apache 2.0. Для получения дополнительной информации см. Правила сайта разработчиков Google. Java является зарегистрированным товарным знаком Oracle и/или ее аффилированных компаний.

  Последнее обновление 2023/06/17 (UTC).

  RingCentral для расширения Google Chrome

  Будьте в курсе последних функций, улучшений и исправлений ошибок от RingCentral для Google Chrome Extension.

  Версия 21.3.30 (RC)

  Дата выпуска : 29.09.2021

  • Возможность скрыть профиль пользователя в каталоге компании

  Болотные исправления

  • Отображение логотипа RC в плавающем окне
  • Икона не беспокоит

  Дата выпуска : 28.07.2021

  • Возможность добавить детали разъема в комнате RingCentral Video в ваши приглашения на встречу

  Дата выпуска : 22.01.2021

  • RingCentral Video:
    • Активация комнаты ожидания
    • Глобальные номера доступа
    • Автоматический состав пароля из приглашений по электронной почте
    • Автоматическое применение пароля для не -PMI встреч
    • Соответствие значениям параметров блокировки веб -службы
    • RingCentral Video
      • Обновление лейбла «Присоединяйтесь к хосту», заменив его на «Участники могут присоединиться к встрече только после меня»
      • Улучшение пароля ux

      Дата выпуска : 23/09/2020

      • Страница контактов теперь включает в себя поле для сайта
      • Номер расширения теперь отображается с активированными кодами сайтов
      • Возможность поиска контакта с коротким расширением номера
      • Состав короткого удлиненного номера
      • Слияние 3 параметров звонков в одну опцию кольца

      Дата выпуска : 31.07.2020

      • Возможность разрешения только аутентифицированных пользователей присоединиться к собраниям
      • Опция обмена экранами зарезервирована только для хоста и модераторов
      • Категория дополнительных вариантов безопасности
      • Прием уведомлений для изменений расширения в поставщике видео
      • Использование приложения RingCentral в качестве завершения вызова

      Болотные исправления

      • Невозможно совершать экстренные звонки

      Дата выпуска : 18.05.2020

      • Определение кольца из идентификатора веб -абонента в качестве идентификатора по умолчанию

      Болотные исправления

      • Отображение номеров, передаваемых в список вызовов вызывающих абонентов

      Дата выпуска : 22.04.2020

      • Добавление пароля встречи для запланированных встреч
      • Деактивация функциональности “присоединиться к хозяину”

      Дата выпуска : 09.09.2020

      Болотные исправления

      • Исправлены варианты двойной встречи в меню «Drop -Down» конференции по повестке дня Google.

      Дата выпуска : 02/04/2020

      Болотные исправления

      • Решение проблемы истечения срока действия встреч через 24 часа.
      • Коррекция числа для сочинения встречи RingCentral

      Дата выпуска : 28/10/2019

      • Возможность скрыть раскрытие соответствия для ограниченного использования, чтобы придерживаться политики Google
      • Удаление вкладки Gmail в недавних действиях (чтобы успешно проверить Google, не звоните в API Gmail)
      • Добавление раскрытия соответствия для ограниченного использования, чтобы придерживаться политики Google
      • C2D/SMS Black Management
      • Движение опции добавить в список «Добавить конференцию»
      • Расширение повестки дня Google является приоритетом, если также установлен RingCentral для Google.
      • Инъекция C2D мешает HTML/Text Publishers, в частности, с Radederor
      • Неправильное отображение значка щелчка, чтобы позвонить в повестку дня Google
      • Модификация API контакта с Google для новой авторизации расширения
      • Улучшение удаленного монитора вызовов на странице все вызовы
      • Возможность замаскировать встречу, если пользователь не подключен
      • Удаление номера версии на странице новостей

      Болотные исправления

      • Исследования на странице контактов иногда могут вызвать применение приложения
      • Невозможно сопоставить Google Contact
      • Отключите кнопку для отправки на страницу разговора после неудачи отправить сообщение
      • Невозможно правильно обновить состояние присутствия
      • Задержки и прыжки с курсора в конце текста при вводе сообщений
      • Коллаж телефонных номеров в модифицированном поле контента может вызвать инъекцию C2D
      • Старый кольцевой логотип на новых страницах
      • Опция воссоединения RingCentral в списке «Добавление конференций» на странице повестки дня Google
      • Отображение самой последней информации на конференции после обновления/модификации
      • Добавление домашней страницы для новых продуктов
      • Нажмите на инъекцию, чтобы вызвать/отправить SMS, иногда не отображается в правильном положении.
      • Параметры нажмите, чтобы позвонить и нажмите, чтобы отправить основные SMS на любой веб -странице
      • Все элементы управления вызовами (кроме звонков и звонков для звонков)
      • Доступ к расширению RingCentral на любой хромированной веб -странице
      • Новый пользовательский интерфейс
      • Профессиональные SMS и внутренние SMS
      • Синхронизация каталогов Google и RingCentral
      • Доступ к каталогу из SMS
      • Доступ к каталогу от нумерации
      • Активация функциональности обмена мнениями вокала/факса
      • Активация функциональности телеконференции
      • Подробная визитная карточка
      • Интеграция повестки дня Google
      • Возможность поместить функциональный прототип в черно -белый список (чтобы не позволить определенным веб -сайтам отображать интерфейс пользователя RingCentral и C2D)
      • Отправка обращения к вокальным сообщениям
      • Входящий перевод звонка
      • Ответ SMS на входящий звонок
      • Модификация состояния присутствия
      • Поддержка сотрудничества RingCentral Collaboration
      • Свяжитесь с нами формой
      • Новости
      • Кольцевая поддержка в
      • Google Ho для рингцентральных конференций
      • Значок ошибки WEBRTC (отображение уведомления об ошибке в случае проблемы с вызовом WEBRTC)
      • Уведомление о вызове входит в значок RingCentral при уменьшении приложения (в дополнение к уведомлению о браузере)