Google Chrome Video Tutorial: Създайте разширение | Grafikart, пристъпете към връзката на потребителите от разширение на Chrome | Платформа за идентичност на документацията | Google Cloud

<h1>Свържете потребителите от разширение на Chrome</h1>
<blockquote>Искаме да създадем разширение, което работи върху изскачаща система. За да създадем последното, просто трябва да създадем класическа HTML страница. Както е конфигурирано в манифестния файл.Json Ще използваме изскачащ файл.html</blockquote>
<h2>Google Chrome Урок: Създайте разширение</h2>
<p>Каня ви да откриете как да създадете разширение за уеб браузъра на Google Chrome. Създаването на разширение може да изглежда сложно, но не се плаши ! Всъщност разширенията на Google Chrome могат да бъдат създадени с езици, които добре познаваме: JS, HTML и CSS.</p>
<h2>Малката предпоставка</h2>
<p>Първо трябва да активирате <strong>режим за програмисти</strong> В настройките на Chrome, за да можете да заредите разширението си. За да направите това, отидете на вашите настройки> Още инструменти> Разширения и поставете отметка в квадратчето <strong>режим за програмисти</strong>. След това трябва да видите три нови бутона да се зареждат с разширения.</p>
<h2>Конфигурирайте вашето разширение</h2>
<p>Началната точка за създаване на разширение е създаването на манифест файл.Json в основата на вашия файл. Той ще съдържа цялата информация относно конфигурацията на разширението, като името, описанието, скриптовете, които ще бъдат заредени.</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 >, “Икони”: < // 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>Всички параметри, налични за този файл, са описани в документацията.</p>
<h3>Разрешения</h3>
<p>По подразбиране разширението ви ще бъде в нещо като пясъчна кутия и няма да има достъп до нищо. В някои случаи искаме да създадем разширения, способни да комуникират с уеб страници или с определени API на браузъра. След това ще е необходимо да се посочи в нашата конфигурация кои разрешения, които желаем да получим (тези разрешения ще бъдат поискани по време на инсталирането на разширението). Тези разрешения могат да приемат две форми:</p>
<ul>
<li>Низ на символи, представляващ определен тип разрешение, например достъп до раздели раздели (списък с разрешения)</li>
<li>Причина, представяща формат на URL, до който ще имаме достъп (съвпадащи модели)</li>
</ul>
<pre><code >”Разрешения”: [// разрешения, ще се върнем отдолу “http: //*/*”, “https: //*/*”, “раздели” // раздели е разрешение за създаване на нови раздели],</code></pre>
<p>За “http: //<em>/ /</em>”И” https: //<em>/ /</em>”, Казваме му, че разширението може да работи на всички страници HTTP или HTTPS.</p>
<h2>Създайте изскачащ прозорец</h2>
<p>Искаме да създадем разширение, което работи върху изскачаща система. За да създадем последното, просто трябва да създадем класическа HTML страница. Както е конфигурирано в манифестния файл.Json Ще използваме изскачащ файл.html</p>
<pre><code > H1, p <h2>Добро утро</h2> <p>Здравейте, аз съм просто изскачащо меню<br />който не заема много място</p></code></pre>
<p>Това е всичко, което трябва да направим за момента, когато щракнем върху бутона Chrome, автоматично ще отвори изскачащия прозорец, като сменим страницата, която току-що написахме.</p>
<h2>Тествайте разширението му</h2>
<p>Сега искаме да тестваме нашето разширение, тъй като ще трябва да преминем през панела за разширение и да щракнете върху бутона за зареждане на TET, след което изберете папката, съдържаща вашата разширение. Автоматично трябва да видите иконата на вашето разширение да се появява.</p>
<h2>Скрипт</h2>
<p>Задължително разширение, което показва изскачащ прозорец, то е сравнително ограничено ! За щастие можем да използваме JavaScript, за да добавим различни поведения към нашето разширение. Има няколко начина за зареждане на JavaScript в зависимост от това, което искате да постигнете.</p>
<h3>JavaScript в изскачащ прозорец</h3>
<p>На първо място е възможно да се зарежда JavaScript директно в изскачащ прозорец. Всъщност това е класическа уеб страница, на която можем да заредим всеки JavaScript файл с маркера .</p>
<pre> <code >// Зареждаме нашия скрипт в съдържанието на HTML H1, p <h2>Добро утро</h2> <p>Здравейте, аз съм просто изскачащо меню<br />който не заема много място</p></code></pre>
<p>Това каза, че файлът JavaScript ще бъде зареден само при отварянето на изскачащия прозорец, изведнъж, ако потребителят никога не поддържа бутона, вашият JavaScript никога няма да бъде изпълнен</p>
<h2>JavaScript в “фон”</h2>
<p>Възможно е също така да изпълните JavaScript на заден план, за да поддържате кода си активен, дори когато изскачането не е внедрено. За да направят това, те ще трябва да променят манифестния файл.Json да включи пътя към файла JavaScript, който искаме да заредим.</p>
<h3>Скриптове за съдържание</h3>
<p>The <strong>Щастливи скриптове</strong> са JavaScript файлове, които ще бъдат изпълнени в контекста на уеб страницата и които могат да взаимодействат с нея, използвайки DOM. За разлика от скриптите, стартирани от фона, тези скриптове нямат достъп до API на Chrome.*. В допълнение, те работят сравнително изолирани и нямат достъп до JavaScript функции, които биха били дефинирани в уеб страницата, на която се инжектират.</p>
<p>Този тип натоварване ще се използва, когато искате да взаимодействате директно с уеб страницата, за да промените размера на шрифта или да манипулирате определени елементи.</p>
<h2>Хромирани известия</h2>
<p>И накрая, малък бонус относно известията. В Google Chrome е възможно да се управлява система за уведомяване, която ще се показва на работния плот на потребителя. Ако искате да използвате този API, ще трябва предварително да поискате разрешение в манифестния файл.JSON .</p>
<pre><code >”Разрешения”: [// разрешения, ще се върнем по -долу “http: //*/*”, “https: //*/*”, “раздели”, // раздели е разрешение за създаване на нови раздели “Известия” // Активира известия],</code></pre>
<p>След като това е направено, можем да използваме класа, позволяващ да управлявате известията.</p>
<pre><code >VAR Известие = Ново известие (&bdquo;Заглавие на забележителното !-, < icon: ‘votreicon.jpg’, body: “Votre petite description de la notification”, >);</code></pre>
<p>Този клас не е уникален за Google Chrome, но е нов API или блокира в няколко браузъра. Ако искате да имате повече информация за това как работи, ви каня да гледате документацията. Предимството в случай на разширение е, че потребителят вече е приел разрешения, което позволява известията да започват директно.</p>
<h2>Свържете потребителите от разширение на Chrome</h2>
<p>Този документ обяснява как да използвате платформата за идентичност за свързване на потребителите от разширение на Chrome.</p>
<p><strong>Важно</strong> : Платформата за идентичност е съвместима само с разширения, които използват Manifest V2. Манифестът V3 не е съвместим, тъй като не предоставя изскачащи операции. <strong>Важно</strong>: Използването на телефон или мултифакторна автентификация от разширение на Chrome не е достъпно.</p>
<h2>Преди да започнеш</h2>
<ul>
<li>Активирайте платформата за идентичност и конфигурирайте доставчик на идентичност. За да разберете как, вижте Fast Start -Up.</li>
<li>Добавете следните URL адреси към списъка с разрешения на content_security_policy на вашето разширение: <ul>
<li>https: // apis.Google.com</li>
<li>https: // www.Gstatic.com</li>
<li>https: // www.Googleapis.com</li>
<li>https: // securetoken.Googleapis.com</li>
</ul>
<p>За повече информация вижте документацията на CSP.</p>
<h2>Запазете идентификационния номер на вашето разширение</h2>
<p>За да свържете потребителите от разширение на Chrome, трябва да запазите идентификатора на разширението като оторизиран домейн:</p>
<ol>
<li>Достъп до страницата <strong>Настройки</strong> Платформа за идентичност в облачната конзола на Google. Достъп до страницата Настройки</li>
<li>Кликнете върху раздела <strong>Сигурност</strong>.</li>
<li>В секцията <strong>Оторизирани домейни</strong> (Оторизирани области), щракнете върху <strong>Добавяне на домейн</strong> (Добавете домейн).</li>
<li>Въведете URI на вашето разширение. Това разширение обикновено наподобява това: хром-разширение: // chrome_extension_id .</li>
<li>Кликнете върху <strong>Добавяне</strong>.</li>
</ol>
<h2>Продължете към връзката на потребителите</h2>
<p>Потребителската връзка от разширение на Chrome е подобна на уеб приложение, на няколко разлики:</p>
<ul>
<li>Телефонът и мултифакторното удостоверяване не се поддържа.</li>
<li>Хромните разширения не могат да използват HTTP пренасочвания. Следователно трябва да използвате изскачащи операции (SigninWithPopup () и LinkWithPopup ()), за да свържете потребителите.</li>
<li>Призивът за методи за удостоверяване от действие на браузъра отменя действието на браузъра. Така че трябва да ги извикате от скрипт на заден план.</li>
<li>Изскачащите методи могат да се използват само при разширения, които използват манифест V2.</li>
</ul>
<p>Следващият пример илюстрира връзката на потребител с Google:</p>
<h3>JavaScript</h3>
<p><strong>изскачащ.JS</strong></p>
<pre><code translate=”no” dir=”ltr”>// Получете препратка към фоновата страница. Const bgage = chrome.разширение.GetBackgroundPage (); // Влезте с изскачащ, обикновено се прилагат към бутона щракване. BGPAGE.SigninWithPopup ();</code> </pre>
<p><strong>заден план.JS</strong></p>
<pre><code translate=”no” dir=”ltr”>Const app = firebase.Initalizeapp (config); Const auth = приложение.автор (); Const signinwithpopup = () => < const provider = new firebase.auth.GoogleAuthProvider(); return auth.signInWithPopup(provider).catch((error) =>< console.log(error); >); >;</code> </pre>
<h2>Следващи стъпки</h2>
<ul>
<li>Свържете потребителите с различни доставчици на идентичност.</li>
<li>Научете повече за потребителите на платформата за идентичност.</li>
</ul>
Коментар
<p>Освен ако не е посочено друго, съдържанието на тази страница се управлява от лиценз на Creative Commons Assice 4.0 и кодовите проби се управляват от лиценз Apache 2.0. За повече информация вижте правилата на сайта на Google Developers. Java е регистрирана търговска марка на Oracle и/или неговите свързани компании.</p>
<p>Последна актуализация на 2023/06/17 (UTC).</p>
<h2>Ringcentral за разширение на Google Chrome</h2>
<p>Бъдете в течение с най -новите функции, подобрения и корекции на грешки от RingCentral за разширение на Google Chrome.</p>
<p><b>Версия 21.3.30 (RC)</b></p>
<p><b>Дата на излизане</b> : 29.09.2021</p>
<ul>
<li>Възможност за скриване на потребителския профил в директорията на компанията</li>
</ul>
<p>Корекции на блата</p>
<ul>
<li>Показване на логото на RC в плаващ прозорец</li>
<li>Икона не безпокойте</li>
</ul>
<p><b>Дата на излизане</b> : 28.07.2021</p>
<ul>
<li>Възможност за добавяне на детайлите на видеото на Ring Connector в стаята във вашите покани към среща</li>
</ul>
<p><b>Дата на излизане</b> : 22.01.2021</p>
<ul>
<li>RingCentral видео: <ul>
<li>Активиране на чакалнята</li>
<li>Глобални номера за достъп</li>
<li>Автоматичен състав на паролата от покани по електронна поща</li>
</ul><ul>
<li>Автоматично приложение на парола за срещи без PMI</li>
<li>Спазване на стойностите на заключващите параметри на уеб услугата</li>
</ul>
<ul>
<li>RingCentral видео <ul>
<li>Актуализация на етикета &bdquo;Присъединете се пред хоста&ldquo;, като го замените с &bdquo;Участниците могат да се присъединят само към срещата след мен&ldquo;</li>
<li>Подобряване на паролата UX</li>
</ul>
<p><b>Дата на излизане</b> : 23/09/2020</p>
<ul>
<li></li>
<li>Страницата с данни за контакт сега включва поле за сайта</li>
<li>Номерът на разширението вече се показва с активирани кодове на сайта</li>
<li>Възможност за търсене на контакт с номера на краткото удължаване</li>
<li>Състав на кратък номер на удължаване</li>
</ul>
<ul>
<li>Сливане на 3 опции за повикване на звънене в една опция за звънене</li>
</ul>
<p><b>Дата на излизане</b> : 31/31/2020</p>
<ul>
<li>Възможност за разрешаване на само удостоверени потребители да се присъединят към срещите</li>
<li>Опция за споделяне на екрана, запазена само за хост и модератори</li>
<li>Категория допълнителни опции за сигурност</li>
<li>Приемане на известия за промени в разширението на доставчика на видео</li>
<li>Използване на приложението RingCentral като прекратяване на повикването</li>
</ul>
<p>Корекции на блата</p>
<ul>
<li>Не може да се извършват спешни обаждания</li>
</ul>
<p><b>Дата на излизане</b> : 18.05.2020</p>
<ul>
<li>Определение на Ringout от идентификатора на уеб обаждащия се като идентификатор по подразбиране</li>
</ul>
<p>Корекции на блата</p>
<ul>
<li>Показване на номера, прехвърлени в списъка на обажданията на обаждащите се</li>
</ul>
<p><b>Дата на излизане</b> : 22.04.2020</p>
<ul>
<li>Добавяне на парола за среща за планирани срещи</li>
<li>Деактивиране на функционалността &bdquo;Присъединете се пред хоста&ldquo;</li>
</ul>
<p><b>Дата на излизане</b> : 04/09/2020</p>
<p>Корекции на блата</p>
<ul>
<li>Фиксирани двойни опции за срещи в менюто за отпадане на конференцията в дневния ред на Google.</li>
</ul>
<p><b>Дата на излизане</b> : 02/04/2020</p>
<p>Корекции на блата</p>
<ul>
<li>Решаване на проблема с изтичането на срещи след 24 часа.</li>
<li>Корекция на броя на номера за съставяне на срещи на рингцентрал</li>
</ul>
<p><b>Дата на излизане</b> : 28/10/2019</p>
<ul>
<li>Опция за скриване на разкриването на съответствие за ограничена употреба, за да се придържате към политиката на Google</li>
<li>Изтриване на раздела Gmail в последните дейности (За да проверите успешно Google, не се обаждайте на Gmail API)</li>
<li>Добавяне на разкриването на съответствие за ограничена употреба за спазване на политиката на Google</li>
<li>C2D/SMS Management Black List Management</li>
<li>Движение на опцията за добавяне на среща в списъка &bdquo;Добавяне на конференция&ldquo;</li>
<li>Разширението на дневния ред на Google е приоритет, ако е инсталиран и RingCentral за Google.</li>
</ul>
<ul>
<li>C2D инжекцията пречи на HTML/текстови издатели, по -специално с Radederor</li>
<li>Неправилно показване на иконата за щракване, за да се обадите в Google Agenda</li>
<li>Промяна на API за контакт в Google за новото разрешение за разширение</li>
<li>Подобряване на монитора на отдалечените повиквания в страницата всички обаждания</li>
<li>Опция за маскиране на срещата, ако потребителят не е свързан</li>
<li>Изтриване на номера на версията в страницата с новини</li>
</ul>
<p>Корекции на блата</p>
<ul>
<li>Изследването на страницата за контакт понякога може да причини приложението на приложението</li>
<li>Не може да съответства на Google Contact</li>
<li>Деактивиране на бутона за изпращане на страницата за разговор след неуспех на изпращане на съобщението</li>
<li>Не може да се актуализира правилно състоянието на присъствието</li>
<li>Забавя и скача от курсора в края на текста при въвеждане на съобщения</li>
<li>Колажът от телефонни номера в изменяемо поле за съдържание може да задейства инжекция с C2D</li>
<li>Старо лого на RingCentral на нови страници</li>
<li>Липсва опцията за събиране на RingCentral в списъка за отпадане на &bdquo;Добавяне на конференции&ldquo; на страницата на дневния ред на Google</li>
<li>Показване на най -новата информация на конференцията след актуализация/модификация</li>
<li>Добавяне на началната страница за нови продукти</li>
<li>Инжекционното щракване за обаждане/изпращане на SMS понякога не се появява в правилната позиция.</li>
</ul>
<ul>
<li>Опции Кликнете, за да се обадите и щракнете, за да изпратите основен SMS на която и да е уеб страница</li>
<li>Всички контроли за повикване (освен да се обаждат за обаждания и обаждания за обаждания)</li>
<li>Достъп до разширението на RingCentral на всяка уеб страница на Chrome</li>
<li>Нов потребителски интерфейс</li>
<li>Професионални SMS и вътрешни SMS</li>
<li>Синхронизация на директории Google и RingCentral</li>
<li>Достъп до директорията от SMS</li>
<li>Достъп до директорията от номериране</li>
<li>Активиране на функционалността на гласовите/факс съобщения</li>
<li>Активиране на функционалността на телеконференцията</li>
<li>Подробна визитка</li>
<li>Интеграция на дневния ред на Google</li>
<li>Възможност за поставяне на функционалния прототип в списъка на Black/White (за да се предотврати показването на определени уебсайтове на RingCentral и C2D потребителски интерфейс)</li>
<li>Изпращане на обжалване на вокални съобщения</li>
<li>Прехвърляне на входящи разговори</li>
<li>Отговор от SMS на входящо повикване</li>
<li>Модификация на състоянието на присъствието</li>
<li>Подкрепа за сътрудничество на RingCentral Meetings</li>
<li>Свържете се с нас</li>
<li>Новини</li>
<li>RingCentral подкрепа при</li>
<li>Google HO за конференции за рингцентро</li>
<li>Значка за грешки в WebRTC (показване на известие за грешка в случай на проблем с повикването на WebRTC)</li>
<li>Известие за повикване, въвеждащо значката на RingCentral, когато приложението е намалено (в допълнение към уведомяването на браузъра)</li>
</ul>