Google Chrome Video Tutorial: إنشاء ملحق | Grafikart ، تابع اتصال المستخدمين من تمديد Chrome | منصة هوية الوثائق | جوجل سحابة

<h1>قم بتوصيل المستخدمين من تمديد الكروم</h1>
<blockquote>نريد إنشاء امتداد يعمل على نظام منبثق. لإنشاء الأخير ، نحتاج فقط إلى إنشاء صفحة HTML كلاسيكية. كما تم تكوينه في ملف البيان.JSON سوف نستخدم ملفًا منبثقًا.لغة البرمجة</blockquote>
<h2>تعليمي Google Chrome: إنشاء ملحق</h2>
<p>أدعوك لاكتشاف كيفية إنشاء امتداد لمتصفح ويب Google. قد يبدو إنشاء تمديد معقدًا ، لكن لا تخافوا ! في الواقع ، يمكن إنشاء امتدادات Google Chrome باللغات التي نعرفها جيدًا: JS و HTML و CSS.</p>
<h2>الشرط المسبق الصغير</h2>
<p>تحتاج أولاً إلى تفعيل <strong>وضع المطور</strong> في إعدادات الكروم لتتمكن من تحميل امتدادك. للقيام بذلك ، تذهب إلى إعداداتك> المزيد من الأدوات> الامتدادات وتحديد المربع <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>بشكل افتراضي ، سيكون امتدادك في نوع من الرمل ولن يتمكن من الوصول إلى أي شيء. في بعض الحالات ، نريد إنشاء امتدادات قادرة على التواصل مع صفحات الويب ، أو مع واجهات برمجة واجهات برمج معينة. سيكون من الضروري عندئذ تحديد في تكويننا الأذونات التي نرغب في الحصول عليها (سيتم طلب هذه الأذونات أثناء تثبيت الامتداد). يمكن أن تأخذ هذه الأذونات شكلين:</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 سوف نستخدم ملفًا منبثقًا.لغة البرمجة</p>
<pre><code > H1 ، ص <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 ، ص <h2>صباح الخير</h2> <p>مرحبا أنا منبثقة بسيطة<br />من لا يشغل مساحة كبيرة</p></code></pre>
<p>ومع ذلك ، لن يتم تحميل ملف JavaScript إلا عند فتح المنبثقة ، فجأة إذا لم يدعم المستخدم الزر أبدًا ، فلن يتم تنفيذ JavaScript الخاص بك</p>
<h2>جافا سكريبت في “الخلفية”</h2>
<p>من الممكن أيضًا تنفيذ JavaScript في الخلفية للحفاظ على رمزك نشطًا حتى عند عدم نشر المنبثقة المنبثقة. للقيام بذلك ، سيتعين عليهم تغيير ملف البيان.JSON لتضمين المسار إلى ملف JavaScript الذي نريد تحميله.</p>
<h3>نصوص المحتوى</h3>
<p>ال <strong>نصوص سعيدة</strong> هي ملفات JavaScript التي سيتم تنفيذها في سياق صفحة الويب والتي يمكن أن تتفاعل معها باستخدام DOM. على عكس البرامج النصية التي تم إطلاقها من الخلفية ، لا يمكن لهذه البرامج النصية الوصول إلى واجهات برمجة تطبيقات Chrome.*. بالإضافة إلى ذلك ، تعمل معزولة نسبيًا ولا يمكنها الوصول إلى وظائف JavaScript التي سيتم تعريفها في صفحة الويب التي يتم حقنها عليها.</p>
<p>سيتم استخدام هذا النوع من التحميل عندما تريد التفاعل مباشرة مع صفحة الويب لتغيير حجم الخط أو معالجة عناصر معينة.</p>
<h2>إشعارات الكروم</h2>
<p>أخيرًا ، مكافأة صغيرة بشأن الإخطارات. على Google Chrome ، من الممكن إدارة نظام إشعار سيتم عرضه على سطح مكتب المستخدم. إذا كنت ترغب في استخدام واجهة برمجة التطبيقات هذه ، فستحتاج إلى طلب الإذن مسبقًا في ملف البيان.جيسون .</p>
<pre><code >”أذونات”: [// أذونات ، سنعود أدناه “http: //*/*” ، “https: //*/*” ، “علامات التبويب” ، // علامات التبويب هي إذن لإنشاء علامات تبويب جديدة ” // ينشط الإخطارات],</code></pre>
<p>بمجرد الانتهاء من ذلك ، يمكننا استخدام الفصل يسمح بإدارة الإخطارات.</p>
<pre><code >إشعار Var = إشعار جديد (‘عنوان NESTIVE !’, < icon: ‘votreicon.jpg’, body: “Votre petite description de la notification”, >) ؛</code></pre>
<p>هذا الفئة ليست فريدة من نوعها بالنسبة لـ Google Chrom. إذا كنت ترغب في الحصول على مزيد من المعلومات حول كيفية عملها ، فأنا أدعوك لمشاهدة الوثائق. الميزة في حالة التمديد هي أن المستخدم قد قبل بالفعل الأذونات التي تسمح بالإشعارات للبدء مباشرة.</p>
<h2>قم بتوصيل المستخدمين من تمديد الكروم</h2>
<p>يشرح هذا المستند كيفية استخدام منصة الهوية لتوصيل المستخدمين من امتداد Chrome.</p>
<p><strong>مهم</strong> : منصة الهوية متوافقة فقط مع الامتدادات التي تستخدم البيان V2. البيان V3 غير متوافق لأنه لا يوفر عمليات منبثقة. <strong>مهم</strong>: لا يتوفر استخدام هاتف أو مصادقة متعددة العوامل من امتداد الكروم.</p>
<h2>قبل البدء</h2>
<ul>
<li>تنشيط منصة الهوية وتكوين مزود هوية. لمعرفة كيف ، انظر Fast Start -up.</li>
<li>أضف عناوين URL التالية إلى قائمة التراخيص الخاصة بـ content_security_policy من امتدادك: <ul>
<li>https: // APIs.جوجل.كوم</li>
<li>https: // www.gstatic.كوم</li>
<li>https: // www.Googleapis.كوم</li>
<li>https: // secureToken.Googleapis.كوم</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-expension: // chrome_extense_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>جافا سكريبت</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.initializeapp (config) ؛ Const Auth = App.مؤلف ()؛ 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 4.0 ، وتخضع عينات الرمز لترخيص Apache 2.0. لمزيد من المعلومات ، راجع قواعد موقع مطوري Google. Java هي علامة تجارية مسجلة لشركات Oracle و/أو شركاتها التابعة لها.</p>
<p>آخر تحديث في 2023/06/17 (UTC).</p>
<h2>RingCentral لتمديد Google Chrome</h2>
<p>ابق على اطلاع مع أحدث الميزات ، والتحسينات وتصحيحات الأخطاء من RingCentral for Google Chrome Extension.</p>
<p><b>الإصدار 21.3.30 (RC)</b></p>
<p><b>تاريخ الخروج</b> : 09/29/2021</p>
<ul>
<li>إمكانية إخفاء ملف تعريف المستخدم في دليل الشركة</li>
</ul>
<p>تصحيحات المستنقعات</p>
<ul>
<li>عرض شعار RC في نافذة عائمة</li>
<li>أيقونة لا تزعج</li>
</ul>
<p><b>تاريخ الخروج</b> : 07/28/2021</p>
<ul>
<li>إمكانية إضافة تفاصيل فيديو Ringcentral في موصل الغرفة في دعواتك إلى اجتماع</li>
</ul>
<p><b>تاريخ الخروج</b> : 01/22/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>تحديث التسمية “انضم قبل المضيف” عن طريق استبداله بـ “يمكن للمشاركين الانضمام فقط إلى الاجتماع بعدي”</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 خيارات استدعاء Ringout في خيار حلقة واحدة</li>
</ul>
<p><b>تاريخ الخروج</b> : 07/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> : 05/18/2020</p>
<ul>
<li>تعريف Ringout من معرف المتصل على الويب كمعرف افتراضي</li>
</ul>
<p>تصحيحات المستنقعات</p>
<ul>
<li>عرض الأرقام المنقولة إلى قائمة مكالمات المتصلين</li>
</ul>
<p><b>تاريخ الخروج</b> : 04/22/2020</p>
<ul>
<li>إضافة كلمة مرور اجتماع للاجتماعات المخطط لها</li>
<li>إلغاء تنشيط الوظيفة “انضم قبل المضيف”</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>تصحيح عدد الرقم لتكوين اجتماعات RingCentral</li>
</ul>
<p><b>تاريخ الخروج</b> : 28/10/2019</p>
<ul>
<li>خيار لإخفاء الكشف عن الامتثال للاستخدام المحدود للالتزام بسياسة Google</li>
<li>حذف علامة التبويب Gmail في الأنشطة الحديثة (للتحقق بنجاح من Google ، لا تتصل بأبواع Gmail)</li>
<li>إضافة الكشف عن الامتثال للاستخدام المحدود للالتزام بسياسة Google</li>
<li>إدارة قائمة C2D/SMS السوداء</li>
<li>حركة إضافة خيار الاجتماع في قائمة “إضافة المؤتمر” المنسدلة</li>
<li>يعد امتداد أجندة Google أولوية إذا تم تثبيت RingCentral for Google أيضًا.</li>
</ul>
<ul>
<li>يتداخل حقن C2D مع ناشري HTML/النص ، وخاصة مع Radederor</li>
<li>عرض غير صحيح لأيقونة النقر للاتصال في جدول أعمال Google</li>
<li>تعديل واجهة برمجة تطبيقات الاتصال Google بترخيص التمديد الجديد</li>
<li>تحسين شاشة المكالمات عن بُعد في الصفحة جميع المكالمات</li>
<li>خيار لإخفاء الاجتماع إذا لم يكن المستخدم متصلاً</li>
<li>حذف رقم الإصدار في صفحة الأخبار</li>
</ul>
<p>تصحيحات المستنقعات</p>
<ul>
<li>يمكن أن يتسبب البحث في صفحة الاتصال في بعض الأحيان في تطبيق التطبيق</li>
<li>غير قادر على مطابقة جوجل الاتصال</li>
<li>تعطيل الزر لإرساله إلى صفحة المحادثة بعد الفشل في إرسال الرسالة</li>
<li>غير قادر على تحديث حالة التواجد بشكل صحيح</li>
<li>التأخير والقفز من المؤشر في نهاية النص عند إدخال الرسائل</li>
<li>يمكن أن تؤدي مجمعة أرقام الهواتف في حقل المحتوى القابل للتعديل إلى حقن C2D</li>
<li>شعار RingCentral القديم على صفحات جديدة</li>
<li>خيار لم شمل RingCentral المفقود في قائمة “إضافة المؤتمرات” المنخفضة على صفحة جدول أعمال Google</li>
<li>عرض أحدث المعلومات حول المؤتمر بعد التحديث/التعديل</li>
<li>إضافة الصفحة الرئيسية للمنتجات الجديدة</li>
<li>لا يظهر النقر للحقن للاتصال/إرسال الرسائل القصيرة في بعض الأحيان في الوضع الصحيح.</li>
</ul>
<ul>
<li>خيارات انقر للاتصال وانقر لإرسال الرسائل القصيرة الأساسية على أي صفحة ويب</li>
<li>جميع عناصر التحكم في المكالمات (باستثناء دعوة المكالمات والاتصال بالمكالمات)</li>
<li>الوصول إلى امتداد RingCentral على أي صفحة ويب Chrome</li>
<li>واجهة مستخدم جديدة</li>
<li>الرسائل القصيرة المهنية والرسائل القصيرة الداخلية</li>
<li>تزامن أدلة Google و RingCentral</li>
<li>الوصول إلى الدليل من الرسائل القصيرة</li>
<li>الوصول إلى الدليل من الترقيم</li>
<li>تنشيط وظائف المراسلة الصوتية/الفاكس</li>
<li>تنشيط وظيفة المؤتمرات عن بعد</li>
<li>بطاقة عمل مفصلة</li>
<li>تكامل جدول أعمال Google</li>
<li>إمكانية وضع النموذج الأولي الوظيفي على القائمة السوداء/البيضاء (لمنع بعض مواقع الويب من عرض واجهة مستخدم RingCentral و C2D)</li>
<li>إرسال نداء إلى الرسائل الصوتية</li>
<li>نقل المكالمات الواردة</li>
<li>الرد بواسطة الرسائل القصيرة على مكالمة واردة</li>
<li>تعديل حالة الوجود</li>
<li>دعم التعاون RingCentral Meetings</li>
<li>اتصل بنا</li>
<li>أخبار</li>
<li>دعم RingCentral في</li>
<li>Google HO لمؤتمرات RingCentral</li>
<li>شارة خطأ WEBRTC (عرض إخطار الخطأ في حالة وجود مشكلة في مكالمة WEBRTC)</li>
<li>إشعار المكالمة عند إدخال شارة RingCentral عند تقليل التطبيق (بالإضافة إلى إخطار المتصفح)</li>
</ul>