Tutorial Video Google Chrome: Buat Pelanjutan | Grafikart, teruskan sambungan pengguna dari sambungan Chrome | Platform Identiti Dokumentasi | Awan Google

Sambungkan pengguna dari sambungan Chrome

Kami mahu membuat lanjutan yang berfungsi pada sistem pop timbul. Untuk membuat yang terakhir, kita hanya perlu membuat halaman HTML klasik. Seperti yang dikonfigurasikan dalam fail manifes.JSON Kami akan menggunakan fail pop timbul.html

Tutorial Google Chrome: Buat Pelanjutan

Saya menjemput anda untuk mengetahui cara membuat lanjutan untuk penyemak imbas web Google Chrome. Membuat lanjutan mungkin kelihatan rumit, tetapi jangan takut ! Sesungguhnya, sambungan Google Chrome boleh dibuat dengan bahasa yang kita tahu dengan baik: JS, HTML dan CSS.

Prasyarat kecil

Pertama anda perlu mengaktifkan Mod pemaju dalam tetapan Chrome untuk dapat memuatkan pelanjutan anda. Untuk melakukan ini, anda pergi ke Tetapan anda> lebih banyak alat> Sambungan dan periksa kotak Mod pemaju. Anda kemudiannya harus melihat tiga butang baru kelihatan memuatkan sambungan.

Konfigurasikan pelanjutan anda

Titik permulaan untuk membuat lanjutan adalah penciptaan fail nyata.Json di akar fail anda. Dia akan mengandungi semua maklumat mengenai konfigurasi pelanjutan seperti nama, keterangan, skrip yang akan dimuatkan.

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

Semua parameter yang tersedia untuk fail ini diterangkan dalam dokumentasi.

Keizinan

Secara lalai pelanjutan anda akan berada dalam kotak pasir dan tidak akan mendapat akses kepada apa -apa. Dalam beberapa kes, kami ingin membuat sambungan yang mampu berkomunikasi dengan laman web, atau dengan API penyemak imbas tertentu. Kemudiannya perlu untuk menentukan dalam konfigurasi kami yang keizinan yang kami ingin dapatkan (keizinan ini akan diminta semasa pemasangan pelanjutan). Kebenaran ini boleh mengambil dua bentuk:

  • Rentetan watak yang mewakili jenis kebenaran tertentu, contohnya akses kepada tab tab (senarai kebenaran)
  • Sebab yang mewakili format URL yang akan kami akses (corak perlawanan)
"Kebenaran": [// Kebenaran, kita akan kembali ke bawah "http: //*/*", "https: //*/*", "tabs" // tabs adalah kebenaran untuk membuat tab baru],

Untuk “http: ///“Dan” https: ///“, Kami memberitahunya bahawa lanjutan itu boleh berfungsi pada semua halaman HTTP atau HTTPS.

Buat pop timbul

Kami mahu membuat lanjutan yang berfungsi pada sistem pop timbul. Untuk membuat yang terakhir, kita hanya perlu membuat halaman HTML klasik. Seperti yang dikonfigurasikan dalam fail manifes.JSON Kami akan menggunakan fail pop timbul.html

 H1, ms 

Selamat Pagi

Hello saya pop timbul yang mudah
yang tidak mengambil banyak bilik

Itu sahaja yang perlu kita lakukan buat masa ini, apabila kita mengklik butang Chrome secara automatik akan membuka pop timbul dengan menukar halaman yang baru saja kita tulis.

Menguji lanjutannya

Kami kini ingin menguji pelanjutan kami, kerana itu kami perlu melalui panel lanjutan dan klik butang Cas TET kemudian pilih folder yang mengandungi sambungan anda. Secara automatik, anda harus melihat ikon pelanjutan anda muncul.

Skrip

Semestinya lanjutan yang memaparkan pop timbul, ia agak terhad ! Nasib baik, kita boleh menggunakan JavaScript untuk menambah tingkah laku yang berbeza ke lanjutan kami. Terdapat beberapa cara untuk memuatkan JavaScript bergantung pada apa yang ingin anda capai.

JavaScript dalam pop timbul

Pertama kali dapat memuatkan JavaScript secara langsung dalam pop timbul. Sesungguhnya, ini adalah laman web klasik di mana kita boleh memuatkan sebarang fail JavaScript dengan tag .

 // Kami memuat skrip kami dalam kandungan html h1, p 

Selamat Pagi

Hello saya pop timbul yang mudah
yang tidak mengambil banyak bilik

Yang mengatakan, fail JavaScript hanya akan dimuatkan pada pembukaan pop timbul, tiba-tiba jika pengguna tidak pernah menyokong butang, JavaScript anda tidak akan dilaksanakan

JavaScript dalam “Latar Belakang”

Ia juga mungkin untuk melaksanakan JavaScript di latar belakang untuk memastikan kod anda aktif walaupun pop timbul tidak digunakan. Untuk melakukan ini, mereka perlu menukar fail manifes.Json untuk memasukkan jalan ke fail javascript yang ingin kami muatkan.

Skrip kandungan

The Skrip gembira Adakah fail JavaScript yang akan dilaksanakan dalam konteks laman web dan yang boleh berinteraksi dengannya menggunakan DOM. Tidak seperti skrip yang dilancarkan dari latar belakang skrip ini tidak mempunyai akses ke API Chrome.*. Di samping itu, mereka beroperasi agak terpencil dan tidak mempunyai akses kepada fungsi JavaScript yang akan ditakrif.

Jenis beban ini akan digunakan apabila anda ingin berinteraksi secara langsung dengan laman web untuk menukar saiz fon atau memanipulasi item tertentu.

Pemberitahuan Chrome

Akhirnya, bonus kecil mengenai pemberitahuan. Di Google Chrome adalah mungkin untuk menguruskan sistem pemberitahuan yang akan dipaparkan di desktop pengguna. Sekiranya anda ingin menggunakan API ini, anda perlu meminta kebenaran terlebih dahulu dalam fail manifes.json .

"Kebenaran": [// Kebenaran, kita akan kembali ke bawah "http: //*/*", "https: //*/*", "tabs", // tabs adalah kebenaran untuk membuat tab baru "Pemberitahuan" " // mengaktifkan pemberitahuan],

Sebaik sahaja ini selesai, kita boleh menggunakan kelas yang membolehkan menguruskan pemberitahuan.

Pemberitahuan var = Pemberitahuan baru ('Tajuk notis !', < icon: 'votreicon.jpg', body: "Votre petite description de la notification", >);

Kelas ini tidak unik untuk Google Chrome, tetapi API baru mempunyai atau blok dalam beberapa pelayar. Sekiranya anda ingin mempunyai lebih banyak maklumat mengenai cara ia berfungsi, saya menjemput anda menonton dokumentasi. Kelebihan dalam kes pelanjutan adalah bahawa pengguna telah menerima kebenaran yang membolehkan pemberitahuan bermula secara langsung.

Sambungkan pengguna dari sambungan Chrome

Dokumen ini menerangkan cara menggunakan platform identiti untuk menyambungkan pengguna dari sambungan krom.

Penting : Platform identiti hanya serasi dengan sambungan yang menggunakan v2 nyata. Manifest V3 tidak serasi kerana ia tidak menyediakan operasi pop timbul. Penting: Penggunaan telefon atau pengesahan multifaktor dari lanjutan krom tidak tersedia.

Sebelum awak mula

  • Aktifkan platform identiti dan konfigurasikan pembekal identiti. Untuk mengetahui bagaimana, lihat permulaan yang cepat -Up.
  • Tambahkan URL berikut ke senarai kebenaran content_security_policy dari lanjutan anda:
    • https: // apis.Google.com
    • https: // www.gstatic.com
    • https: // www.Googleapis.com
    • https: // securetoken.Googleapis.com

    Untuk maklumat lanjut, lihat dokumentasi CSP.

    Simpan id pelanjutan anda

    Untuk menyambungkan pengguna dari sambungan Chrome, anda mesti menyimpan ID lanjutan sebagai domain yang diberi kuasa:

    1. Akses halaman Tetapan Platform Identiti di Google Cloud Console. Akses halaman tetapan
    2. Klik pada tab Keselamatan.
    3. Di bahagian Domain yang diberi kuasa (Kawasan yang diberi kuasa), klik pada Tambah domain (Tambah domain).
    4. Masukkan URI pelanjutan anda. Pelanjutan ini biasanya menyerupai ini: Chrome-expension: // Chrome_extension_id .
    5. Klik pada Tambah.

    Teruskan ke sambungan pengguna

    Sambungan pengguna dari sambungan Chrome adalah serupa dengan aplikasi web, kepada beberapa perbezaan:

    • Pengesahan telefon dan multifaktor tidak disokong.
    • Sambungan Chrome tidak dapat menggunakan pengalihan HTTP. Oleh itu, anda mesti menggunakan operasi pop timbul (signWithPopup () dan LinkWithPopup ()) untuk menyambungkan pengguna.
    • Panggilan untuk kaedah pengesahan dari tindakan penyemak imbas membatalkan tindakan penyemak imbas. Oleh itu, anda lebih suka memanggil mereka dari skrip di latar belakang.
    • Kaedah pop timbul hanya boleh digunakan dalam sambungan yang menggunakan nyata v2.

    Contoh berikut menggambarkan sambungan pengguna dengan Google:

    JavaScript

    Popup.js

    // Dapatkan rujukan ke halaman latar belakang. Const bgage = chrome.sambungan.GetbackgroundPage (); // Log masuk dengan pop timbul, biasanya dilampirkan pada klik butang. bgpage.SignWithPopup (); 

    latar belakang.js

    Const app = firebase.Inisialisasi (config); Const auth = app.pengarang (); Const signinWithPopup = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >); >; 

    Langkah berikut

    • Sambungkan pengguna dengan penyedia identiti yang berbeza.
    • Ketahui lebih lanjut mengenai Pengguna Platform Identiti.

    Komen

    Melainkan dinyatakan sebaliknya, kandungan halaman ini ditadbir oleh lesen Tugasan Creative Commons 4.0, dan sampel kod ditadbir oleh lesen Apache 2.0. Untuk maklumat lanjut, lihat Peraturan Laman Pemaju Google. Java adalah tanda dagangan berdaftar Oracle dan/atau syarikat gabungannya.

    Kemas kini terakhir pada 2023/06/17 (UTC).

    RingCentral untuk sambungan Google Chrome

    Tinggal terkini dengan ciri terkini, penambahbaikan dan pembetulan pepijat dari RingCentral untuk sambungan Google Chrome.

    Versi 21.3.30 (RC)

    Tarikh Siaran : 09/29/2021

    • Kemungkinan untuk menyembunyikan profil pengguna di direktori syarikat

    Pembetulan rawa

    • Paparan logo RC dalam tetingkap terapung
    • Ikon tidak mengganggu

    Tarikh Siaran : 07/28/2021

    • Kemungkinan untuk menambah butiran video penyambung ringcentral dalam jemputan anda ke mesyuarat

    Tarikh Siaran : 01/22/2021

    • Video RingCentral:
      • Pengaktifan ruang menunggu
      • Nombor akses global
      • Komposisi kata laluan secara automatik dari jemputan melalui e-mel
      • Permohonan kata laluan secara automatik untuk mesyuarat bukan PMI
      • Pematuhan dengan nilai parameter penguncian perkhidmatan web
      • Video RingCentral
        • Kemas kini label “Sertai Sebelum Hos” dengan menggantikannya dengan “Peserta hanya boleh menyertai mesyuarat selepas saya”
        • Peningkatan kata laluan ux

        Tarikh Siaran : 23/09/2020

        • Halaman butiran hubungan sekarang termasuk medan untuk laman web ini
        • Nombor pelanjutan kini dipaparkan dengan kod tapak yang diaktifkan
        • Kemungkinan mencari hubungan dengan nombor sambungan pendek
        • Komposisi nombor sambungan pendek
        • Fusion 3 pilihan panggilan dering ke dalam satu pilihan Ringout

        Tarikh Siaran : 07/31/2020

        • Kemungkinan memberi kuasa hanya pengguna yang disahkan untuk menyertai mesyuarat
        • Pilihan Perkongsian Skrin hanya dikhaskan untuk tuan rumah dan moderator
        • Kategori pilihan keselamatan tambahan
        • Penerimaan Pemberitahuan untuk Perubahan Lanjutan kepada Pembekal Video
        • Penggunaan aplikasi RingCentral sebagai penamatan panggilan

        Pembetulan rawa

        • Tidak dapat membuat panggilan kecemasan

        Tarikh Siaran : 05/18/2020

        • Definisi Ringout dari ID Pemanggil Web sebagai ID ID Default

        Pembetulan rawa

        • Paparan nombor yang dipindahkan ke senarai panggilan penelepon

        Tarikh Siaran : 04/22/2020

        • Menambah kata laluan mesyuarat untuk mesyuarat yang dirancang
        • Deaktivasi fungsi “Bergabung sebelum tuan rumah”

        Tarikh Siaran : 04/09/2020

        Pembetulan rawa

        • Memperbaiki pilihan mesyuarat berganda dalam menu drop -down persidangan di Agenda Google.

        Tarikh Siaran : 02/04/2020

        Pembetulan rawa

        • Resolusi masalah tamat tempoh mesyuarat selepas 24 jam.
        • Pembetulan bilangan nombor untuk mengarang mesyuarat ringcentral

        Tarikh Siaran : 28/10/2019

        • Pilihan untuk menyembunyikan pendedahan pematuhan untuk penggunaan terhad untuk mematuhi dasar Google
        • Memadam tab Gmail dalam aktiviti baru -baru ini (untuk berjaya memeriksa Google, jangan panggil API Gmail)
        • Menambah pendedahan pematuhan untuk kegunaan terhad untuk mematuhi dasar Google
        • Pengurusan Senarai Hitam C2D/SMS
        • Pergerakan Tambah Pilihan Mesyuarat dalam Senarai Drop -down “Menambah Persidangan”
        • Pelanjutan Agenda Google adalah keutamaan jika RingCentral untuk Google juga dipasang.
        • Suntikan C2D mengganggu penerbit HTML/Teks, khususnya dengan Radederor
        • Paparan ikon klik yang salah untuk dipanggil dalam agenda Google
        • Pengubahsuaian API Hubungan Google untuk kebenaran lanjutan baru
        • Peningkatan monitor panggilan jauh di halaman semua panggilan
        • Pilihan untuk menutup mesyuarat jika pengguna tidak disambungkan
        • Pemadaman nombor versi di halaman berita

        Pembetulan rawa

        • Penyelidikan di halaman hubungan kadang -kadang boleh menyebabkan permohonan aplikasi
        • Tidak dapat memadankan kenalan google
        • Melumpuhkan butang untuk dihantar ke halaman perbualan setelah kegagalan menghantar mesej
        • Tidak dapat mengemas kini status kehadiran dengan betul
        • Kelewatan dan melompat dari kursor pada akhir teks semasa memasukkan mesej
        • Kolaj nombor telefon dalam medan kandungan yang boleh diubahsuai dapat mencetuskan suntikan C2D
        • Logo ringcentral lama di halaman baru
        • Pilihan Reunion RingCentral Hilang dalam senarai drop -down “Menambah Persidangan” di halaman Agenda Google
        • Paparan maklumat terbaru mengenai persidangan selepas kemas kini/pengubahsuaian
        • Penambahan halaman rumah untuk produk baru
        • Suntikan klik untuk memanggil/menghantar SMS kadang -kadang tidak muncul di kedudukan yang betul.
        • Pilihan Klik untuk Hubungi dan Klik untuk Menghantar SMS Asas di mana -mana laman web
        • Semua kawalan panggilan (kecuali panggilan untuk panggilan dan panggilan untuk panggilan)
        • Akses ke pelanjutan RingCentral di mana -mana laman web Chrome
        • Antara muka pengguna baru
        • SMS profesional dan SMS dalaman
        • Penyegerakan direktori Google dan RingCentral
        • Akses ke direktori dari SMS
        • Akses ke direktori dari penomboran
        • Pengaktifan fungsi pemesejan vokal/faks
        • Pengaktifan fungsi teleconference
        • Kad perniagaan terperinci
        • Integrasi Agenda Google
        • Kemungkinan untuk meletakkan prototaip berfungsi pada senarai hitam/putih (untuk mengelakkan laman web tertentu daripada memaparkan antara muka pengguna RingCentral dan C2D)
        • Menghantar rayuan kepada pemesejan vokal
        • Pemindahan panggilan masuk
        • Respons oleh SMS ke panggilan masuk
        • Pengubahsuaian status kehadiran
        • Sokongan Kerjasama RingCentral
        • Hubungi kami borang
        • Berita
        • Sokongan RingCentral di
        • Google Ho untuk persidangan RingCentral
        • Lencana Ralat WebRTC (paparan pemberitahuan ralat sekiranya berlaku masalah dengan panggilan WebRTC)
        • Pemberitahuan panggilan memasuki lencana RingCentral apabila permohonan dikurangkan (sebagai tambahan kepada pemberitahuan penyemak imbas)
Thanks! You've already liked this