Conectați utilizatorii dintr -o extensie Chrome

Vrem să creăm o extensie care să funcționeze pe un sistem pop-up. Pentru a crea acesta din urmă, trebuie doar să creăm o pagină HTML clasică. Așa cum este configurat în fișierul manifest.Json vom folosi un fișier pop -up.html

Tutorialul Google Chrome: Creați o extensie

Vă invit să descoperiți cum să creați o extensie pentru browserul web Google Chrome. Crearea unei extensii poate părea complexă, dar nu te speria ! Într -adevăr, extensiile Google Chrome pot fi create cu limbi pe care le cunoaștem bine: JS, HTML și CSS.

Mica premisă

Mai întâi trebuie să activați Modul dezvoltator în setările cromate pentru a putea încărca extensia. Pentru a face acest lucru, mergeți la setările dvs.> Mai multe instrumente> Extensii și bifați caseta Modul dezvoltator. Apoi, ar trebui să vedeți trei butoane noi care să încarce extensii.

Configurați extensia

Punctul de plecare pentru crearea unei extensii este crearea unui fișier manifest.Json la rădăcina fișierului dvs. El va conține toate informațiile referitoare la configurația extensiei, cum ar fi numele, descrierea, scripturile care vor fi încărcate.

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

Toți parametrii disponibili pentru acest fișier sunt descriși în documentație.

Permisiuni

În mod implicit, extensia dvs. va fi într -un fel de cutii de nisip și nu va avea acces la nimic. În unele cazuri, dorim să creăm extensii capabile să comunice cu paginile web sau cu anumite API -uri ale browserului. Atunci va fi necesar să specificăm în configurația noastră ce permisiuni dorim să obținem (aceste permisiuni vor fi solicitate în timpul instalării extensiei). Aceste permisiuni pot lua două forme:

• Un șir de caractere reprezentând un anumit tip de permisiune, de exemplu, acces la filele file (lista permisiunilor)
• Un motiv care reprezintă un format URL la care vom accesa (modele de potrivire)

"Permisiuni": [// Permisiuni, vom reveni mai jos "http: //*/*", "https: //*/*", "files" // file este permisiunea de a crea noi file],

Pentru „http: ///“și” https: ///„, Îi spunem că extensia poate funcționa pe toate paginile HTTP sau HTTPS.

Creați un pop-up

Vrem să creăm o extensie care să funcționeze pe un sistem pop-up. Pentru a crea acesta din urmă, trebuie doar să creăm o pagină HTML clasică. Așa cum este configurat în fișierul manifest.Json vom folosi un fișier pop -up.html

 H1, p 
Buna dimineata
 
Bună ziua, sunt un pop -up simplu
Cine nu ocupă mult spațiu

Asta este tot ce trebuie să facem pentru moment, când facem clic pe butonul Chrome va deschide automat pop-up-ul schimbând pagina pe care tocmai am scris-o.

Testează -i extensia

Acum dorim să ne testăm extensia, pentru că va trebui să parcurgem panoul de extensie și să facem clic pe butonul de încărcare TET, apoi selectați folderul care conține extensia dvs. Automat, ar trebui să vedeți pictograma extensiei dvs.

Script

Neapărat o extensie care afișează un pop-up, este relativ limitată ! Din fericire, putem folosi JavaScript pentru a adăuga comportamente diferite la extensia noastră. Există mai multe moduri de a încărca JavaScript în funcție de ceea ce doriți să realizați.

JavaScript în pop-up

În primul rând, este posibil să încărcați JavaScript direct în pop-up. Într -adevăr, aceasta este o pagină web clasică pe care putem încărca orice fișier JavaScript cu eticheta .

 // Ne încărcăm scriptul în conținutul HTML H1, P 
Buna dimineata
 
Bună ziua, sunt un pop -up simplu
Cine nu ocupă mult spațiu

Acestea fiind spuse, fișierul JavaScript va fi încărcat doar la deschiderea pop-up-ului, dintr-o dată dacă utilizatorul nu acceptă niciodată butonul, JavaScript nu va fi niciodată executat

JavaScript în „fundal”

De asemenea, este posibil să executați JavaScript în fundal pentru a vă menține codul activ chiar și atunci când pop-up-ul nu este implementat. Pentru a face acest lucru, vor trebui să schimbe fișierul manifest.JSON pentru a include calea către fișierul JavaScript pe care vrem să -l încărcăm.

Scripturile de conținut

Scripturi fericite sunt fișiere JavaScript care vor fi executate în contextul paginii web și care pot interacționa cu acesta folosind DOM. Spre deosebire de scripturile lansate din fundal, aceste scripturi nu au acces la API -urile Chrome.*. În plus, funcționează relativ izolat și nu au acces la funcțiile JavaScript care ar fi definite în pagina web pe care sunt injectate.

Acest tip de încărcare va fi utilizat atunci când doriți să interacționați direct cu pagina web pentru a schimba dimensiunea fontului sau a manipula anumite elemente.

Notificări cromate

În cele din urmă, un mic bonus cu privire la notificări. Pe Google Chrome este posibil să gestionați un sistem de notificare care să fie afișat pe desktopul utilizatorului. Dacă doriți să utilizați această API, va trebui să solicitați permisiunea în prealabil în fișierul manifest.JSON .

"Permisiuni": [// Permisiuni, vom reveni mai jos "http: //*/*", "https: //*/*", "file", // file este permisiunea de a crea noi file "notificări" // activează notificările],

Odată ce acest lucru se face, putem folosi clasa permițând gestionarea notificărilor.

Notificare var = noua notificare ('titlul notivului !-, < icon: 'votreicon.jpg', body: "Votre petite description de la notification", >);

Această clasă nu este unică pentru Google Chrome, dar este o API nouă are sau blocuri în mai multe browsere. Dacă doriți să aveți mai multe informații despre cum funcționează, vă invit să urmăriți documentația. Avantajul în cazul unei extensii este că utilizatorul a acceptat deja permisiunile care permite notificărilor să înceapă direct.

Conectați utilizatorii dintr -o extensie Chrome

Acest document explică modul de utilizare a platformei de identitate pentru a conecta utilizatorii dintr -o extensie Chrome.

Important : Platforma de identitate este compatibilă doar cu extensiile care utilizează manifest v2. Manifest v3 nu este compatibil, deoarece nu oferă operațiuni pop-up. Important: Utilizarea unui telefon sau a unei autentificări multifactor dintr -o extensie Chrome nu este disponibilă.

Inainte sa incepi

• Activați platforma de identitate și configurați un furnizor de identitate. Pentru a afla cum, consultați startul rapid -up.
• Adăugați următoarele adrese URL la lista de autorizații a content_security_policy din extensia dvs .:
  • https: // apis.Google.com
  • https: // www.Gstatic.com
  • https: // www.Googleapis.com
  • https: // securetoken.Googleapis.com

  Pentru mai multe informații, consultați documentația CSP.

  Salvați ID -ul extensiei dvs

  Pentru a conecta utilizatorii de la o extensie Chrome, trebuie să salvați ID -ul de extensie ca domeniu autorizat:

  1. Accesați pagina Setări Platforma de identitate în consola Google Cloud. Accesați pagina Setări
  2. Faceți clic pe fila Securitate.
  3. În secțiune Domenii autorizate (Zone autorizate), faceți clic pe Adăugați domeniu (Adăugați un domeniu).
  4. Introduceți URI -ul extensiei dvs. Această extensie seamănă în mod normal cu acest lucru: Chrome-Expension: // chrome_extension_id .
  5. Click pe Adăuga.

  Continuați la conectarea utilizatorilor

  Conexiunea utilizatorului dintr -o extensie Chrome este similară cu o aplicație web, la câteva diferențe:

  • Autentificarea telefonică și multifactor nu este acceptată.
  • Extensiile cromate nu pot utiliza redirecțiile HTTP. Prin urmare, trebuie să utilizați operațiuni pop-up (SignInWithPopup () și LinkWithPopup ()) pentru a conecta utilizatorii.
  • Apelul pentru metode de autentificare dintr -o acțiune a browserului anulează acțiunea browserului. Deci, ar trebui să le numiți mai degrabă dintr -un scenariu în fundal.
  • Metodele pop-up pot fi utilizate numai în extensii care utilizează manifest v2.

  Următorul exemplu ilustrează conexiunea unui utilizator cu Google:

  JavaScript

  pop-up.JS

  // Obțineți referire la pagina de fundal. Const bage = crom.extensie.GetBackgroundPage (); // Conectați -vă cu pop -up, de obicei atașat la buton, faceți clic pe buton. BGPAGE.SignInWithPopup (); 

  fundal.JS

  Const app = Firebase.InitializeApp (config); Const auth = aplicație.autor (); Const SignInWithPopup = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >); >; 

  Următoarele pași

  • Conectați utilizatorii cu diferiți furnizori de identitate.
  • Aflați mai multe despre utilizatorii platformei de identitate.

  cometariu

  Cu excepția cazului în care este indicat altfel, conținutul acestei pagini este guvernat de o licență Creative Commons Alocare 4.0, iar eșantioanele de cod sunt guvernate de o licență Apache 2.0. Pentru mai multe informații, consultați Regulile site -ului Google Developers. Java este o marcă înregistrată a Oracle și/sau a companiilor sale afiliate.

  Ultima actualizare la 2023/06/17 (UTC).

  RingCentral pentru extensia Google Chrome

  Fii la curent cu cele mai recente caracteristici, îmbunătățiri și corecții de erori de la RingCentral pentru extensia Google Chrome.

  Versiunea 21.3.30 (RC)

  Data de lansare : 29/09/2021

  • Posibilitatea de a ascunde profilul de utilizator în directorul companiei

  Corecții Bogs

  • Afișarea logo -ului RC într -o fereastră plutitoare
  • Pictograma nu deranjează

  Data de lansare : 28/07/2021

  • Posibilitatea de a adăuga detaliile videoclipului RingCentral al conectorului camerei în invitațiile dvs. la o întâlnire

  Data de lansare : 22/01/2021

  • Videoclip RingCentral:
    • Activarea sălii de așteptare
    • Numere de acces global
    • Compoziția automată a parolei din invitații prin e-mail
    • Aplicarea automată a unei parole pentru întâlniri non -PMI
    • Respectarea valorilor parametrilor de blocare a serviciului web
    • Video RingCentral
      • Actualizarea etichetei „Alăturați -vă înaintea gazdei”, înlocuind -o cu „Participanții se pot alătura doar ședinței după mine”
      • Îmbunătățirea parolei UX

      Data de lansare : 23/09/2020

      • Pagina cu detalii de contact include acum un câmp pentru site
      • Numărul de extensie este acum afișat cu coduri de site activate
      • Posibilitatea de a căuta contactul cu numărul de extensie scurtă
      • Compoziția unui număr de extensie scurtă
      • Fuziunea a 3 opțiuni de apel Ringout într -o singură opțiune Ringout

      Data de lansare : 31/07/2020

      • Posibilitatea de a autoriza doar utilizatorii autentificați să se alăture întâlnirilor
      • Opțiunea de partajare a ecranului rezervată numai pentru gazdă și moderatori
      • Categorie de opțiuni suplimentare de securitate
      • Recepția notificărilor pentru modificări de extindere la furnizorul video
      • Utilizarea aplicației RingCentral ca terminare a apelului

      Corecții Bogs

      • Incapabil să efectueze apeluri de urgență

      Data de lansare : 18/05/2020

      • Definiția RingOut din ID -ul apelantului web ca ID ID implicit

      Corecții Bogs

      • Afișarea numerelor transferate către lista apelurilor apelanților

      Data de lansare : 22/04/2020

      • Adăugarea unei parole de întâlnire pentru întâlniri planificate
      • Dezactivarea funcționalității „Alăturați -vă înaintea gazdei”

      Data de lansare : 04/09/2020

      Corecții Bogs

      • Opțiuni de întâlnire duble rezolvate în meniul de cădere a conferinței pe agenda Google.

      Data de lansare : 02/04/2020

      Corecții Bogs

      • Rezolvarea problemei de expirare a întâlnirilor după 24 de ore.
      • Corecția numărului numărului pentru a compune ședințele RingCentral

      Data de lansare : 28/10/2019

      • Opțiune de a ascunde dezvăluirea conformității pentru o utilizare limitată pentru a respecta politica Google
      • Ștergerea fila Gmail în activitățile recente (pentru a verifica cu succes Google, nu apelați API -ul Gmail)
      • Adăugarea dezvăluirii conformității pentru o utilizare limitată pentru a respecta politica Google
      • Managementul listei negre C2D/SMS
      • Mișcarea opțiunii Adăugați o întâlnire în lista de cădere „Adăugarea conferinței”
      • Extensia agendei Google este o prioritate dacă este instalat și RingCentral pentru Google.
      • Injecția C2D interferează cu editorii HTML/Text, în special cu Radederor
      • Afișare incorectă a pictogramei Click pentru a apela în agenda Google
      • Modificarea API -ului de contact Google pentru noua autorizare de extensie
      • Îmbunătățirea monitorului de apel la distanță din pagină toate apelurile
      • Opțiune de a masca întâlnirea dacă utilizatorul nu este conectat
      • Ștergerea numărului de versiune în pagina de știri

      Corecții Bogs

      • Cercetările pe pagina de contact pot provoca uneori aplicarea aplicației
      • Nu se poate potrivi cu contactul Google
      • Dezactivarea butonului pentru a trimite pe pagina conversației după ce nu a trimis mesajul
      • Imposibil de actualizat corect starea prezenței
      • Întârzie și sare de la cursor la sfârșitul textului la introducerea mesajelor
      • Colajul numerelor de telefon într -un câmp de conținut modificabil poate declanșa o injecție C2D
      • Old RingCentral logo pe pagini noi
      • Lipsește opțiunea de reuniune RingCentral în lista „Adăugarea conferințelor” pe pagina Agenda Google Agenda
      • Afișarea celor mai recente informații despre conferință după actualizare/modificare
      • Adăugarea paginii de pornire pentru produse noi
      • Faceți clic pe injecție pentru a apela/trimite un SMS uneori nu apare în poziția potrivită.
      • Opțiuni Faceți clic pentru a apela și faceți clic pentru a trimite un SMS de bază pe orice pagină web
      • Toate controalele de apel (cu excepția apelurilor la apeluri și apeluri la apeluri)
      • Acces la extensia RingCentral pe orice pagină web Chrome
      • Interfață de utilizator nouă
      • SMS profesionist și SMS intern
      • Sincronizarea directoarelor Google și RingCentral
      • Acces la director de la SMS
      • Acces la director de la numerotare
      • Activarea funcționalității de mesagerie vocală/fax
      • Activarea funcționalității teleconferinței
      • Carte de vizită detaliată
      • Integrarea agendei Google
      • Posibilitatea de a pune prototipul funcțional pe lista alb -negru (pentru a împiedica anumite site -uri web să afișeze interfața de utilizator RingCentral și C2D)
      • Trimiterea unui apel la mesageria vocală
      • Transfer de apel primit
      • Răspuns de către SMS la un apel primit
      • Modificarea stării prezenței
      • Reuniuni RingCentral Suport de colaborare
      • Contactați -ne formularul
      • Știri
      • Suport RingCentral la
      • Google Ho pentru conferințe RingCentral
      • Insigna de eroare WebRTC (afișarea unei notificări de eroare în cazul unei probleme cu apelul WebRTC)
      • Notificarea apelurilor care intră în ecusonul central atunci când aplicația este redusă (pe lângă notificarea browserului)