İstifadəçiləri xrom uzantısından qoşun

Bir pop-up sistemində işləyən bir uzantı yaratmaq istəyirik. Sonuncusu yaratmaq üçün sadəcə klassik HTML səhifəsi yaratmalıyıq. Mübahisəli sənəddə konfiqurasiya edildiyi kimi.JSON bir popup faylından istifadə edəcəyik.html

Google Chrome Tutorial: Bir uzantı yaradın

Google Chrome veb brauzeri üçün bir uzantı yaratmağı öyrənməyə dəvət edirəm. Bir uzantı yaratmaq mürəkkəb görünə bilər, lakin qorxma ! Həqiqətən, Google Chrome uzantıları yaxşı bildiyimiz dillərlə yaradıla bilər: JS, HTML və CSS.

Kiçik şərt

Əvvəlcə aktivləşdirməlisiniz Developer rejimi Xrom parametrlərində uzantınızı yükləyə bilmək üçün. Bunu etmək üçün parametrlərinizə> Daha çox alət> uzantılar və qutunu yoxlayın Developer rejimi. Bundan sonra uzantıları yükləmək üçün üç yeni düyməni görünməyinizi görməlisiniz.

Genişləndirməni konfiqurasiya edin

Bir uzantı yaratmaq üçün başlanğıc nöqtəsi açıq bir faylın yaradılmasıdır.Faylınızın kökündə JSON. O, adı, təsviri, skriptlərin yüklənməsi kimi uzantı konfiqurasiyasına dair bütün məlumatları ehtiva edir.

< "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 >, "Nişanlar": < // 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 >>

Bu fayl üçün mövcud olan bütün parametrlər sənədlərdə təsvir edilmişdir.

İcazələr

Varsayılan olaraq uzantısınız bir növ qum qutusunda olacaq və heç bir şey əldə etməyəcəkdir. Bəzi hallarda, veb səhifələrlə ünsiyyət qurmağı və ya müəyyən brauzer API ilə əlaqə qurmağı bacarmaq istəyirik. Daha sonra bu icazələri əldə etmək istədiyimiz konfiqurasiyamızda göstəriləcək (bu icazələrin genişləndirilməsi zamanı tələb olunacaq). Bu icazələr iki forma ala bilər:

• Müəyyən bir icazəni təmsil edən bir xarakter simli, məsələn, nişan nişanlarına giriş (İcazələrin siyahısı)
• Giriş edəcəyimiz bir URL formatını təmsil edən bir səbəb (uyğun nümunələri)

"İcazələr": [// İcazələr, "http: // * / *", "https: // * / *", "sekmeleri" // nişanlar yeni nişanlar yaratmaq üçün icazə verilir],

Üçün “http: ///“və” https: ///“, Ona deyirik ki, uzantı bütün HTTP və ya HTTPS səhifələrində işləyə bilər.

Pop-up yaratmaq

Bir pop-up sistemində işləyən bir uzantı yaratmaq istəyirik. Sonuncusu yaratmaq üçün sadəcə klassik HTML səhifəsi yaratmalıyıq. Mübahisəli sənəddə konfiqurasiya edildiyi kimi.JSON bir popup faylından istifadə edəcəyik.html

 H1, s 
Sabahınız xeyir
 
Salam mən sadə bir popupam
Kim çox yer tutmur

Bu anda etməli olduğumuz hər şey var, Chrome düyməsini basdığımız zaman yalnız yazdığımız səhifəni dəyişdirərək avtomatik olaraq pop-up açacaqdır.

Uzadılmasını sınayın

Artıq uzadılmağımızı sınamaq istəyirik, bunun üçün uzatma panelindən keçməli və TET doldurma düyməsini vurmalıyıq, sonra uzantısını ehtiva edən qovluğu seçin. Avtomatik olaraq, uzatma göründüyünüzü görməlisiniz.

Ssenar

Mütləq pop-up göstərən bir uzantı, nisbətən məhduddur ! Xoşbəxtlikdən, genişlənməyimizə fərqli davranışlar əlavə etmək üçün JavaScript-dən istifadə edə bilərik. JavaScript-i yerinə yetirmək istədiyinizdən asılı olaraq yükləməyin bir neçə yolu var.

Pop-up javascript

Birbaşa JavaScript-i pop-up-da yükləmək mümkündür. Həqiqətən, bu, hər hansı bir JavaScript faylını etiketlə yükləyə biləcəyimiz klassik bir veb səhifədir .

 // skriptimizi HTML H1 məzmununda yüklədik, s 
Sabahınız xeyir
 
Salam mən sadə bir popupam
Kim çox yer tutmur

Bu, JavaScript faylı yalnız pop-up açılışında yüklənəcək, birdən istifadəçi düyməsini heç vaxt dəstəkləmirsə, JavaScript heç vaxt icra edilməyəcəkdir

“Arxa plan” da JavaScript

Kodunuzu pop-up yerləşdirilməyəndə də kodunuzu aktiv saxlamaq üçün JavaScript-i arxa planda həyata keçirmək də mümkündür. Bunu etmək üçün, açıq faylını dəyişdirməli olacaqlar.Yükləmək istədiyimiz JavaScript faylına yolu daxil etmək üçün JSON.

Məzmun skriptləri

Bu Xoşbəxt skriptlər veb səhifənin kontekstində icra ediləcək və domdan istifadə edərək bununla qarşılıqlı əlaqədə olan javascript fayllarıdır. Arka plandan başlanan skriptlərdən fərqli olaraq bu skriptlərin xrom API-lərinə giriş yoxdur.*. Bundan əlavə, onlar nisbətən təcrid olunmuşdur və inyeksiya edildiyi veb səhifədə müəyyənləşdiriləcək JavaScript funksiyalarına giriş imkanı yoxdur.

Şrift ölçüsünü dəyişdirmək və ya müəyyən maddələri manipulyasiya etmək üçün veb səhifə ilə birbaşa əlaqə qurmaq istədikdə bu növ istifadə ediləcəkdir.

Xrom bildirişləri

Nəhayət, bildirişlərə dair kiçik bonus. Google Chrome-də istifadəçinin masaüstündə görünəcək bir bildiriş sistemini idarə etmək mümkündür. Bu API-dən istifadə etmək istəyirsinizsə, əvvəlcədən təzahür sənədində icazə istəməlisiniz.json .

"İcazələr": [// İcazələr, "http: // * / *", "https: // * / *", "sekmeleri", // tabları "bildirişləri" yaratmaq icazəsidir // bildirişləri aktivləşdirir],

Bu iş görüldükdən sonra bildirişləri idarə etməyə imkan verən sinifdən istifadə edə bilərik.

Var bildiriş = yeni bildiriş ('' notin adı) !', < icon: 'votreicon.jpg', body: "Votre petite description de la notification", >);;

Bu sinif google xrom üçün unikal deyil, lakin yeni bir API bir neçə brauzerdə bloklar var. Bunun necə işlədiyini daha çox məlumat əldə etmək istəyirsinizsə, sənədləri izləməyə dəvət edirəm. Bir uzantı halında üstünlüyü, istifadəçinin birbaşa başlamaq üçün bildirişlərə icazə verən icazələri qəbul etməsidir.

İstifadəçiləri xrom uzantısından qoşun

Bu sənəd istifadəçiləri Chrome uzantısından birləşdirmək üçün şəxsiyyət platformasından necə istifadə edəcəyinizi izah edir.

Əhəmiyyətli : Şəxsiyyət platforması yalnız Manifest V2 istifadə edən uzantılara uyğundur. Manifest v3, pop-up əməliyyatları təmin etmədiyi üçün uyğun deyil. Əhəmiyyətli: Bir telefon və ya bir xrom uzantıdan çoxfakttor identifikasiyasından istifadə mümkün deyil.

Başlamazdan əvvəl

• Şəxsiyyət platformasını aktivləşdir və şəxsiyyət təminatçisini konfiqurasiya edin. Necə, sürətli başlanğıc görmək üçün.
• Content_security_policy-nin icazəsi siyahısına aşağıdakı URL-ləri əlavə edin:
  • HTTPS: // APIS.Google.com
  • https: // www.gstatik.com
  • https: // www.googleapis.com
  • HTTPS: // securetoken.googleapis.com

  Daha çox məlumat üçün CSP sənədlərinə baxın.

  Uzatdığınız şəxsiyyət vəsiqəsini qeyd edin

  İstifadəçiləri Chrome uzantısından birləşdirmək üçün, genişləndirmə şəxsiyyətini səlahiyyətli bir domen kimi saxlamalısınız:

  1. Səhifəyə daxil olun Parametrlər Google Cloud konsolundakı şəxsiyyət platforması. Parametrlər səhifəsinə daxil olun
  2. Nişanı vurun Təhlükəsizlik.
  3. Bölmədə Səlahiyyətli domenlər (Səlahiyyətli ərazilər), vurun Domen əlavə etmək (Bir domen əlavə edin).
  4. Uzun URI-ni daxil edin. Bu uzantı normal olaraq buna bənzəyir: Xrom-Expansiyon: // Chrome_extension_ID .
  5. Basın Əlavə etmək.

  İstifadəçilərin bağlanmasına davam edin

  Bir Chrome uzantısından istifadəçi bağlantısı bir neçə fərqə bənzər bir veb tətbiqinə bənzəyir:

  • Telefon və çoxfakttor identifikasiyası dəstəklənmir.
  • Xrom uzantıları HTTP yönləndirmələrini istifadə edə bilməz. Buna görə istifadəçiləri birləşdirmək üçün pop-up əməliyyatları (SigninwithpoPopuppupupupupupup ()) istifadə etməlisiniz.
  • Bir brauzer hərəkətindən identifikasiya üsulları üçün zəng brauzerin hərəkətini ləğv edir. Beləliklə, onları arxa planda bir skriptdən adlandırmalısınız.
  • Pop-up metodları yalnız Manifest V2 istifadə edən uzantılarda istifadə edilə bilər.

  Aşağıdakı nümunə bir istifadəçinin Google ilə bağlantısını göstərir:

  Javascript

  popup.cığır

  // fon səhifəsinə istinad edin. Const bake = xrom.uzantı.GetBackroDpage (); // Açılan ilə daxil olun, adətən düymə düyməsini yapışdırın. bgpage.Signinwithpopup (); 

  fon.cığır

  Const tətbiqi = yanğınsöndürmə.İlkinizeApp (konfiqurasiya); Const auth = tətbiq.Müəllif (); Const signinwithpopup = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >);; >; 

  Aşağıdakı addımlar

  • İstifadəçiləri fərqli şəxsiyyət təminatçıları ilə birləşdirin.
  • Şəxsiyyət platforması istifadəçiləri haqqında daha çox məlumat əldə edin.

  Şərh

  Başqa bir şəkildə göstərilmədiyi təqdirdə, bu səhifənin məzmunu yaradıcı bir Commons Təyinatı 4 lisenziya ilə idarə olunur.0 və kod nümunələri Apache 2 lisenziyası ilə idarə olunur.0. Daha çox məlumat üçün, Google Yaradıcılar saytının qaydalarına baxın. Java, Oracle və / və ya Affiliated şirkətlərinin qeydə alınmış ticarət nişanıdır.

  Son yeniləmə 2023/06/17 (UTC).

  Google Chrome uzantısı üçün ringCentral

  Google Chrome uzadılması üçün ən son xüsusiyyətlər, təkmilləşdirmələr və səhv düzəlişləri ilə bu günə qədər xəbərdar olun.

  Version 21.3-cü.30 (rc)

  Buraxılış tarixi : 09/29/2021

  • İstifadəçi profilini şirkətin qovluğunda gizlətmək imkanı

  Bogs düzəlişləri

  • Üzən bir pəncərədə RC loqotipinin göstərilməsi
  • Icon narahat deyil

  Buraxılış tarixi : 07/28/2021

  • Bir görüşə dəvətnamələrinizdə otaq bağlayıcı ringcentral videonun təfərrüatlarını əlavə etmək imkanı

  Buraxılış tarixi : 01/22/2021

  • RingCentral Video:
    • Gözləmə otağının aktivləşdirilməsi
    • Qlobal giriş nömrələri
    • Şifrənin elektron poçtla dəvət olunmasına qədər avtomatik tərkibi
    • Qeyri-SPMI Yığıncaqları üçün bir parolun avtomatik tətbiqi
    • Veb xidmətinin kilidləmə parametrlərinin dəyərlərinə uyğunluq
    • Ringcentral video
      • Etiketin “ev sahibi qarşısında qoşulun” etiketi “iştirakçılar yalnız məndən sonra iclasa qoşula bilər” ilə əvəz etməklə
      • Şifrə UX təkmilləşdirilməsi

      Buraxılış tarixi : 23/09/2020

      • İndi əlaqə məlumatları səhifəsinə daxil olan bir sahə daxildir
      • Genişləndirmə nömrəsi artıq aktivləşdirilmiş sayt kodları ilə göstərilir
      • Qısa uzantı nömrəsi ilə əlaqə axtarmaq imkanı
      • Qısa bir uzantı nömrəsinin tərkibi
      • Tək səs seçiminə 3 səsli zəng seçiminin qaynaşması

      Buraxılış tarixi : 07/31/2020

      • Yalnız təsdiq edilmiş istifadəçilərin iclaslara qoşulmasına icazə vermək imkanı
      • Ekran paylaşma seçimi yalnız ev sahibi və moderatorlar üçün qorunur
      • Əlavə təhlükəsizlik seçimlərinin kateqoriyası
      • Video Təchizatçıya Dəyişikliklər üçün bildirişlərin qəbulu
      • Zəng xitamı olaraq ringCentral tətbiqinin istifadəsi

      Bogs düzəlişləri

      • Təcili zəng etmək olmur

      Buraxılış tarixi : 05/18/2020

      • Veb Zəng edənin şəxsiyyət vəsiqəsindən standart ID şəxsiyyət vəsiqəsi kimi ringout tərifi

      Bogs düzəlişləri

      • Zəng edənlərin zəngləri siyahısına köçürülmüş nömrələrin göstərilməsi

      Buraxılış tarixi : 04/22/2020

      • Planlı görüşlər üçün bir iclas parolunu əlavə etmək
      • Funksionallığın deaktivləşdirilməsi “ev sahibi qarşısında qoşulun”

      Buraxılış tarixi : 04/09/2020

      Bogs düzəlişləri

      • Google Gündəmində konfransın açılan menyusunda sabit ikiqat iclas variantları.

      Buraxılış tarixi : 02/04/2020

      Bogs düzəlişləri

      • 24 saatdan sonra görüşlərin bitməsi probleminin həlli.
      • RingCentral görüşlərini bəstələmək üçün nömrənin sayının düzəldilməsi

      Buraxılış tarixi : 28/10/2019

      • Google siyasətinə riayət etmək üçün məhdud istifadə üçün uyğunluğunun açıqlanmasını gizlətmək üçün seçim
      • Gmail nişanını son fəaliyyətlərdə silmək (Google-u uğurla yoxlamaq üçün Gmail API-yə zəng etməyin)
      • Google siyasətinə riayət etmək üçün məhdud istifadə üçün uyğunluğunun açıqlanmasını əlavə etmək
      • C2D / SMS Qara siyahı idarəetmə
      • “Konfransı əlavə etmək” siyahısında bir görüş seçimi əlavə etmək
      • Google gündəliyi uzantısı, Google üçün RingCentral da quraşdırılıbsa, prioritetdir.
      • C2D injection, xüsusən Radederor ilə HTML / Mətn Yayımcıları ilə müdaxilə edir
      • Google Gündəmində zəng etmək üçün klik nişanının səhv görüntüsü
      • Google Əlaqə API-nin yeni uzadılması icazəsi üçün dəyişdirilməsi
      • Bütün zənglər səhifəsində uzaqdan zəng monitorunun təkmilləşdirilməsi
      • İstifadəçi bağlı deyilsə iclası maska ​​etmək üçün seçim
      • Xəbər səhifəsindəki versiya nömrəsinin silinməsi

      Bogs düzəlişləri

      • Əlaqə səhifəsində tədqiqat bəzən tətbiqin tətbiqinə səbəb ola bilər
      • Google Əlaqə ilə uyğunlaşa bilmir
      • Mesaj göndərə bilməməsindən sonra söhbət səhifəsinə göndərmək üçün düyməni deaktiv etmək
      • Vəziyyət statusunu düzgün yeniləmək olmur
      • Mesajları daxil edərkən mətnin sonundakı kursordan gecikdirir və atlanır
      • Dəyişdirilə bilən məzmun sahəsində telefon nömrələrinin kollajı bir C2D injeksiyonunu tetikler
      • Yeni səhifələrdə köhnə ringcentral loqotipi
      • Google Gündəliyi səhifəsindəki “Konfranslar” Drop -down siyahısındakı RingCentral Reunion seçimini itkin
      • Yeniləmə / modifikasiya edildikdən sonra konfrans haqqında ən son məlumatların göstərilməsi
      • Yeni məhsullar üçün ana səhifənin əlavə edilməsi
      • Zəng etmək / göndərmək üçün vurma tıklayın Bəzən düzgün vəziyyətdə görünmür.
      • Seçimlər Zəng etmək üçün vurun və istənilən veb səhifədə əsas SMS göndərmək üçün vurun
      • Bütün zəng nəzarətləri (zənglər üçün zəng və zəng üçün zəng etməkdən başqa)
      • Hər hansı bir xrom veb səhifəsində ringcentral uzantısına giriş
      • Yeni istifadəçi interfeysi
      • Peşəkar SMS və Daxili SMS
      • Google və RingCentral qovluqlarının sinxronizasiyası
      • SMS-dən qovluğa giriş
      • Nömrəliyin qovluğuna giriş
      • Vokal / faks mesajlaşma funksiyasının aktivləşdirilməsi
      • Telekonferensiya funksiyasının aktivləşdirilməsi
      • Ətraflı vizit kartı
      • Google Gündəliyinin inteqrasiyası
      • Funksional prototipi qara / ağ siyahıya qoymaq imkanı (müəyyən saytların ringCentral və C2D istifadəçi interfeysini göstərməsinin qarşısını almaq üçün)
      • Vokal mesajlaşmasına müraciət göndərmək
      • Gələn Zəng Transferi
      • Gələn bir zəng üçün SMS ilə cavab
      • Varlıq statusunun modifikasiyası
      • RingCentral Görüşlər Əməkdaşlıq Dəstəyi
      • Bizimlə əlaqə forması
      • Xəbəri
      • Ringcentral dəstək
      • RingCentral konfransları üçün Google Ho
      • Webrtc səhv nişanı (Webrtc zəngi ilə bağlı problem olduqda bir səhv bildirişinin göstərilməsi)
      • Tətbiq azaldıldıqda (brauzerin bildirişinə əlavə olaraq) RingCentral nişanına girən zəng bildirişi