Verbind gebruikers van een Chrome -extensie

We willen een extensie maken die werkt op een pop-upsysteem. Om dit laatste te maken, moeten we alleen een klassieke HTML -pagina maken. Zoals geconfigureerd in het manifestbestand.JSON We zullen een pop -upbestand gebruiken.HTML

Google Chrome -zelfstudie: maak een extensie

Ik nodig je uit om te ontdekken hoe je een extensie voor de Google Chrome -webbrowser kunt maken. Het creëren van een extensie lijkt misschien complex, maar wees niet bang ! Google Chrome -extensies kunnen inderdaad worden gemaakt met talen die we goed kennen: JS, HTML en CSS.

De kleine voorwaarde

Eerst moet je de Ontwikkelaarsmodus In Chrome -instellingen om uw extensie te kunnen laden. Hiervoor gaat u naar uw instellingen> Meer tools> Extensies en vink het vakje aan Ontwikkelaarsmodus. Je zou dan zien dat drie nieuwe knoppen extensies lijken te laden.

Configureer uw extensie

Het startpunt voor het maken van een extensie is het maken van een manifestbestand.JSON aan de oorzaak van uw bestand. Hij zal alle informatie bevatten met betrekking tot de configuratie van de extensie zoals de naam, de beschrijving, de te laden scripts.

< "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 >, "Iconen": < // 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 >>

Alle beschikbare parameters voor dit bestand worden beschreven in de documentatie.

Rechten

Standaard is uw extensie in een soort sandbox en heeft geen toegang tot iets. In sommige gevallen willen we extensies maken die kunnen communiceren met webpagina’s, of met bepaalde browser -API’s. Het zal dan nodig zijn om in onze configuratie op te geven welke machtigingen we willen verkrijgen (deze machtigingen worden gevraagd tijdens de installatie van de extensie). Deze machtigingen kunnen twee vormen aannemen:

• Een tekenreeks die een bepaald type toestemming vertegenwoordigt, bijvoorbeeld toegang tot tabbladen (lijst met machtigingen)
• Een reden die een URL -formaat vertegenwoordigt waartoe we toegang hebben (matchpatronen)

"Machtigingen": [// machtigingen, we komen hieronder terug "http: //*/*", "https: //*/*", "tabs" // tabs is toestemming om nieuwe tabbladen te maken],

Voor de “http: ///“En de” https: ///“, We vertellen hem dat de extensie kan werken op alle HTTP- of HTTPS -pagina’s.

Maak een pop-up

We willen een extensie maken die werkt op een pop-upsysteem. Om dit laatste te maken, moeten we alleen een klassieke HTML -pagina maken. Zoals geconfigureerd in het manifestbestand.JSON We zullen een pop -upbestand gebruiken.HTML

 H1, P 
Hallo
 
Hallo, ik ben een eenvoudige pop -up
Wie neemt niet veel ruimte in beslag

Dat is alles wat we op dit moment moeten doen, wanneer we op de Chrome-knop klikken, wordt de pop-up automatisch geopend door de pagina te wijzigen die we zojuist hebben geschreven.

Test de extensie

We willen nu onze extensie testen, want dat moeten we door het extensiepaneel gaan en op de knop Tet laden klikken en selecteer de map met uw extensie. Automatisch moet u zien dat het pictogram van uw extensie verschijnt.

Script

Noodzakelijkerwijs een extensie die een pop-up toont, het is relatief beperkt ! Gelukkig kunnen we JavaScript gebruiken om ander gedrag aan onze extensie toe te voegen. Er zijn verschillende manieren om JavaScript te laden, afhankelijk van wat u wilt bereiken.

JavaScript in pop-up

Het is allereerst mogelijk om JavaScript rechtstreeks in pop-up te laden. Inderdaad, dit is een klassieke webpagina waarop we elk JavaScript -bestand met de tag kunnen laden .

 // We laden ons script in de HTML H1 -inhoud, P 
Hallo
 
Hallo, ik ben een eenvoudige pop -up
Wie neemt niet veel ruimte in beslag

Dat gezegd hebbende, het JavaScript-bestand wordt alleen geladen bij de opening van de pop-up, plotseling als de gebruiker de knop nooit ondersteunt, zal uw JavaScript nooit worden uitgevoerd

JavaScript in “Achtergrond”

Het is ook mogelijk om JavaScript op de achtergrond uit te voeren om uw code actief te houden, zelfs wanneer pop-up niet wordt geïmplementeerd. Om dit te doen, moeten ze het manifestbestand wijzigen.JSON om het pad op te nemen naar het JavaScript -bestand dat we willen laden.

De inhoudscripts

DE Gelukkige scripts zijn JavaScript -bestanden die worden uitgevoerd in de context van de webpagina en die ermee kunnen communiceren met de DOM. In tegenstelling tot de scripts die vanaf de achtergrond zijn gelanceerd, hebben deze scripts geen toegang tot Chrome API’s.*. Bovendien werken ze relatief geïsoleerd en hebben ze geen toegang tot JavaScript -functies die zouden worden gedefinieerd op de webpagina waarop ze worden geïnjecteerd.

Dit type belasting wordt gebruikt wanneer u rechtstreeks met de webpagina wilt communiceren om de lettergrootte te wijzigen of bepaalde items te manipuleren.

Chrome meldingen

Ten slotte, kleine bonus over meldingen. Op Google Chrome is het mogelijk om een ​​meldingssysteem te beheren dat op het bureaublad van de gebruiker wordt weergegeven. Als u deze API wilt gebruiken, moet u vooraf toestemming vragen in het manifestbestand.JSON .

"Machtigingen": [// machtigingen, we zullen hieronder terugkomen "http: //*/*", "https: //*/*", "tabs", // tabs is toestemming om nieuwe tabbladen "meldingen" te maken "meldingen" // Activeert meldingen],

Zodra dit is gebeurd, kunnen we de klasse gebruiken waarmee de meldingen kunnen worden beheerd.

Var Notification = nieuwe melding ('Titel van de Notive !', < icon: 'votreicon.jpg', body: "Votre petite description de la notification", >);

Deze klasse is niet uniek voor Google Chrome, maar is een nieuwe API HAS of blokken in verschillende browsers. Als u meer informatie wilt hebben over hoe het werkt, nodig ik u uit om de documentatie te bekijken. Het voordeel in het geval van een extensie is dat de gebruiker al machtigingen heeft geaccepteerd waarmee meldingen direct kunnen beginnen.

Verbind gebruikers van een Chrome -extensie

Dit document legt uit hoe u een identiteitsplatform kunt gebruiken om gebruikers van een Chrome -extensie te verbinden.

Belangrijk : Identiteitsplatform is alleen compatibel met extensies die manifest V2 gebruiken. Manifest V3 is niet compatibel omdat het geen pop-up bewerkingen biedt. Belangrijk: Het gebruik van een telefoon of een multifactor -authenticatie van een chromen extensie is niet beschikbaar.

Voordat je start

• Activeer het identiteitsplatform en configureer een identiteitsprovider. Om erachter te komen hoe, zie Fast Start -Up.
• Voeg de volgende URL’s toe aan de lijst met autorisaties van content_security_policy van uw extensie:
  • https: // apis.Google.com
  • https: // www.gstatisch.com
  • https: // www.Googleapis.com
  • https: // Securetoken.Googleapis.com

  Zie de CSP -documentatie voor meer informatie.

  Bewaar de ID van uw extensie

  Om gebruikers van een Chrome -extensie te verbinden, moet u de extensie -ID opslaan als een geautoriseerd domein:

  1. Toegang tot de pagina Instellingen Identiteitsplatform in de Google Cloud Console. Toegang tot de pagina Instellingen
  2. Klik op het tabblad Beveiliging.
  3. In de sectie Geautoriseerde domeinen (Geautoriseerde gebieden), klik op Domein toevoegen (Voeg een domein toe).
  4. Voer de URI van uw extensie in. Deze extensie lijkt normaal gesproken op dit: chrome-expension: // chrome_extension_id .
  5. Klik op Toevoegen.

  Ga verder met de verbinding van gebruikers

  Gebruikersverbinding van een Chrome -extensie is vergelijkbaar met een webtoepassing, met enkele verschillen:

  • Telefoon- en multifactor -authenticatie wordt niet ondersteund.
  • Chrome -extensies kunnen geen HTTP -omleidingen gebruiken. U moet daarom pop-up bewerkingen gebruiken (SigninWithPopup () en LinkWithPopup ()) om gebruikers te verbinden.
  • De oproep tot authenticatiemethoden van een browseractie annuleert de actie van de browser. Dus je moet ze liever uit een script op de achtergrond bellen.
  • Pop-upmethoden kunnen alleen worden gebruikt in extensies die manifest V2 gebruiken.

  Het volgende voorbeeld illustreert de verbinding van een gebruiker met Google:

  Javascript

  pop-up.js

  // Verwijzing naar achtergrondpagina. Const Bgage = Chrome.verlenging.GetBackgroundPage (); // Meld u aan bij pop -up, meestal bevestigd aan Knop Klik. bgpage.Ondertekenen metpopup (); 

  achtergrond.js

  Const app = firebase.InitializeApp (config); Const auth = app.auteur (); Const signinWithPopup = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >); >;; 

  Stappen volgen

  • Verbind gebruikers met verschillende identiteitsproviders.
  • Meer informatie over gebruikers van identiteitsplatforms.

  Opmerking

  Tenzij anders aangegeven, wordt de inhoud van deze pagina beheerst door een Creative Commons -opdracht 4 -licentie.0, en codemonsters worden beheerst door een Apache 2 -licentie.0. Zie de regels van de Google Developers -site voor meer informatie. Java is een geregistreerd handelsmerk van Oracle en/of zijn aangesloten bedrijven.

  Laatste update op 2023/06/17 (UTC).

  RingCentral voor Google Chrome Extension

  Blijf up -to -date met de nieuwste functies, verbeteringen en bugcorrecties van de RingCentral voor Google Chrome Extension.

  Versie 21.3.30 (RC)

  Datum van publicatie : 29/09/2021

  • Mogelijkheid om het gebruikersprofiel in de directory van het bedrijf te verbergen

  Moerascorrecties

  • Weergave van het RC -logo in een drijvend venster
  • Icoon niet storen

  Datum van publicatie : 28/07/2021

  • Mogelijkheid om de details van de RingCentral -video van de Room Connector toe te voegen in uw uitnodigingen aan een vergadering

  Datum van publicatie : 22/01/2021

  • RingCentral Video:
    • Activering van de wachtkamer
    • Globale toegangsnummers
    • Automatische samenstelling van het wachtwoord uit uitnodigingen per e-mail
    • Automatische toepassing van een wachtwoord voor niet -PMI -vergaderingen
    • Naleving van de waarden van de vergrendelingsparameters van de webservice
    • RingCentral -video
      • Update van het label “Join Before the Host” door het te vervangen door “Deelnemers kunnen alleen deelnemen aan de vergadering na mij”
      • Verbetering van het wachtwoord ux

      Datum van publicatie : 23/09/2020

      • De pagina met contactgegevens bevat nu een veld voor de site
      • Het extensienummer wordt nu weergegeven met geactiveerde sitecodes
      • Mogelijkheid om te zoeken naar contact met het korte extensienummer
      • Samenstelling van een kort verlengnummer
      • Fusie van 3 ring -out call -opties in een enkele ring -outoptie

      Datum van publicatie : 07/31/2020

      • Mogelijkheid om alleen geverifieerde gebruikers te machtigen om deel te nemen aan de vergaderingen
      • Schermafwijkingsoptie alleen gereserveerd voor host en moderators
      • Categorie van extra beveiligingsopties
      • Ontvangst van meldingen voor uitbreidingswijzigingen in de videoleverancier
      • Gebruik van de RingCentral -toepassing als oproepbeëindiging

      Moerascorrecties

      • Niet in staat om noodoproepen te doen

      Datum van publicatie : 05/18/2020

      • Definitie van ring -out van de ID van de Web Caller als de standaard ID -ID

      Moerascorrecties

      • Weergave van nummers overgedragen naar de lijst met oproepen van bellers

      Datum van publicatie : 22/04/2020

      • Een vergaderwachtwoord toevoegen voor geplande vergaderingen
      • Deactivering van de functionaliteit “Join voor de host”

      Datum van publicatie : 04/09/2020

      Moerascorrecties

      • Opties voor dubbele vergaderingen opgelost in het drop -downmenu van de conferentie op Google Agenda.

      Datum van publicatie : 02/04/2020

      Moerascorrecties

      • Resolutie van het probleem van het aflopen van vergaderingen na 24 uur.
      • Correctie van het aantal van het nummer om RingCentral -vergaderingen samen te stellen

      Datum van publicatie : 28/10/2019

      • Optie om de openbaarmaking van naleving te verbergen voor beperkt gebruik om zich te houden aan het beleid van Google
      • Het Gmail -tabblad verwijderen in recente activiteiten (om Google succesvol te controleren, bel de Gmail API niet)
      • Het toevoegen van de openbaarmaking van naleving voor beperkt gebruik om zich te houden aan het beleid van Google
      • C2D/SMS Black List Management
      • Beweging van de optie Een vergaderoptie toevoegen in de drop -down -list “Conferentie toevoegen”
      • De Google Agenda -extensie is een prioriteit als RingCentral voor Google ook is geïnstalleerd.
      • De C2D -injectie interfereert met HTML/Text Publishers, met name met Radederor
      • Onjuiste weergave van het klikpictogram om in Google Agenda in te roepen
      • Wijziging van de Google Contact API voor de nieuwe extensie -autorisatie
      • Verbetering van de externe oproepmonitor in de pagina Alle oproepen
      • Optie om de vergadering te maskeren als de gebruiker niet is verbonden
      • Verwijdering van het versienummer op de nieuwspagina

      Moerascorrecties

      • Onderzoek op de contactpagina kan soms de toepassing van de applicatie veroorzaken
      • Kan niet overeenkomen met Google Contact
      • Het uitschakelen van de knop om naar de gesprekspagina te sturen na het niet verzenden van het bericht
      • Kan de aanwezigheidsstatus niet correct bijwerken
      • Vertragingen en springt uit de cursor aan het einde van de tekst bij het invoeren van berichten
      • De collage van telefoonnummers in een modificeerbaar veld voor inhoud kan een C2D -injectie activeren
      • Oude RingCentral -logo op nieuwe pagina’s
      • Ontbrekende RingCentral -reünieoptie in de “Drop -down -down -lijst” toevoegen van conferenties op Google Agenda -pagina
      • Weergave van de meest recente informatie over de conferentie na update/wijziging
      • Toevoeging van de startpagina voor nieuwe producten
      • De injectie klikt om een ​​sms te bellen/te verzenden, soms verschijnt soms niet in de juiste positie.
      • Opties klikken om te bellen en te klikken om een ​​basis sms te verzenden op elke webpagina
      • Alle oproepbesturingselementen (behalve oproepen om oproepen en oproepen tot oproepen)
      • Toegang tot de RingCentral Extension op elke Chrome -webpagina
      • Nieuwe gebruikersinterface
      • Professionele sms en interne sms
      • Synchronisatie van Google en RingCentral Directory’s
      • Toegang tot de map van sms
      • Toegang tot de map vanuit nummering
      • Activering van vocale/faxberichtenfunctionaliteit
      • Activering van de teleconferentie -functionaliteit
      • Gedetailleerde visitekaartje
      • Integratie van Google Agenda
      • Mogelijkheid om het functionele prototype op de zwarte/witte lijst te plaatsen (om te voorkomen dat bepaalde websites de RingCentral- en C2D -gebruikersinterface weergeven)
      • Het sturen van een beroep op vocale berichten
      • Inkomende oproepoverdracht
      • Reactie van sms op een inkomende oproep
      • Wijziging van de aanwezigheidsstatus
      • RingCentral Meetings Samenwerking Ondersteuning
      • Neem contact met ons op
      • Nieuws
      • RingCentral -ondersteuning op
      • Google HO voor RingCentral Conferenties
      • WebRTC -foutbadge (weergave van een foutmelding in het geval van een probleem met de WebRTC -oproep)
      • Oproepmelding die de RingCentral Badge invoert wanneer de toepassing wordt verminderd (naast de melding van de browser)