Kullanıcıları bir Chrome uzantısından bağlayın

Bir pop-up sisteminde çalışan bir uzantı oluşturmak istiyoruz. İkincisini oluşturmak için sadece klasik bir HTML sayfası oluşturmamız gerekiyor. Manifest dosyasında yapılandırıldığı gibi.JSON Bir açılır dosyası kullanacağız.HTML

Google Chrome Eğitimi: Bir Uzantı Oluşturun

Sizi Google Chrome Web Tarayıcısı için nasıl bir uzantı oluşturacağınızı keşfetmeye davet ediyorum. Bir uzatma yaratmak karmaşık görünebilir, ancak korkmayın ! Gerçekten de Google Chrome uzantıları, iyi bildiğimiz dillerle oluşturulabilir: JS, HTML ve CSS.

Küçük önkoşul

Önce etkinleştirmeniz gerekiyor Geliştirici modu Uzantınızı yükleyebilmek için krom ayarlarda. Bunu yapmak için ayarlarınıza gidersiniz> Daha fazla araç> uzantılar ve kutuyu kontrol edin Geliştirici modu. Daha sonra üç yeni düğmenin uzatma yüklediğini görmelisiniz.

Uzantınızı yapılandırın

Bir uzantı oluşturmanın başlangıç ​​noktası, bir manifest dosyasının oluşturulmasıdır.Dosyanızın kökünde json. Ad, açıklama, yüklenecek komut dosyaları gibi uzantının yapılandırması ile ilgili tüm bilgileri içerecektir.

< "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 >, "Simgeler": < // 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 dosya için mevcut tüm parametreler belgelerde açıklanmıştır.

İzin

Varsayılan olarak, uzantınız bir tür sanal alanda olacak ve hiçbir şeye erişemeyecek. Bazı durumlarda, web sayfalarıyla veya belirli tarayıcı API’leriyle iletişim kurabilen uzantılar oluşturmak istiyoruz. Daha sonra, yapılandırmamızda hangi izinleri elde etmek istediğimiz belirtmek gerekecektir (bu izinler, uzantının kurulumu sırasında talep edilecektir). Bu izinler iki form alabilir:

• Belirli bir izin türünü temsil eden bir karakter dizesi, örneğin sekmelere erişim (izinler listesi)
• Erişeceğimiz bir URL formatını temsil eden bir neden (Maç Desenleri)

"İzinler": [// İzinler, "http: //*/*", "https: //*/*", "sekmeler" // sekmeleri yeni sekmeler oluşturma iznidir],

“Http: // için/“Ve” https: ///“Ona, uzantının tüm HTTP veya HTTPS sayfalarında çalışabileceğini söylüyoruz.

Bir pop-up oluştur

Bir pop-up sisteminde çalışan bir uzantı oluşturmak istiyoruz. İkincisini oluşturmak için sadece klasik bir HTML sayfası oluşturmamız gerekiyor. Manifest dosyasında yapılandırıldığı gibi.JSON Bir açılır dosyası kullanacağız.HTML

 H1, P 
Günaydın
 
Merhaba ben basit bir açılır benim
Kim fazla yer kaplamaz

Şimdilik yapmamız gereken tek şey bu, Chrome düğmesine tıkladığımızda, yeni yazdığımız sayfayı değiştirerek açılır pencereyi otomatik olarak açacak.

Uzatmasını test edin

Şimdi uzantımızı test etmek istiyoruz, çünkü uzatma panelinden geçmemiz ve TET Şarj düğmesini tıklamamız gerekecek, ardından uzantınızı içeren klasörü seçin. Otomatik olarak, uzantınızın simgesinin göründüğünü görmelisiniz.

Senaryo

Mutlaka bir pop-up görüntüleyen bir uzantı, nispeten sınırlıdır ! Neyse ki, uzantımıza farklı davranışlar eklemek için JavaScript’i kullanabiliriz. Neyi başarmak istediğinize bağlı olarak JavaScript’i yüklemenin birkaç yolu vardır.

Pop-up’da javascript

Her şeyden önce JavaScript’i doğrudan pop-up’a yüklemek mümkün. Gerçekten de, herhangi bir JavaScript dosyasını etiketle yükleyebileceğimiz klasik bir web sayfasıdır .

 // Komut dosyamızı HTML H1 içeriğine yüklüyoruz, P 
Günaydın
 
Merhaba ben basit bir açılır benim
Kim fazla yer kaplamaz

Bununla birlikte, JavaScript dosyası yalnızca açılır pencerenin açılışında yüklenir, aniden kullanıcı düğmeyi desteklemezse, JavaScript’iniz asla yürütülmez

“Arka Plan” da JavaScript

Pop-up dağıtılmasa bile kodunuzu aktif tutmak için arka planda JavaScript’i yürütmek de mümkündür. Bunu yapmak için, manifest dosyasını değiştirmek zorunda kalacaklar.JSON yüklemek istediğimiz JavaScript dosyasına giden yolu eklemek için.

İçerik komut dosyaları

Mutlu senaryolar Web sayfası bağlamında yürütülecek ve DOM kullanarak onunla etkileşime girebilecek JavaScript dosyaları. Arka plandan başlatılan komut dosyalarının aksine, bu komut dosyalarının Chrome API’lerine erişimi yok.*. Ayrıca, nispeten izole çalışırlar ve enjekte edildikleri web sayfasında tanımlanacak JavaScript işlevlerine erişimi yoktur.

Bu tür yük, yazı tipi boyutunu değiştirmek veya belirli öğeleri manipüle etmek için Web sayfasıyla doğrudan etkileşim kurmak istediğinizde kullanılacaktır.

Chrome Bildirimleri

Son olarak, bildirimlerle ilgili küçük bonus. Google Chrome’da, kullanıcının masaüstünde görüntülenecek bir bildirim sistemini yönetmek mümkündür. Bu API’yi kullanmak istiyorsanız, manifest dosyasında önceden izin istemeniz gerekecektir.JSON .

"İzinler": [// İzinler, "http: //*/*", "https: //*/*", "sekmeler", // sekmeleri yeni sekmeler oluşturma izni "bildirimleri" oluşturma iznidir. // Bildirimleri etkinleştirir],

Bu yapıldıktan sonra, bildirimleri yönetmeye izin veren sınıfı kullanabiliriz.

Var Notiation = Yeni Bildirim ('Notif Başlığı !', < icon: 'votreicon.jpg', body: "Votre petite description de la notification", >);

Bu sınıf Google Chrome’a ​​özgü değil, ancak birkaç tarayıcıda yeni bir API var veya bloklar var. Nasıl çalıştığı hakkında daha fazla bilgiye sahip olmak istiyorsanız, sizi belgeleri izlemeye davet ediyorum. Bir uzantı durumundaki avantaj, kullanıcının bildirimlerin doğrudan başlamasına izin veren izinleri zaten kabul etmesidir.

Kullanıcıları bir Chrome uzantısından bağlayın

Bu belge, kullanıcıları bir Chrome uzantısından bağlamak için kimlik platformunun nasıl kullanılacağı açıklanmaktadır.

Önemli : Kimlik Platformu yalnızca Manifest V2 kullanan uzantılarla uyumludur. Manifest V3 uyumlu değil çünkü pop-up işlemleri sağlamıyor. Önemli: Bir krom uzantısından bir telefon veya çok faktörlü kimlik doğrulama kullanımı mevcut değil.

Başlamadan önce

• Kimlik platformunu etkinleştirin ve bir kimlik sağlayıcısı yapılandırın. Nasıl olduğunu öğrenmek için, hızlı başlat -up görün.
• Uzantınızdaki Content_Security_Policy’nin Yetkili listesine aşağıdaki URL’leri ekleyin:
  • https: // apis.Google.com
  • https: // www.gstatik.com
  • https: // www.googleap.com
  • https: // Securetoken.googleap.com

  Daha fazla bilgi için CSP belgelerine bakın.

  Uzantınızın kimliğini kaydedin

  Kullanıcıları bir Chrome uzantısından bağlamak için, uzatma kimliğini yetkili bir alan olarak kaydetmelisiniz:

  1. Sayfaya erişin Ayarlar Google Bulut Konsolunda Kimlik Platformu. Ayarlar sayfasına erişin
  2. Sekmeye tıklayın Güvenlik.
  3. Bölümde Yetkili alanlar (Yetkili alanlar), tıklayın Etki alanı ekle (Bir alan ekleyin).
  4. Uzantınızın URI’sini girin. Bu uzantı normalde buna benziyor: Chrome-ekspension: // chrome_extension_id .
  5. Tıklamak Eklemek.

  Kullanıcıların bağlantısına devam edin

  Bir krom uzantısından kullanıcı bağlantısı bir web uygulamasına benzer, birkaç farklılıkla:

  • Telefon ve çok faktörlü kimlik doğrulaması desteklenmiyor.
  • Chrome uzantıları HTTP yönlendirmelerini kullanamaz. Bu nedenle, kullanıcıları bağlamak için POP-UP işlemlerini (SigninWithPopup () ve LinkWithPopup ()) kullanmalısınız.
  • Bir tarayıcı eyleminden kimlik doğrulama yöntemleri çağrısı, tarayıcının eylemini iptal eder. Yani onları arka plandaki bir senaryodan aramalısınız.
  • Pop-up yöntemleri yalnızca Manifest V2 kullanan uzantılarda kullanılabilir.

  Aşağıdaki örnek, bir kullanıcının Google ile bağlantısını göstermektedir:

  Javascript

  aniden belirmek.JS

  // Arka plan sayfasına referans alın. Const bagge = chrome.eklenti.GetbackgroundPage (); // açılır pencereyle oturum açın, genellikle düğmeye takılmış. bgpage.SigninWithPopup (); 

  arka plan.JS

  Const App = Firebase.InitializePapp (config); Const auth = uygulama.yazar (); Const signinwithpopup = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >); >; 

  Aşağıdaki adımlar

  • Kullanıcıları farklı kimlik sağlayıcılarıyla bağlayın.
  • Kimlik platformu kullanıcıları hakkında daha fazla bilgi edinin.

  Yorum

  Aksi belirtilmedikçe, bu sayfanın içeriği bir Creative Commons Atama 4 Lisansı tarafından yönetilir.0 ve kod örnekleri bir Apache 2 lisansı tarafından yönetilir.0. Daha fazla bilgi için Google Geliştiricileri Sitesinin Kurallarına bakın. Java, Oracle ve/veya bağlı şirketlerinin kayıtlı ticari markasıdır.

  2023/06/17 tarihinde son güncelleme (UTC).

  Google Chrome Uzantısı için RingCentral

  Google Chrome Uzantısı için RingCentral’dan en son özellikler, iyileştirmeler ve hata düzeltmeleri ile güncel kalın.

  Sürüm 21.3.30 (RC)

  Yayın tarihi : 09/29/2021

  • Kullanıcı profilini şirketin dizinindeki gizleme imkanı

  Bataklık düzeltmeleri

  • Yüzen bir pencerede RC logosunun görüntülenmesi
  • Simge rahatsız etmeyin

  Yayın tarihi : 07/28/2021

  • Bir toplantıya davetlerinize oda konnektörü ringcentral videonun ayrıntılarını ekleme imkanı

  Yayın tarihi : 01/22/2021

  • RingCentral Video:
    • Bekleme odasının aktivasyonu
    • Global Erişim Numaraları
    • E-posta ile davetiyeden şifrenin otomatik kompozisyonu
    • PMI olmayan toplantılar için bir şifrenin otomatik olarak uygulanması
    • Web hizmetinin kilitleme parametrelerinin değerlerine uyum
    • Ringcentral Video
      • “Ana Bilgisayardan Önce Birleştir” etiketinin güncellenmesi “Katılımcılar sadece benden sonra toplantıya katılabilir” ile değiştirerek
      • Parola UX’in iyileştirilmesi

      Yayın tarihi : 23/09/2020

      • İletişim bilgileri sayfası artık site için bir alan içeriyor
      • Uzatma numarası artık etkinleştirilmiş site kodlarıyla görüntüleniyor
      • Kısa uzantı numarası ile iletişim arama imkanı
      • Kısa bir uzatma numarasının bileşimi
      • 3 Zil Çağrı Seçeneklerinin Füzyonu Tek Bir Zil Seçeneği

      Yayın tarihi : 07/31/2020

      • Yalnızca kimliği doğrulanmış kullanıcılara toplantılara katılma yetkisi olma olasılığı
      • Ekran Paylaşımı Seçeneği Yalnızca ana bilgisayar ve moderatörler için ayrılmıştır
      • Ek güvenlik seçenekleri kategorisi
      • Video Tedarikçisinde Uzatma Değişiklikleri için Bildirimlerin Alınması
      • Çağrı sonlandırma olarak RingCentral uygulamasının kullanımı

      Bataklık düzeltmeleri

      • Acil durum aramaları yapılamıyor

      Yayın tarihi : 05/18/2020

      • Web arayanın kimliğinden zilin tanımı varsayılan kimlik olarak

      Bataklık düzeltmeleri

      • Arayanların çağrıları listesine aktarılan numaraların görüntülenmesi

      Yayın tarihi : 04/22/2020

      • Planlanan toplantılar için bir toplantı şifresi ekleme
      • “Ana Bilgisayardan Önce Birleştir” işlevinin deaktivasyonu

      Yayın tarihi : 04/09/2020

      Bataklık düzeltmeleri

      • Google Gündem Konferansı’nın Bırakma Menüsünde Çift Toplantı Seçenekleri Sabit.

      Yayın tarihi : 02/04/2020

      Bataklık düzeltmeleri

      • 24 saat sonra toplantıların sona erme sorununun çözümü.
      • Ringcentral toplantılarını oluşturacak sayı sayısının düzeltilmesi

      Yayın tarihi : 28/10/2019

      • Google’ın politikasına uymak için sınırlı kullanım için uyumluluk açıklamasını gizleme seçeneği
      • Gmail sekmesini son etkinliklerde silme (Google’ı başarılı bir şekilde kontrol etmek için Gmail API’sını aramayın)
      • Google’ın politikasına uymak için sınırlı kullanım için uyumluluk açıklamasının eklenmesi
      • C2D/SMS Siyah Liste Yönetimi
      • “Konferans Ekleme” Drop -down Listesinde bir toplantı seçeneğinin hareketi
      • Google için RingCentral’ın da yüklüyse Google Gündem Uzantısı bir önceliktir.
      • C2D enjeksiyonu HTML/metin yayıncılarına, özellikle raderora müdahale eder
      • Google gündeminde aranacak tıklama simgesinin yanlış görüntülenmesi
      • Yeni Uzantı Yetkisi için Google İletişim API’sının Değiştirilmesi
      • Sayfadaki uzak çağrı monitörünün iyileştirilmesi tüm çağrılar
      • Kullanıcı bağlı değilse toplantıyı maskeleme seçeneği
      • Haber sayfasındaki sürüm numarasının silinmesi

      Bataklık düzeltmeleri

      • İletişim sayfasındaki araştırma bazen uygulamanın uygulanmasına neden olabilir
      • Google Kişi Eşleşemiyor
      • Mesajı gönderemedikten sonra konuşma sayfasına göndermek için düğmeyi devre dışı bırakma
      • Varlık durumunu doğru bir şekilde güncelleyemiyor
      • Mesajlar girerken metnin sonunda imleçten gecikmeler ve atlar
      • Değiştirilebilir bir içerik alanındaki telefon numaralarının kolajı bir C2D enjeksiyonunu tetikleyebilir
      • Yeni sayfalarda eski Ringcentral logosu
      • Google Gündem Sayfasında “Konferans Ekleme” Bırakma Listesinde Eksik RingCentral Yeniden Birleşme Seçeneği
      • Güncelleme/değişiklik sonrası konferansla ilgili en son bilgilerin görüntülenmesi
      • Yeni ürünler için ana sayfanın eklenmesi
      • Bir SMS aramak/göndermek için enjeksiyon tıklayın Bazen doğru konumda görünmez.
      • Seçenekler Aramak için tıklayın ve herhangi bir web sayfasında temel bir SMS göndermek için tıklayın
      • Tüm arama kontrolleri (çağrı çağırmak ve çağrı çağırmak hariç)
      • Herhangi bir krom web sayfasında RingCentral uzantısına erişim
      • Yeni Kullanıcı Arayüzü
      • Profesyonel SMS ve Dahili SMS
      • Google ve RingCentral dizinlerinin senkronizasyonu
      • SMS’den dizine erişim
      • Numaralamadan dizine erişim
      • Vokal/faks mesajlaşma işlevselliğinin aktivasyonu
      • Telekonferans işlevselliğinin aktivasyonu
      • Ayrıntılı kartvizit
      • Google Gündeminin Entegrasyonu
      • Fonksiyonel prototipi siyah/beyaz listeye koyma imkanı (belirli web sitelerinin RingCentral ve C2D kullanıcı arayüzünü göstermesini önlemek için)
      • Vokal mesajlaşmaya itiraz göndermek
      • Gelen çağrı transferi
      • SMS tarafından gelen bir çağrıya yanıt
      • Varlık Durumunun Değiştirilmesi
      • RingCentral Toplantıları İşbirliği Desteği
      • Bize Ulaşın Formu
      • Haberler
      • Ringcentral desteği
      • RingCentral konferansları için Google Ho
      • WebRTC hata rozeti (WebRTC çağrısı ile ilgili bir sorun durumunda bir hata bildiriminin görüntülenmesi)
      • Uygulama azaltıldığında RingCentral Rozeti giren çağrı bildirimi (tarayıcının bildirimine ek olarak)