Google Chrome Video Tutorial: Opret en udvidelse | Grafikart, fortsæt til forbindelsen af ​​brugere fra en Chrome -udvidelse | Dokumentationsidentitetsplatform | Google Cloud

<h1>Tilslut brugere fra en kromudvidelse</h1>
<blockquote>Vi ønsker at oprette en udvidelse, der fungerer på et pop-up-system. For at oprette sidstnævnte skal vi bare oprette en klassisk HTML -side. Som konfigureret i den manifest fil.JSON Vi bruger en popup -fil.html</blockquote>
<h2>Google Chrome Tutorial: Opret en udvidelse</h2>
<p>Jeg inviterer dig til at finde ud af, hvordan du opretter en udvidelse til Google Chrome Web Browser. Oprettelse af en udvidelse kan virke kompleks, men vær ikke bange ! Faktisk kan Google Chrome -udvidelser oprettes med sprog, som vi kender godt: JS, HTML og CSS.</p>
<h2>Den lille forudsætning</h2>
<p>Først skal du aktivere <strong>Udviklertilstand</strong> I Chrome -indstillinger for at kunne indlæse din udvidelse. For at gøre dette går du til dine indstillinger> Flere værktøjer> Udvidelser og markerer afkrydsningsfeltet <strong>Udviklertilstand</strong>. Du skal derefter se tre nye knapper ser ud til at indlæse udvidelser.</p>
<h2>Konfigurer din udvidelse</h2>
<p>Udgangspunktet for oprettelse af en udvidelse er oprettelsen af ​​en manifest fil.JSON ved roden til din fil. Han vil indeholde alle oplysninger om konfigurationen af ​​udvidelsen, såsom navnet, beskrivelsen, scripts, der skal indlæses.</p>
<pre><code >< “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 = 128×128 la taille de votre image >></code></pre>
<p>Alle de tilgængelige parametre til denne fil er beskrevet i dokumentationen.</p>
<h3>Tilladelser</h3>
<p>Som standard vil din udvidelse være i en slags sandkasse og har ikke adgang til noget. I nogle tilfælde ønsker vi at oprette udvidelser, der er i stand til at kommunikere med websider eller med visse browser -API’er. Det vil derefter være nødvendigt at specificere i vores konfiguration, hvilke tilladelser vi ønsker at få (disse tilladelser vil blive anmodet om under installationen af ​​udvidelsen). Disse tilladelser kan have to former:</p>
<ul>
<li>En karakterstreng, der repræsenterer en bestemt type tilladelse, for eksempel adgang til faner faner (liste over tilladelser)</li>
<li>En grund, der repræsenterer et URL -format, som vi får adgang til (matchmønstre)</li>
</ul>
<pre><code >”Tilladelser”: [// Tilladelser, vi kommer tilbage under “http: //*/*”, “https: //*/*”, “faner” // faner er tilladelse til at oprette nye faner],</code></pre>
<p>Til “http: //<em>/</em>”Og” https: //<em>/</em>”, Vi fortæller ham, at udvidelsen kan fungere på alle HTTP- eller HTTPS -sider.</p>
<h2>Opret en pop-up</h2>
<p>Vi ønsker at oprette en udvidelse, der fungerer på et pop-up-system. For at oprette sidstnævnte skal vi bare oprette en klassisk HTML -side. Som konfigureret i den manifest fil.JSON Vi bruger en popup -fil.html</p>
<pre><code > H1, p <h2>God morgen</h2> <p>Hej jeg er en simpel popup<br />Hvem tager ikke meget plads</p></code></pre>
<p>Det er alt, hvad vi skal gøre for øjeblikket, når vi klikker på kromknappen åbner automatisk pop-up ved at ændre den side, som vi lige har skrevet.</p>
<h2>Test dens udvidelse</h2>
<p>Vi vil nu teste vores udvidelse, for det bliver vi nødt til at gennemgå forlængelsespanelet og klikke på knappen TET -opladning og derefter vælge mappen, der indeholder din udvidelse. Automatisk skal du se ikonet for din udvidelse vises.</p>
<h2>Manuskript</h2>
<p>Nødvendigvis en udvidelse, der viser en pop-up, den er relativt begrænset ! Heldigvis kan vi bruge JavaScript til at tilføje forskellige opførsler til vores udvidelse. Der er flere måder at indlæse JavaScript på afhængigt af hvad du vil opnå.</p>
<h3>JavaScript i pop-up</h3>
<p>Det er først og fremmest muligt at indlæse JavaScript direkte i pop-up. Faktisk er dette en klassisk webside, hvorpå vi kan indlæse enhver JavaScript -fil med tagget .</p>
<pre> <code >// Vi indlæser vores script i HTML H1 -indholdet, P <h2>God morgen</h2> <p>Hej jeg er en simpel popup<br />Hvem tager ikke meget plads</p></code></pre>
<p>Når det er sagt, indlæses JavaScript-filen kun ved åbningen af ​​pop-up, pludselig hvis brugeren aldrig understøtter knappen, vil dit JavaScript aldrig blive udført</p>
<h2>JavaScript i “baggrund”</h2>
<p>Det er også muligt at udføre JavaScript i baggrunden for at holde din kode aktiv, selv når pop-up ikke er implementeret. For at gøre dette bliver de nødt til at ændre manifestfilen.JSON til at inkludere stien til JavaScript -filen, som vi vil indlæse.</p>
<h3>Indholdsskripterne</h3>
<p>DET <strong>Glade manuskripter</strong> er JavaScript -filer, der vil blive udført i sammenhæng med websiden, og som kan interagere med det ved hjælp af DOM. I modsætning til de scripts, der er lanceret fra baggrund, har disse scripts ikke adgang til Chrome API’er.*. Derudover fungerer de relativt isolerede og har ikke adgang til JavaScript -funktioner, som ville blive defineret på den webside, hvor de indsprøjtes.</p>
<p>Denne type belastning vil blive brugt, når du vil interagere direkte med websiden for at ændre skriftstørrelsen eller manipulere visse genstande.</p>
<h2>Chrome -meddelelser</h2>
<p>Endelig lille bonus vedrørende meddelelser. På Google Chrome er det muligt at administrere et meddelelsessystem, der vises på brugerens skrivebord. Hvis du vil bruge denne API, bliver du nødt til at spørge tilladelse på forhånd i den manifeste fil.JSON .</p>
<pre><code >”Tilladelser”: [// tilladelser, vi kommer tilbage under “http: //*/*”, “https: //*/*”, “faner”, // faner er tilladelse til at oprette nye faner “meddelelser” // aktiverer meddelelser],</code></pre>
<p>Når dette er gjort, kan vi bruge klassen, der tillader at administrere meddelelserne.</p>
<pre><code >Var anmeldelse = ny anmeldelse (‘titlen på notiven !’, < icon: ‘votreicon.jpg’, body: “Votre petite description de la notification”, >);</code></pre>
<p>Denne klasse er ikke unik for Google Chrome, men er en ny API har eller blokke i flere browsere. Hvis du vil have flere oplysninger om, hvordan det fungerer, inviterer jeg dig til at se dokumentationen. Fordelen i tilfælde af en udvidelse er, at brugeren allerede har accepteret tilladelser, der giver meddelelser mulighed for at komme i gang direkte.</p>
<h2>Tilslut brugere fra en kromudvidelse</h2>
<p>Dette dokument forklarer, hvordan man bruger identitetsplatform til at forbinde brugere fra en Chrome -udvidelse.</p>
<p><strong>Vigtig</strong> : Identitetsplatform er kun kompatibel med udvidelser, der bruger manifest V2. Manifest V3 er ikke kompatibel, fordi det ikke giver pop-up-operationer. <strong>Vigtig</strong>: Brug af en telefon eller en multifaktor -godkendelse fra en kromforlængelse er ikke tilgængelig.</p>
<h2>Før du starter</h2>
<ul>
<li>Aktivér identitetsplatform og konfigurer en identitetsudbyder. For at finde ud af, hvordan, se Fast Start -Up.</li>
<li>Føj følgende URL’er til listen over tilladelser over Content_security_Policy af din udvidelse: <ul>
<li>https: // API’er.Google.com</li>
<li>https: // www.Gstatic.com</li>
<li>https: // www.Googleapis.com</li>
<li>https: // securetoken.Googleapis.com</li>
</ul>
<p>For mere information, se CSP -dokumentationen.</p>
<h2>Gem id for din udvidelse</h2>
<p>For at forbinde brugere fra en Chrome -udvidelse skal du gemme udvidelses -ID som et autoriseret domæne:</p>
<ol>
<li>Få adgang til siden <strong>Indstillinger</strong> Identitetsplatform i Google Cloud -konsollen. Få adgang til siden Indstillinger</li>
<li>Klik på fanen <strong>Sikkerhed</strong>.</li>
<li>I sektionen <strong>Autoriserede domæner</strong> (Autoriserede områder), klik på <strong>Tilføj domæne</strong> (Tilføj et domæne).</li>
<li>Indtast Uri i din udvidelse. Denne udvidelse ligner normalt dette: Chrome-ekspension: // chrome_extension_id .</li>
<li>Klik på <strong>Tilføje</strong>.</li>
</ol>
<h2>Fortsæt til forbindelsen mellem brugere</h2>
<p>Brugerforbindelse fra en Chrome -udvidelse ligner en webapplikation til et par forskelle:</p>
<ul>
<li>Telefon- og multifaktor -godkendelse understøttes ikke.</li>
<li>Kromudvidelser kan ikke bruge HTTP -omdirigeringer. Du skal derfor bruge pop-up-operationer (SignInWithPopup () og linkWithPopup ()) til at forbinde brugere.</li>
<li>Opfordringen til godkendelsesmetoder fra en browserhandling annullerer browserens handling. Så du skal hellere kalde dem fra et script i baggrunden.</li>
<li>Pop-up-metoder kan kun bruges i udvidelser, der bruger manifest V2.</li>
</ul>
<p>Følgende eksempel illustrerer forbindelsen mellem en bruger med Google:</p>
<h3>JavaScript</h3>
<p><strong>pop op.JS</strong></p>
<pre><code translate=”no” dir=”ltr”>// få henvisning til baggrundssiden. Const bage = krom.udvidelse.GetBackgroundPage (); // Log ind med popup, typisk knyttet til knapklik. Bgpage.SignInWithPopup ();</code> </pre>
<p><strong>baggrund.JS</strong></p>
<pre><code translate=”no” dir=”ltr”>Const app = Firebase.InitializeApp (config); Const autor.forfatter (); Const signinWithPopup = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >); >;</code> </pre>
<h2>Følger trin</h2>
<ul>
<li>Forbind brugere med forskellige identitetsudbydere.</li>
<li>Lær mere om brugere af identitetsplatform.</li>
</ul>
Kommentar
<p>Medmindre andet er angivet, styres indholdet af denne side af en Creative Commons Assignment 4 -licens.0, og kodeprøver styres af en Apache 2 -licens.0. For mere information, se reglerne på Google Developers -webstedet. Java er et registreret varemærke til Oracle og/eller dets tilknyttede virksomheder.</p>
<p>Sidste opdatering af 2023/06/17 (UTC).</p>
<h2>Ringcentral til Google Chrome -udvidelse</h2>
<p>Hold dig ajour med de nyeste funktioner, forbedringer og bugkorrektioner fra RingCentral til Google Chrome -udvidelse.</p>
<p><b>Version 21.3.30 (RC)</b></p>
<p><b>Udgivelses dato</b> : 09/29/2021</p>
<ul>
<li>Mulighed for at skjule brugerprofilen i virksomhedens bibliotek</li>
</ul>
<p>Bogs korrektioner</p>
<ul>
<li>Vis af RC -logoet i et flydende vindue</li>
<li>Ikon forstyrr ikke</li>
</ul>
<p><b>Udgivelses dato</b> : 07/28/2021</p>
<ul>
<li>Mulighed for at tilføje detaljerne i Room Connector RingCentral Video i dine invitationer til et møde</li>
</ul>
<p><b>Udgivelses dato</b> : 01/22/2021</p>
<ul>
<li>Ringcentral video: <ul>
<li>Aktivering af venteværelset</li>
<li>Globale adgangsnumre</li>
<li>Automatisk sammensætning af adgangskoden fra invitationer via e-mail</li>
</ul><ul>
<li>Automatisk anvendelse af en adgangskode til ikke -PMI -møder</li>
<li>Overholdelse af værdierne for låseparametrene for webtjenesten</li>
</ul>
<ul>
<li>Ringcentral video <ul>
<li>Opdatering af etiketten “Deltag inden værten” ved at erstatte den med “deltagere kan kun deltage i mødet efter mig”</li>
<li>Forbedring af adgangskoden UX</li>
</ul>
<p><b>Udgivelses dato</b> : 23/09/2020</p>
<ul>
<li></li>
<li>Kontaktoplysningssiden indeholder nu et felt til webstedet</li>
<li>Udvidelsesnummeret vises nu med aktiverede webstedskoder</li>
<li>Mulighed for at søge efter kontakt med det korte udvidelsesnummer</li>
<li>Sammensætning af et kort udvidelsesnummer</li>
</ul>
<ul>
<li>Fusion af 3 ringoutopkaldsindstillinger i en enkelt ringout -mulighed</li>
</ul>
<p><b>Udgivelses dato</b> : 07/31/2020</p>
<ul>
<li>Mulighed for kun at give godkendt brugere til at deltage i møderne</li>
<li>Valgmulighed for skærmdeling er kun forbeholdt vært og moderatorer</li>
<li>Kategori af yderligere sikkerhedsmuligheder</li>
<li>Modtagelse af meddelelser til udvidelsesændringer til videoleverandøren</li>
<li>Brug af RingCentral -applikationen som en opkaldsafslutning</li>
</ul>
<p>Bogs korrektioner</p>
<ul>
<li>Kan ikke foretage nødopkald</li>
</ul>
<p><b>Udgivelses dato</b> : 05/18/2020</p>
<ul>
<li>Definition af ringout fra ID for webopkalderen som standard -ID -ID</li>
</ul>
<p>Bogs korrektioner</p>
<ul>
<li>Visning af tal, der er overført til listen over opkald fra opkaldere</li>
</ul>
<p><b>Udgivelses dato</b> : 04/22/2020</p>
<ul>
<li>Tilføjelse af et mødeadgangskode til planlagte møder</li>
<li>Deaktivering af funktionaliteten “Deltag inden værten”</li>
</ul>
<p><b>Udgivelses dato</b> : 04/09/2020</p>
<p>Bogs korrektioner</p>
<ul>
<li>Fast dobbeltmødeindstillinger i drop -down -menuen på konferencen på Google Agenda.</li>
</ul>
<p><b>Udgivelses dato</b> : 02/04/2020</p>
<p>Bogs korrektioner</p>
<ul>
<li>Opløsning af problemet med udløb af møder efter 24 timer.</li>
<li>Korrektion af antallet af antallet, der skal komponerer RingCentral -møder</li>
</ul>
<p><b>Udgivelses dato</b> : 28/10/2019</p>
<ul>
<li>Mulighed for at skjule afsløringen af ​​overholdelse af begrænset brug til at overholde Googles politik</li>
<li>Sletning af fanen Gmail i nylige aktiviteter (for at kontrollere Google med succes, ring ikke til Gmail API)</li>
<li>Tilføjelse af afsløringen af ​​overholdelse af begrænset brug til at overholde Googles politik</li>
<li>C2D/SMS Black List Management</li>
<li>Bevægelse af Tilføj en mødeindstilling i listen over drop -down -listen over “Tilføj konference”</li>
<li>Google Agenda Extension er en prioritet, hvis RingCentral for Google også er installeret.</li>
</ul>
<ul>
<li>C2D -injektionen forstyrrer HTML/tekstudgivere, især med Radederor</li>
<li>Forkert visning af klikikonet for at ringe til Google Agenda</li>
<li>Ændring af Google Contact API for den nye udvidelsestilladelse</li>
<li>Forbedring af fjernopkaldsmonitoren på siden Alle opkald</li>
<li>Mulighed for at maskere mødet, hvis brugeren ikke er tilsluttet</li>
<li>Sletning af versionnummeret på nyhedssiden</li>
</ul>
<p>Bogs korrektioner</p>
<ul>
<li>Forskning på kontaktsiden kan undertiden forårsage anvendelse af applikationen</li>
<li>Kan ikke matche Google Kontakt</li>
<li>Deaktivering af knappen for at sende til samtalesiden efter manglende send beskeden</li>
<li>Kan ikke opdatere tilstedeværelsesstatus korrekt</li>
<li>Forsinkelser og spring fra markøren i slutningen af ​​teksten, når de indtaster beskeder</li>
<li>Kollagen af ​​telefonnumre i et modificerbart indholdsfelt kan udløse en C2D -injektion</li>
<li>Old RingCentral Logo på nye sider</li>
<li>Manglende RingCentral Reunion -indstilling i “Tilføjningskonferencer” -faldsliste på Google Agenda -siden</li>
<li>Vis af de seneste oplysninger om konferencen efter opdatering/ændring</li>
<li>Tilføjelse af hjemmesiden for nye produkter</li>
<li>Injektionsklik for at ringe/sende en SMS vises undertiden ikke i den rigtige position.</li>
</ul>
<ul>
<li>Valgmuligheder Klik for at ringe og klikke for at sende en grundlæggende SMS på enhver webside</li>
<li>Alle opkaldskontroller (undtagen opkald til opkald og opkald til opkald)</li>
<li>Adgang til den ringcentrale udvidelse på enhver Chrome -webside</li>
<li>Ny brugergrænseflade</li>
<li>Professionel SMS og intern SMS</li>
<li>Synkronisering af Google og RingCentral mapper</li>
<li>Adgang til biblioteket fra SMS</li>
<li>Adgang til biblioteket fra nummerering</li>
<li>Aktivering af vokal/faxmeddelelsesfunktionalitet</li>
<li>Aktivering af telekonferencefunktionaliteten</li>
<li>Detaljeret visitkort</li>
<li>Integration af Google Agenda</li>
<li>Mulighed for at placere den funktionelle prototype på sort/hvid liste (for at forhindre visse websteder i at vise RingCentral- og C2D -brugergrænsefladen)</li>
<li>Afsendelse af appel til vokalmeddelelser</li>
<li>Indgående opkaldsoverførsel</li>
<li>Svar fra SMS på et indgående opkald</li>
<li>Ændring af tilstedeværelsesstatus</li>
<li>Ringcentral møder Samarbejdsstøtte</li>
<li>Kontakt os formular</li>
<li>Nyheder</li>
<li>Ringcentral støtte kl</li>
<li>Google Ho til ringcentrale konferencer</li>
<li>WEBRTC -fejl badge (visning af en fejlmeddelelse i tilfælde af et problem med WebRTC -opkaldet)</li>
<li>Opkaldsanmeldelse,</li>
</ul>