تسهيل تثبيت Discourse كتطبيق ويب تقدمي (PWA)

لقد عانيت من صعوبة في الحصول على وظيفة PWA مع منتدى Discourse الخاص بي (أنا على خطة مستضافة). أعتقد أن هذه المشكلة تتعلق بشكل رئيسي بمتصفح Chrome وليس بـ Discourse نفسه، لكنني آمل أن يعرف أحد الإجابات هنا.

1 هل هناك طريقة لتغيير إعدادات التثبيت في Chrome لـ Discourse بمجرد تعيين تلك الإعدادات؟

يبدو أنه عند فتح تطبيق PWA لأول مرة (Discourse أو أي تطبيق آخر)، يسأل Chrome عما إذا كنت تريد تثبيته. إذا قلت لا (سواء عن قصد أو بالخطأ)، فإن خيار التثبيت يختفي. هل هناك طريقة لاستعادته؟

وبالمثل، إذا اخترت تثبيت Discourse كتطبيق PWA على الشاشة الرئيسية الخاصة بي على سطح المكتب، ثم أزلت الأيقونة، فلا أجد طريقة لـ “إعادة التثبيت” أو استعادة الأيقونة بأي طريقة أخرى.

2 هل هناك طريقة لإضافة زر إلى منتدى Discourse الخاص بك للسماح للمستخدمين بتثبيته كتطبيق PWA (على كل من سطح المكتب والجوال)؟ بهذه الطريقة، لن يحتاج المستخدمون إلى المرور بعملية التثبيت اليدوي، والتي لا يفهمها معظمهم.

4 إعجابات

قد يعتمد ذلك على نظام التشغيل، لكنني أستخدم لينكس (أوبونتو)، ولا يمكن أن يكون الأمر أسهل من ذلك. لدي علامة " + " صغيرة على الجانب الأيمن من شريط عنوان URL (قبل أيقونة “المفضلة” مباشرة). انقر فوق هذه العلامة، وسيتم تثبيت التطبيق. يتحول إلى أيقونة “فتح في Discourse Meta” بعد التثبيت. إذا قمت بإلغاء تثبيت PWA، تعود علامة " + " للسماح بإعادة التثبيت.

وعلاوة على ذلك، إذا ذهبت إلى قائمة Chrome أثناء تصفح Meta هنا، فستجد سطرًا بعنوان “تثبيت Discourse Meta”، والذي يتحول إلى “فتح في Discourse Meta” بعد التثبيت، ويعود إلى “تثبيت…” مرة أخرى إذا قمت بإلغاء التثبيت.

إذن، أيقونة واحدة في شريط العنوان + سطر واحد في القائمة. على الأقل، هذا هو الوضع لدي. لا أعرف ما الذي يمكن أن أطلب أكثر من ذلك :wink: لا تحتاج إلى الاعتماد على رسالة النافذة المنبثقة على الإطلاق.

إعجاب واحد (1)

كيف تقوم بإلغاء تثبيت تطبيق الويب التقدمي؟ لاحظ أنه في حالتي، بالنسبة لـ Meta، يعرض متصفح Chrome (على جهاز Mac) أيقونة “فتح” في شريط العناوين، لكنني لا أستطيع العثور على أيقونة Meta الفعلية في أي مكان، لذا لا أرى أي طريقة لإلغاء التثبيت.

أين يوجد هذا في “قائمة Chrome”؟


أعتقد أن المفتاح هو وجود زر في Discourse لتثبيته على الشاشات الرئيسية للمستخدمين. هدفي هو الوصول إلى المستخدمين الذين (مثل معظم الناس) لا يعرفون ما هو تطبيق الويب التقدمي، وأريد زرًا يمكنهم النقر عليه يقول شيئًا واضحًا مثل “تثبيت على الشاشة الرئيسية”.

لاحظ أنه، حسب علمي، على أجهزة Mac، لا توجد خيار لتثبيت تطبيق الويب التقدمي في متصفح Safari.

إعجاب واحد (1)

افتحه واختر “إلغاء تثبيت Discourse Meta” من القائمة.
الخطوة الأولى: قم فعليًا بتثبيت تطبيق الويب التقدمي (PWA). أشعر أن أيقونة “فتح” قد لا تكون ذات صلة بهذا على الإطلاق.

كم يبلغ طول قائمتك فعليًا؟ إنها إحدى الأسطر، تقريبًا في المنتصف. ليست في أي قسم فرعي، بل موجودة مباشرة في القائمة الرئيسية (على الأقل في Chrome على نظام Ubuntu). آسف، من الصعب قليلاً أن أقدم لقطة شاشة حاليًا.

مستخدمو Mac :joy:

إعجاب واحد (1)

أعتقد أنك تصف شيئًا مختلفًا تمامًا عما أراه في متصفح Chrome على جهاز Mac الخاص بي.

هل توجد طريقة لإضافة زر إلى منصة Discourse لتثبيته كتطبيق ويب تقدمي (PWA)؟ أنا متأكد إلى حد كبير من وجود طريقة للقيام بذلك عن طريق إضافة أكواد HTML وJavaScript في الواجهة الأمامية؛ أتحقق مما إذا كان قد قام أحد بذلك من قبل.

إليك Chrome على جهاز Mac الخاص بي، القائمة في الزاوية العلوية اليمنى على تطبيق الويب التقدمي (PWA):

وجدت https://web.dev/customize-install/، ربما يمكنك بناء مكون سمة؟

هناك العديد من المواضيع المفيدة جدًا حول تطبيقات الويب التقدمية (PWA) على Meta. قد تكون هناك معلومات أكثر هناك…

إعجاب واحد (1)

آه، المفتاح هو أنه يجب أن يكون التطبيق مفتوحًا بالفعل في وضع تطبيق الويب التقدمي (PWA) لرؤية هذا الخيار (الخيار غير موجود إذا تم الفتح عبر وضع الرابط العادي). في منتداي الخاص، يبدو أنني فقدت تمامًا زر التثبيت كتطبيق ويب تقدمي (كان موجودًا من قبل…)

أفهم أن إنشاء زر للمستخدم لتمكينه ببساطة من تثبيت التطبيق كتطبيق ويب تقدمي (PWA) سيتطلب على الأرجح سمة جديدة. سؤالي هو ما إذا كان قد جرب أي شخص ذلك من قبل. لا أرى موضوعًا على منصة ميتا يتناول ذلك تحديدًا، رغم أنني قد أكون قد فاتني ذلك.

3 إعجابات

ربما يكون لدى @falco آراء حول هذا، ولكن كما أرى، هذا يعود في الغالب إلى مطوري المتصفحات.

نحن نبذل قصارى جهدنا لتلبية جميع المتطلبات لنكون مواطنين جيدين في مجال PWA في Discourse، ونواكب أحدث معايير PWA لأننا نؤمن بعمق بمفهوم PWA.

8 إعجابات

ما المقصود بـ “إعدادات التثبيت”؟

تقوم منصة Discourse بذلك افتراضيًا. إذا استوفى المستخدم كلا المعيارين في Chrome وكان مستوى الثقة لديه TL1 أو أعلى.

تم تعديل هذا السلوك ليحدث فقط على الجوال، لأنه قد يكون مزعجًا بعض الشيء على سطح المكتب. على الأقل حتى يطلق Chrome وضع التبويب لتطبيقات الويب التقدمية (PWAs) على سطح المكتب.

6 إعجابات

آه، ظننت أنكم قمتم بالفعل ببعض السحر في هذا :slightly_smiling_face:

هل هذا هو الإعداد الذي يقول: “عرض لافتة تطبيق DiscourseHub على أجهزة iOS للمستخدمين العاديين (مستوى الثقة 1 وما فوق)”؟

و (بينما أفهم سبب عدم تفعيله افتراضيًا للعمل على سطح المكتب) — هل هناك طريقة لجعله يظهر على سطح المكتب أيضًا؟ ربما يتطلب الأمر بعض الكود في إضافة (plugin).

قصدت فقط القدرة على تثبيته، ثم إلغاء تثبيته لاحقًا. ما فاتني أصبح واضحًا من النقاش السابق — أنه يوجد خيار لذلك، لكنك تراه فقط إذا فتحت التطبيق في وضع التطبيق التقدمي (PWA mode).

لا. DiscourseHub هو تطبيقنا المدرج في Google Play ومتجر Apple App Store.

وهذا يخضع بالكامل لتحكم المتصفح، لذا لا يمكننا فعل أي شيء بشأن كيفية عمل إلغاء التثبيت.

3 إعجابات

يمكنني تأكيد أن PWA تعمل بشكل رائع على جهاز Chromebook الخاص بي على الأقل! لقد قمت بإعداد PWA لكل من Meta وDiscourse الداخلي الخاص بنا :flexed_biceps:

3 إعجابات

يجب عليك تشغيل تطبيق الويب التقدمي (PWA) إما من خلال Launchpad أو بالنقر المزدوج على الأيقونة في ~/Applications/Chrome Apps، وستظهر خيار إلغاء التثبيت في القائمة.

إذا تم التشغيل في نافذة Chrome عادية بدلاً من كـ PWA، فما عليك سوى حذف الأيقونة في مجلد Chrome Apps. الفرق الوحيد بين هاتين الطريقتين هو أن الأولى ستعرض تنظيف بيانات الموقع في Chrome بينما الثانية لن تفعل ذلك. :slight_smile:

فهمت. شكراً لك على هذه المعلومة.

هل هناك إعداد في لوحة التحكم يتحكم في هذا الأمر إذن؟ لم أتمكن من العثور عليه.

هل توجد طريقة لجعل مطالبة “التثبيت” تظهر على Discourse للسطح المكتب كما هو الحال على الجوال؟


ملاحظة جانبية: من الرائع أن يدعم Discourse تطبيقات الويب التقدمية (PWAs). إن تطبيقات الويب التقدمية هدية للمطورين، وتدفع الويب المفتوح إلى الأمام، وتوفر العديد من الفوائد الأخرى.

إعجاب واحد (1)

لا أستطيع أيضًا معرفة كيفية إعادة تثبيت تطبيق الويب التقدمي (PWA)، وأتمنى وجود خيار في القوائم أو الإعدادات يقوم بنفس الغرض الذي يحققه هذا الإشعار:

image

كيف أعود إلى ذلك مرة أخرى؟ حاليًا، على جهاز أندرويد/متصفح كروم، لا أستطيع العثور على أي طريقة لتثبيت التطبيق. كل ما أستطيع فعله هو استخدام كروم لإضافته إلى الصفحة الرئيسية. هل هذا هو نفس الشيء؟

بشكل ما، لا يبدو الأمر كما لو كان نفس الشيء، لأنه يضع أيقونة كروم فوق أيقونة موقعي. ومع ذلك، أعتقد أنني أستقبل الإشعارات.

في إصدار Chrome Beta الحالي على أندرويد، يظهر لي هذا على Meta: (“تثبيت التطبيق”)

في إصدار Chrome Stable الحالي على سطح المكتب، يظهر لي هذا على Meta:

@riking شكرًا لك. لكن بالنسبة لي، في متصفح كروم، لدي فقط خيار “التثبيت على الصفحة الرئيسية”. وأود حقًا استعادة نافذة الحوار/المنبثق مرة أخرى، لكنني لا أعرف كيف.

تحديث: أنت محق، حتى بعد إلغاء تثبيت Meta، أجد في قائمة كروم خيار “تثبيت التطبيق”.

لماذا لا ينطبق ذلك على موقع discourse الخاص بي: community.morphmarket.com؟ نحن نستخدم SSO، لكنني لا أستطيع التفكير في أي شيء آخر مميز هناك. أم أن الأمر يتعلق بحالة خاصة دخل إليها هاتفي Pixel 3 الآن؟

كما ذكرت، يبدو نوعًا ما أن التطبيق مُثبَّت بالفعل لأنه يعمل بشاشة كاملة، لكن ذلك تم عبر “الإضافة إلى الشاشة الرئيسية” وليس “تثبيت التطبيق”.

إعجاب واحد (1)

لأنك تستخدم ملف JPG لشعار موقعك. انتقل إلى إعدادات الموقع وقم بتحميل ملف PNG في manifest icon.

3 إعجابات

@Falco، واو، لم أكن لأخمن ذلك. لقد قمت بتحويل الصورة إلى صيغة PNG وقمت بتحديث الأيقونة الوحيدة، لكنني لم ألاحظ أي تأثير حتى الآن فيما يتعلق بـ PWA. هل هناك ذاكرة تخزين مؤقت يجب مسحها على الموقع أو على هاتفي؟

لقد قمت بتحويل شعارك إلى صيغة PNG وقمت برفعه على موقع الاختبار الخاص بي الذي يعمل بأحدث إصدار، ويعمل بشكل ممتاز. على موقعك، لا أزال أرى صورة بصيغة JPG في ملف الويب مانيفست.

هل قمت بتعديل القيم الافتراضية لإعداد الموقع “جودة تحويل PNG إلى JPG”؟

5 إعجابات