Anslut användare från en kromförlängning

Vi vill skapa en förlängning som fungerar på ett pop-up-system. För att skapa det senare behöver vi bara skapa en klassisk HTML -sida. Som konfigurerat i manifestfilen.JSON Vi kommer att använda en popup -fil.html

Google Chrome Tutorial: Skapa en förlängning

Jag inbjuder dig att upptäcka hur du skapar en förlängning för Google Chrome webbläsare. Att skapa en förlängning kan verka komplex, men var inte rädd ! I själva verket kan Google Chrome -tillägg skapas med språk som vi känner väl: JS, HTML och CSS.

Den lilla förutsättningen

Först måste du aktivera utvecklarläge I krominställningar för att kunna ladda din tillägg. För att göra detta går du till dina inställningar> Fler verktyg> Tillägg och kontrollerar rutan utvecklarläge. Du bör då se att tre nya knappar visas för att ladda tillägg.

Konfigurera din tillägg

Utgångspunkten för att skapa en förlängning är skapandet av en manifestfil.JSON i roten till din fil. Han kommer att innehålla all information om konfigurationen av tillägget, till exempel namnet, beskrivningen, skripten som ska laddas.

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

Alla tillgängliga parametrar för den här filen beskrivs i dokumentationen.

Behörighet

Som standard kommer din tillägg att vara i en slags sandlåda och kommer inte att ha tillgång till någonting. I vissa fall vill vi skapa tillägg som kan kommunicera med webbsidor eller med vissa webbläsar -API: er. Det kommer då att vara nödvändigt att specificera i vår konfiguration vilka behörigheter vi vill få (dessa behörigheter kommer att begäras under installationen av tillägget). Dessa behörigheter kan ta två formulär:

• En teckensträng som representerar en viss typ av tillstånd, till exempel åtkomst till flikar (lista över behörigheter)
• En anledning som representerar ett URL -format som vi kommer åt (matchmönster)

"Behörigheter": [// Behörigheter kommer vi tillbaka nedan "http: //*/*", "https: //*/*", "flikar" // flikar är tillåtelse att skapa nya flikar],

För “http: ///“och” https: ///“, Vi berättar för honom att tillägget kan fungera på alla HTTP- eller HTTPS -sidor.

Skapa en pop-up

Vi vill skapa en förlängning som fungerar på ett pop-up-system. För att skapa det senare behöver vi bara skapa en klassisk HTML -sida. Som konfigurerat i manifestfilen.JSON Vi kommer att använda en popup -fil.html

 H1, p 
God morgon
 
Hej jag är en enkel popup
som inte tar mycket utrymme

Det är allt vi behöver göra för tillfället, när vi klickar på Chrome-knappen öppnar automatiskt pop-up genom att ändra sidan som vi just har skrivit.

Testa dess förlängning

Vi vill nu testa vår tillägg, för det måste vi gå igenom tilläggspanelen och klicka på Tet Charge -knappen och sedan välj mappen som innehåller din tillägg. Automatiskt bör du se att ikonen för din tillägg visas.

Manus

Nödvändigtvis en förlängning som visar en pop-up, den är relativt begränsad ! Lyckligtvis kan vi använda JavaScript för att lägga till olika beteenden till vår förlängning. Det finns flera sätt att ladda JavaScript beroende på vad du vill åstadkomma.

JavaScript i pop-up

Det är först och främst att ladda JavaScript direkt i pop-up. Detta är faktiskt en klassisk webbsida där vi kan ladda alla javascript -filer med taggen .

 // vi laddar vårt skript i HTML H1 -innehållet, P 
God morgon
 
Hej jag är en enkel popup
som inte tar mycket utrymme

Som sagt kommer JavaScript-filen bara att laddas vid öppningen av pop-up, plötsligt om användaren aldrig stöder knappen kommer ditt JavaScript aldrig att köras

JavaScript i “bakgrund”

Det är också möjligt att köra JavaScript i bakgrunden för att hålla din kod aktiv även när popup inte är distribuerad. För att göra detta måste de ändra manifestfilen.JSON för att inkludera sökvägen till JavaScript -filen som vi vill ladda.

Innehållsskripten

DE Glada skript är JavaScript -filer som kommer att köras i samband med webbsidan och som kan interagera med den med DOM. Till skillnad från skripten som lanserades från bakgrund har dessa skript inte tillgång till Chrome API: er.*. Dessutom driver de relativt isolerade och har inte tillgång till JavaScript -funktioner som skulle definieras på webbsidan som de injiceras.

Denna typ av last kommer att användas när du vill interagera direkt med webbsidan för att ändra teckensnittstorleken eller manipulera vissa objekt.

Kromaviseringar

Slutligen, liten bonus om aviseringar. På Google Chrome är det möjligt att hantera ett aviseringssystem som kommer att visas på användarens skrivbord. Om du vill använda detta API måste du be tillåtelse i förväg i manifestfilen.json .

"Behörigheter": [// Behörigheter, vi kommer tillbaka nedan "http: //*/*", "https: //*/*", "flikar", // flikar är tillåtelse att skapa nya flikar "aviseringar" // aktiverar aviseringar],

När detta är gjort kan vi använda klassen så att de ska hantera aviseringarna.

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

Denna klass är inte unik för Google Chrome, men är ett nytt API har eller blockerar i flera webbläsare. Om du vill ha mer information om hur det fungerar, inbjuder jag dig att titta på dokumentationen. Fördelen i fallet med en förlängning är att användaren redan har accepterat behörigheter som gör att meddelanden kan komma igång direkt.

Anslut användare från en kromförlängning

Detta dokument förklarar hur man använder identitetsplattform för att ansluta användare från en Chrome -förlängning.

Viktig : Identitetsplattform är endast kompatibel med tillägg som använder Manifest V2. Manifest V3 är inte kompatibelt eftersom det inte ger popup-operationer. Viktig: Användningen av en telefon eller en multifaktorautentisering från en kromförlängning är inte tillgänglig.

Innan du börjar

• Aktivera identitetsplattform och konfigurera en identitetsleverantör. För att ta reda på hur, se snabb start -up.
• Lägg till följande URL: er i auktoriseringslistan över content_security_policy för din tillägg:
  • https: // apis.Google.com
  • https: // www.gstatisk.com
  • https: // www.googeapis.com
  • https: // securetoken.googeapis.com

  Mer information finns i CSP -dokumentationen.

  Spara ID för din tillägg

  För att ansluta användare från en Chrome -förlängning måste du spara förlängnings -ID som en auktoriserad domän:

  1. Åtkomst till sidan inställningar Identitetsplattform i Google Cloud -konsolen. Åtkomst till sidan Inställningar
  2. Klicka på fliken säkerhet.
  3. I avsnittet Auktoriserade domäner (Auktoriserade områden), klicka på Lägg till domän (Lägg till en domän).
  4. Ange URI för din förlängning. Denna förlängning liknar normalt detta: Chrome-Expension: // Chrome_extension_id .
  5. Klicka på Lägg till.

  Fortsätt till användarnas anslutning

  Användaranslutning från en Chrome -förlängning liknar en webbapplikation, till några skillnader:

  • Telefon- och multifaktorautentisering stöds inte.
  • Kromförlängningar kan inte använda HTTP -omdirigeringar. Du måste därför använda pop-up-operationer (SignInWithPopup () och LinkWithPopup ()) för att ansluta användare.
  • Uppmaningen till autentiseringsmetoder från en webbläsaråtgärd avbryter webbläsarens åtgärd. Så du bör snarare ringa dem från ett manus i bakgrunden.
  • Pop-up-metoder kan endast användas i tillägg som använder manifest v2.

  Följande exempel illustrerar en användares anslutning till Google:

  Javascript

  dyka upp.js

  // Få referens till bakgrundssidan. Const bgage = krom.förlängning.GetBackgroundPage (); // Logga in med popup, vanligtvis ansluten till knappklick. bgpage.SignInWithPopup (); 

  bakgrund.js

  Const App = Firebase.Initializeapp (config); Const auth = app.författare (); Const signInWithPopup = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >); >; 

  Följande steg

  • Anslut användare med olika identitetsleverantörer.
  • Lär dig mer om identitetsplattformsanvändare.

  Kommentar

  Om inget annat anges styrs innehållet på denna sida av en kreativ Commons -uppdrag 4 -licens.0, och kodprover styrs av en Apache 2 -licens.0. Mer information finns i reglerna för Google Developers -webbplatsen. Java är ett registrerat varumärke som tillhör Oracle och/eller dess anslutna företag.

  Senaste uppdateringen 2023/06/17 (UTC).

  Ringcentral för Google Chrome -förlängning

  Håll dig uppdaterad med de senaste funktioner, förbättringar och bugkorrigeringar från RingCentral för Google Chrome Extension.

  Version 21.3.30 (RC)

  Utgivningsdatum : 09/29/2021

  • Möjlighet att dölja användarprofilen i företagets katalog

  Mordskorrigeringar

  • Visning av RC -logotypen i ett flytande fönster
  • Ikon stör inte

  Utgivningsdatum : 07/28/2021

  • Möjlighet att lägga till detaljerna i rumkontakten Ringcentralvideo i dina inbjudningar till ett möte

  Utgivningsdatum : 01/22/2021

  • Ringcentral video:
    • Aktivering av väntrummet
    • Globala åtkomstnummer
    • Automatisk sammansättning av lösenordet från inbjudningar via e-post
    • Automatisk tillämpning av ett lösenord för icke -pmi -möten
    • Överensstämmelse med värdena på låsparametrarna för webbtjänsten
    • Ringcentralvideo
      • Uppdatering av etiketten “Gå med före värden” genom att ersätta den med “Deltagare kan bara gå med i mötet efter mig”
      • Förbättring av lösenordet UX

      Utgivningsdatum : 23/09/2020

      • Sidan för kontaktinformation innehåller nu ett fält för webbplatsen
      • Förlängningsnumret visas nu med aktiverade webbplatskoder
      • Möjlighet att söka efter kontakt med det korta förlängningsnumret
      • Sammansättning av ett kort förlängningsnummer
      • Fusion av 3 ringssamtal till ett enda ringsalternativ

      Utgivningsdatum : 07/31/2020

      • Möjlighet att endast auktorisera autentiserade användare att gå med i mötena
      • Sökningsalternativ reserverat endast för värd- och moderatorer
      • Kategori ytterligare säkerhetsalternativ
      • Mottagning av aviseringar för förlängningsändringar av videoleverantören
      • Användning av RingCentral -applikationen som en samtalsavslutning

      Mordskorrigeringar

      • Det går inte att ringa nödsamtal

      Utgivningsdatum : 05/18/2020

      • Definition av Ringout från ID för webbanropet som standard -ID

      Mordskorrigeringar

      • Visning av siffror som överförts till listan över samtal från uppringare

      Utgivningsdatum : 04/22/2020

      • Lägga till ett möteslösenord för planerade möten
      • Deaktivering av funktionaliteten “Gå med före värden”

      Utgivningsdatum : 04/09/2020

      Mordskorrigeringar

      • Fasta dubbla mötesalternativ i Drop -down -menyn för konferensen på Google Agenda.

      Utgivningsdatum : 02/04/2020

      Mordskorrigeringar

      • Upplösning av problemet med utgång av möten efter 24 timmar.
      • Korrigering av antalet antal för att komponera ringcentralmöten

      Utgivningsdatum : 28/10/2019

      • Möjlighet för att dölja avslöjandet av efterlevnad för begränsad användning för att följa Googles policy
      • Radera fliken Gmail i de senaste aktiviteterna (för att framgångsrikt kontrollera Google, ring inte Gmail API)
      • Lägga till avslöjandet av efterlevnad för begränsad användning för att följa Googles policy
      • C2D/SMS Black List Management
      • Rörelse av Lägg till ett mötesalternativ i listan “Lägg till konferens”
      • Google Agenda -förlängningen är en prioritering om RingCentral för Google också är installerad.
      • C2D -injektionen stör HTML/textförlag, särskilt med Radederor
      • Felaktig visning av klickikonen för att ringa in Google Agenda
      • Modifiering av Google Contact API för det nya förlängningsgodkännandet
      • Förbättring av fjärrsamtalsmonitorn på sidan alla samtal
      • Alternativet att maskera mötet om användaren inte är ansluten
      • Radering av versionnumret på nyhetssidan

      Mordskorrigeringar

      • Forskning på kontaktsidan kan ibland orsaka applikationens tillämpning
      • Det går inte att matcha Google -kontakt
      • Inaktivera knappen för att skicka till konversationssidan efter att du inte skickat meddelandet
      • Det går inte att uppdatera närvarostatusen korrekt
      • Förseningar och hopp från markören i slutet av texten när du anger meddelanden
      • Collaget av telefonnummer i ett modifierbart innehållsfält kan utlösa en C2D -injektion
      • Gammal ringcentral logotyp på nya sidor
      • Saknad RingCentral Reunion -alternativ i listan “Lägg till konferenser” -avfallslistan på Google Agenda -sidan
      • Visning av den senaste informationen om konferensen efter uppdatering/modifiering
      • Tillägg av hemsidan för nya produkter
      • Injektionsklicket för att ringa/skicka ett SMS visas ibland inte i rätt position.
      • Alternativ Klicka för att ringa och klicka för att skicka ett grundläggande SMS på valfri webbsida
      • Alla samtalskontroller (förutom att ringa efter samtal och samtal för samtal)
      • Tillgång till RingCentral -förlängningen på alla Chrome -webbsidor
      • Nytt användargränssnitt
      • Professionella SMS och intern SMS
      • Synkronisering av Google- och RingCentral -kataloger
      • Tillgång till katalogen från SMS
      • Tillgång till katalogen från numrering
      • Aktivering av vokal/faxmeddelandefunktionalitet
      • Aktivering av telekonferensfunktionen
      • Detaljerat visitkort
      • Integration av Google Agenda
      • Möjlighet att sätta den funktionella prototypen på svart/vit lista (för att förhindra att vissa webbplatser visar RingCentral och C2D -användargränssnittet)
      • Skicka ett överklagande till vokalmeddelanden
      • Inkommande samtalsöverföring
      • SMS svar på ett inkommande samtal
      • Modifiering av närvarostatus
      • Ringcentralmöten Collaboration Support
      • Kontakta oss formulär
      • Nyheter
      • Ringcentralstöd vid
      • Google Ho för ringcentrala konferenser
      • WebRTC -felmärke (visning av ett felmeddelande i händelse av problem med WebRTC -samtalet)
      • Ring anmälan som går in i RingCentral -märket när applikationen reduceras (utöver meddelandet om webbläsaren)