Połącz użytkowników z rozszerzenia Chrome

Chcemy stworzyć rozszerzenie, które działa w systemie wyskakujących. Aby utworzyć to drugie, musimy tylko utworzyć klasyczną stronę HTML. Jak skonfigurowano w pliku manifestu.JSON użyjemy pliku wyskakującego.html

Samouczek Google Chrome: Utwórz rozszerzenie

Zapraszam do odkrycia, jak utworzyć rozszerzenie dla przeglądarki internetowej Google Chrome. Tworzenie rozszerzenia może wydawać się złożone, ale nie bój się ! Rzeczywiście, rozszerzenia Google Chrome można tworzyć z językami, które dobrze znamy: JS, HTML i CSS.

Mały warunek wstępny

Najpierw musisz aktywować tryb dewelopera w ustawieniach chromu, aby móc załadować rozszerzenie. Aby to zrobić, przejdź do swoich ustawień> Więcej narzędzi> Rozszerzenia i zaznacz pole tryb dewelopera. Następnie powinieneś zobaczyć, jak trzy nowe przyciski wydają się ładować rozszerzenia.

Skonfiguruj swoje rozszerzenie

Punktem wyjścia do utworzenia rozszerzenia jest utworzenie pliku manifestu.JSON u podstaw pliku. Będzie zawierał wszystkie informacje dotyczące konfiguracji rozszerzenia, takie jak nazwa, opis, skrypty do załadowania.

< "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 >, „Ikony”: < // 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 >>

Wszystkie parametry dostępne dla tego pliku zostały opisane w dokumentacji.

Uprawnienia

Domyślnie twoje rozszerzenie będzie w rodzaju piaskownicy i nie będzie miało dostępu do niczego. W niektórych przypadkach chcemy stworzyć rozszerzenia zdolne do komunikowania się ze stronami internetowymi lub z niektórymi interfejsami API przeglądarki. Wówczas konieczne będzie określenie w naszej konfiguracji, które uprawnienia chcemy uzyskać (te uprawnienia będą wymagane podczas instalacji rozszerzenia). Te uprawnienia mogą przybierać dwie formy:

• Ciąg znaków reprezentujący określony rodzaj uprawnień, na przykład dostęp do kart kart (lista uprawnień)
• Powód reprezentujący format adresu URL, do którego będziemy dostępu (wzorce dopasowania)

„Uprawnienia”: [// uprawnienia, wrócimy poniżej „http: //*/*”, „https: //*/*”, „tabs” // karta to uprawnienie do tworzenia nowych kart],

Dla „http: ///„and the” https: ///„, Mówimy mu, że rozszerzenie może działać na wszystkich stronach HTTP lub HTTPS.

Utwórz wyskakujące okienko

Chcemy stworzyć rozszerzenie, które działa w systemie wyskakujących. Aby utworzyć to drugie, musimy tylko utworzyć klasyczną stronę HTML. Jak skonfigurowano w pliku manifestu.JSON użyjemy pliku wyskakującego.html

 H1, s. 1 
Dzień dobry
 
Witam, jestem prostym wyskakowaniem
Kto nie zajmuje dużo miejsca

To wszystko, co musimy zrobić na chwilę, kiedy klikamy przycisk Chrome, automatycznie otworzy wyskakujące okienko, zmieniając stronę, którą właśnie napisaliśmy.

Przetestuj jego rozszerzenie

Chcemy teraz przetestować nasze rozszerzenie, ponieważ będziemy musieli przejść przez panel rozszerzenia i kliknąć przycisk ładowania TET, a następnie wybierz folder zawierający rozszerzenie. Automatycznie, powinieneś zobaczyć ikonę swojego rozszerzenia.

Scenariusz

Koniecznie rozszerzenie, które wyświetla wyskakujące okienko, jest stosunkowo ograniczone ! Na szczęście możemy użyć JavaScript, aby dodać różne zachowania do naszego rozszerzenia. Istnieje kilka sposobów ładowania JavaScript w zależności od tego, co chcesz osiągnąć.

JavaScript w pop-up

Po pierwsze, jest to możliwe załadowanie JavaScript bezpośrednio w wyskakującym okienku. Rzeczywiście, jest to klasyczna strona internetowa, na której możemy załadować dowolny plik JavaScript za pomocą znacznika .

 // ładujemy nasz skrypt w zawartości HTML H1, p 
Dzień dobry
 
Witam, jestem prostym wyskakowaniem
Kto nie zajmuje dużo miejsca

To powiedziawszy, plik JavaScript zostanie załadowany tylko przy otwarciu wyskakującego wyskakującego, nagle, jeśli użytkownik nigdy nie obsługuje przycisku, twój JavaScript nigdy nie zostanie wykonany

JavaScript w „tle”

Możliwe jest również wykonanie JavaScript w tle, aby utrzymać kod aktywność, nawet gdy wyskakujące okienko nie jest wdrożone. Aby to zrobić, będą musieli zmienić plik manifestowy.JSON, aby uwzględnić ścieżkę do pliku JavaScript, który chcemy załadować.

Skrypty treści

Szczęśliwe skrypty to pliki JavaScript, które zostaną wykonane w kontekście strony internetowej i które mogą z nią oddziaływać za pomocą DOM. W przeciwieństwie do skryptów uruchomionych z tła te skrypty nie mają dostępu do API Chrome.*. Ponadto działają względnie odizolowane i nie mają dostępu do funkcji JavaScript, które zostałyby zdefiniowane na stronie internetowej, na której są wstrzykiwane.

Ten rodzaj obciążenia zostanie użyty, gdy chcesz bezpośrednio interakcja ze stroną internetową, aby zmienić rozmiar czcionki lub manipulować niektórymi elementami.

Powiadomienia Chrome

Wreszcie niewielka bonus dotycząca powiadomień. W Google Chrome możliwe jest zarządzanie systemem powiadomień, który zostanie wyświetlony na komputerze stacjonarnym użytkownika. Jeśli chcesz użyć tego interfejsu API, musisz wcześniej zapytać o zgodę w pliku manifestu.JSON .

„Uprawnienia”: [// uprawnienia, wrócimy poniżej „http: //*/*”, „https: //*/*”, „tabs”, // karta to uprawnienie do tworzenia nowych kart „powiadomień” // aktywuje powiadomienia],

Po zakończeniu tego możemy skorzystać z klasy, umożliwiając zarządzanie powiadomieniami.

Var notification = nowe powiadomienie („Tytuł powiatowy !', < icon: 'votreicon.jpg', body: "Votre petite description de la notification", >);

Ta klasa nie jest unikalna w Google Chrome, ale jest nowym interfejsem API lub blokami w kilku przeglądarkach. Jeśli chcesz uzyskać więcej informacji na temat tego, jak to działa, zapraszam do obejrzenia dokumentacji. Zaletą w przypadku rozszerzenia jest to, że użytkownik zaakceptował już uprawnienia, które pozwalają na bezpośrednio rozpocząć powiadomienia.

Połącz użytkowników z rozszerzenia Chrome

Ten dokument wyjaśnia, jak korzystać z platformy tożsamości do łączenia użytkowników z rozszerzenia Chrome.

Ważny : Platforma tożsamości jest kompatybilna tylko z rozszerzeniami, które wykorzystują manifest v2. Manifest V3 nie jest kompatybilny, ponieważ nie zapewnia wyskakujących operacji. Ważny: Korzystanie z telefonu lub uwierzytelniania wieloczynnikowego z rozszerzenia Chrome nie jest dostępne.

Zanim zaczniesz

• Aktywuj platformę tożsamości i skonfiguruj dostawcę tożsamości. Aby dowiedzieć się, jak, zobacz szybki start -up.
• Dodaj następujące adresy URL do listy autoryzacji Content_Security_Policy z twojego rozszerzenia:
  • https: // API.Google.com
  • https: // www.gstatic.com
  • https: // www.Googleapis.com
  • https: // secureToken.Googleapis.com

  Aby uzyskać więcej informacji, zobacz dokumentację CSP.

  Zapisz identyfikator swojego rozszerzenia

  Aby podłączyć użytkowników z rozszerzenia Chrome, musisz zapisać identyfikator rozszerzenia jako autoryzowaną domenę:

  1. Uzyskaj dostęp do strony Ustawienia Platforma tożsamości w Cloud Console Google. Uzyskaj dostęp do strony Ustawienia
  2. Kliknij kartę Bezpieczeństwo.
  3. W sekcji Upoważnione domeny (Autoryzowane obszary), kliknij Dodaj domenę (Dodaj domenę).
  4. Wprowadź URI swojego rozszerzenia. To rozszerzenie zwykle przypomina to: Chrome-Expension: // Chrome_Extension_id .
  5. Kliknij Dodać.

  Przejdź do połączenia użytkowników

  Połączenie użytkownika z rozszerzenia Chrome jest podobne do aplikacji internetowej do kilku różnic:

  • Uwierzytelnianie telefoniczne i wieloczynnikowe nie jest obsługiwane.
  • Rozszerzenia chromu nie mogą używać przekierowań HTTP. Dlatego musisz użyć operacji wyskakujących (signInwithPopup () i linkWithPopUp ()), aby podłączyć użytkowników.
  • Wezwanie metod uwierzytelniania z akcji przeglądarki anuluje działanie przeglądarki. Więc powinieneś raczej wywołać je ze skryptu w tle.
  • Metody wyskakujące mogą być stosowane tylko w rozszerzeniach wykorzystujących manifest v2.

  Poniższy przykład ilustruje połączenie użytkownika z Google:

  JavaScript

  okienko.JS

  // Uzyskaj odniesienie do strony tła. Const Bgage = Chrome.rozszerzenie.GetbackgroundPage (); // Zaloguj się za pomocą wyskakującego, zwykle podłączane do kliknięcia przycisku. BGPAGE.SigninWithPopup (); 

  tło.JS

  Const App = Firebase.InicitizeApp (config); Const auth = App.autor (); Const signinWithPopUp = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >); >; 

  Następujące kroki

  • Połącz użytkowników z różnymi dostawcami tożsamości.
  • Dowiedz się więcej o użytkownikach platformy tożsamości.

  Komentarz

  O ile nie wskazano inaczej, zawartość tej strony podlega licencji Creative Commons Cassment 4.0, a próbki kodu podlegają licencji Apache 2.0. Aby uzyskać więcej informacji, zobacz reguły witryny programistów Google. Java jest zarejestrowanym znakiem towarowym Oracle i/lub jej spółek stowarzyszonych.

  Ostatnia aktualizacja 2023/06/17 (UTC).

  Ringcentral dla Google Chrome Extension

  Bądź na bieżąco z najnowszymi funkcjami, ulepszeniami i poprawkami błędów z Ringcentral dla Google Chrome Extension.

  Wersja 21.3.30 (RC)

  Data wydania : 29/29/2021

  • Możliwość ukrycia profilu użytkownika w katalogu firmy

  Korekty torfowiska

  • Wyświetl logo RC w pływającym oknie
  • Ikona nie przeszkadza

  Data wydania : 07/28/2021

  • Możliwość dodania szczegółów złącza pokoju Ringcentral w zaproszeniach na spotkanie

  Data wydania : 22/22/2021

  • Ringcentral Video:
    • Aktywacja poczekalni
    • Globalne numery dostępu
    • Automatyczny skład hasła z zaproszeń e-mailem
    • Automatyczne zastosowanie hasła do spotkań innych niż PMI
    • Zgodność z wartościami parametrów blokowania usługi internetowej
    • Ringcentral Video
      • Aktualizacja etykiety „Dołącz do hosta”, zastępując ją „Uczestnicy mogą dołączyć do spotkania tylko po mnie”
      • Ulepszenie hasła UX

      Data wydania : 23.09.2020

      • Strona danych kontaktowych zawiera teraz pole witryny
      • Numer rozszerzenia jest teraz wyświetlany z aktywowanymi kodami witryny
      • Możliwość wyszukiwania kontaktu z krótkim numerem rozszerzenia
      • Skład krótkiego numeru rozszerzenia
      • Fuzja 3 opcji połączeń rąkowych w jedną opcję Ringout

      Data wydania : 31.07.2020

      • Możliwość upoważnienia tylko uwierzytelnionych użytkowników do dołączenia do spotkań
      • Opcja udostępniania ekranu zarezerwowana tylko dla hosta i moderatorów
      • Kategoria dodatkowych opcji bezpieczeństwa
      • Odbiór powiadomień o zmianach rozszerzenia u dostawcy wideo
      • Użycie aplikacji Ringcentral jako zakończenia połączenia

      Korekty torfowiska

      • Nie można wykonywać połączeń alarmowych

      Data wydania : 18.05.2020

      • Definicja pierścienia z identyfikatora dzwoniącego jako domyślny identyfikator

      Korekty torfowiska

      • Wyświetlanie liczb przesłanych na listę połączeń dzwoniących

      Data wydania : 04/22/2020

      • Dodanie hasła do spotkania dla planowanych spotkań
      • Dezaktywacja funkcjonalności „Dołącz przed gospodarzem”

      Data wydania : 04/09/2020

      Korekty torfowiska

      • Naprawiono opcje podwójnego spotkania w menu upadku konferencji w programie Google.

      Data wydania : 02/04/2020

      Korekty torfowiska

      • Rozwiązanie problemu wygaśnięcia spotkań po 24 godzinach.
      • Korekta liczby liczby do komponowania spotkań ringcentralnych

      Data wydania : 28/10/2019

      • Opcja ukrycia ujawnienia zgodności w celu ograniczonego użytku do przestrzegania zasad Google
      • Usuwanie karty Gmaila w ostatnich działaniach (aby skutecznie sprawdzić Google, nie nazywaj API Gmail)
      • Dodanie ujawnienia zgodności z ograniczonym zastosowaniem do przestrzegania zasad Google
      • C2D/SMS Black List Management
      • Ruch opcji Dodaj na liście „Dodawanie konferencji”
      • Rozszerzenie agendy Google jest priorytetem, jeśli zainstalowano również Ringcentral dla Google.
      • Wtrysk C2D zakłóca wydawców HTML/tekstu, w szczególności z Radederor
      • Nieprawidłowe wyświetlanie ikonę kliknięcia, aby zadzwonić w programie Google
      • Modyfikacja interfejsu API kontaktu Google w celu nowej autoryzacji rozszerzenia
      • Ulepszenie zdalnego monitora połączeń na stronie wszystkie połączenia
      • Opcja maskowania spotkania, jeśli użytkownik nie jest podłączony
      • Usunięcie numeru wersji na stronie wiadomości

      Korekty torfowiska

      • Badania na stronie kontaktowej mogą czasami powodować zastosowanie aplikacji
      • Nie można dopasować kontaktu Google
      • Wyłączanie przycisku, aby wysłać na stronę rozmowy po braku wysłania wiadomości
      • Nie można poprawnie zaktualizować statusu obecności
      • Opóźnienia i skacze z kursora na końcu tekstu podczas wprowadzania wiadomości
      • Kolaż numerów telefonów w modyfikowalnym polu treści może wywołać wtrysk C2D
      • Stare logo ringcentral na nowych stronach
      • Brak opcji zjazdu Ringcentral na liście upadków „Dodawanie konferencji” na stronie Google Agenda
      • Wyświetlanie najnowszych informacji na temat konferencji po aktualizacji/modyfikacji
      • Dodanie strony głównej dla nowych produktów
      • Kliknij wtrysk, aby zadzwonić/wysłać SMS -a czasami nie pojawia się we właściwej pozycji.
      • Opcje kliknij, aby zadzwonić i kliknij, aby wysłać podstawowy SMS na dowolnej stronie internetowej
      • Wszystkie sterowanie połączeniami (z wyjątkiem wywoływania połączeń i wywoływania połączeń)
      • Dostęp do rozszerzenia RingCentral na dowolnej stronie internetowej Chrome
      • Nowy interfejs użytkownika
      • Profesjonalne SMS i wewnętrzne SMS
      • Synchronizacja katalogów Google i Ringcentral
      • Dostęp do katalogu z SMS
      • Dostęp do katalogu z numeracji
      • Aktywacja funkcji przesyłania wiadomości wokalnych/faksowych
      • Aktywacja funkcji telekonferencji
      • Szczegółowa wizytówka
      • Integracja agendy Google
      • Możliwość umieszczenia funkcjonalnego prototypu na liście czarno -białych (aby zapobiec wyświetlaniu interfejsu użytkownika RingCentral i C2D)
      • Wysyłanie odwołania do wiadomości wokalnych
      • Przychodzące transfer połączeń
      • Odpowiedź SMS na połączenie przychodzące
      • Modyfikacja statusu obecności
      • Spotkania Ringcentral Wsparcie Wsparcia
      • Skontaktuj się z nami formularz
      • Aktualności
      • Wsparcie ringcentralne w
      • Google Ho dla konferencji Ringcentral
      • Odznaka błędów WebRTC (wyświetlanie powiadomienia o błędach w przypadku problemu z wywołaniem WebRTC)
      • Powiadomienie o połączeniu wchodzące do odznaki ringcentralnej, gdy aplikacja jest zmniejszona (oprócz powiadomienia o przeglądarce)