تعمل PWA الخاصة بسطح المكتب مع Discourse!

الأخبار والأحداث إعلانات
22

Per Hands-On with Microsoft's New Edge Browser Built on Chromium - Thurrott.com

When it comes to features, Edge has the one critical item that always kept me crawling back to Chrome. If you are on a webpage, you can easily turn it into an app, by clicking the three dots in the top right and clicking install app. This is huge, as it allows me to turn Google Calendar, Tweetdeck, and a few other pages into applications on my desktop that makes my workflow, a lot easier.

:thinking: we should definitely whitelist all Chrome based browsers @falco

8 إعجابات
25

Looks like Chrome Canary is experimenting with a more in your face install button:

https://twitter.com/henrylim96/status/1110916077519699970

Here is it in Meta when the service worker is working:

destop_pwa_install_meta
destop_pwa_install_meta956×807 101 KB

13 إعجابًا
26

Niiiice. We should definitely get this working on Chrome. I like it.

6 إعجابات
27

giphy.gif480×360 1.25 MB

We want to get this working, but the last time we tried with the “You are offline” page wasn’t a great experience. Also we had a lot of suggestions about making reading Discourse possible when you are offline.

Using some libraries from GitHub - GoogleChrome/workbox: 📦 Workbox: JavaScript libraries for Progressive Web Apps · GitHub I was able to:

  • Remove the “You are offline” page

  • Make Discourse fallback to cache when a network request fail aka Discourse will allow offline browsing of every previously visited page.

  • Get a perfect score in the PWA Lighthouse audit:

    image
    image903×966 54.8 KB

  • Get the “Install Site” on the Desktop working (availiable in Chrome canary for now, will land in stable around August)

    image

Technical Details

The changes are pending in this branch: https://github.com/discourse/discourse/compare/offline

A demo site is running at https://discourse-workbox.muito.ninja/

27 إعجابًا
28

Here is a demo of Discourse offline browsing on iPad

https://giant.gfycat.com/BlushingGreedyGiantschnauzer.mp4

14 إعجابًا
29

Can you create topics offline that get synced with the server when the device is back online?

30

The current changes only affect GET requests, so it will make you able to use the composer, if you ever did it while online.

Discourse already keeps submitting a topic in a persistent “Saving” blue bar, and this doesn’t touch that request, so it should keep the current behavior.

However, getting Discourse to work totally in write mode while offline would require a lot more work and be a long term project involving multiple people. That is not the scope here, which is just enabling installs in Desktop.

9 إعجابات
31

cc @falco

In Chrome 76, we’re making it easier for users to install Progressive Web Apps on the desktop by adding an install button to the omnibox.

image
image872×546 37.8 KB

16 إعجابًا
Discourse offering to "install app" on Chrome
33

Okay, this is live in Meta for testing now. Please report any crazyness.

Here is Meta install:

6 إعجابات
34

Is there a flag we can set to tinker with this on our own installations?

4 إعجابات
35

It’s in the same branch as always here. You could deploy from that branch but it is a lot behind master currently. I can rebase it to master, but I don’t recommend messing with this until it’s proven stable here.

Another cool thing, if you try to use the pwa with a cold cache:

Screenshot_20190626-173124
Screenshot_20190626-1731241080×2160 220 KB

13 إعجابًا
36

هذا نشط على أحدث إصدار من Discourse tests-passed.

يرجى الإبلاغ عن أي #خطأ في مواضيع جديدة.

12 إعجابًا
38

تم إطلاق Chrome 76 أمس مع زر الدعوة إلى التثبيت (Install) في شريط العناوين، ويعمل أحدث إصدار من Discourse معه مباشرة دون الحاجة لإعدادات إضافية.

15 إعجابًا
39

تم التأكد من عمله في Chrome 76 المُطلَق اليوم، بل إن هناك حركة متحركة معقدة نسبيًا في شريط العنوان :exclamation: تجذب الانتباه إليها.

image
image1249×133 20.5 KB

يبدو أن الحركة المتحركة تحدث مرة واحدة فقط لكل نطاق.

تم إصدار هذه الميزة تقنيًا، لكنني ما زلت أعتبرها تجريبية إلى حد ما، لذا سأقوم بإعادة فتح الموضوع.

11 إعجابًا
41

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

42

من المرجح أن هذا السؤال موجه بشكل أفضل إلى مطوري متصفح كروم، وليس إلينا.

7 إعجابات
43

لقد بحثتُ في Google حول جانب Chrome، لكن لم أجد أي شيء. لذا، سأقوم بطرح السؤال عليهم.

هل يمكن نظريًا تجاهل هذا الأمر (مثلًا باستخدام localstorage) أو إخفاؤه بشكل دائم بناءً على إعداد في Discourse؟ أسأل لأنني لا أعرف ما إذا كان Chrome يكتشف تلقائيًا ما إذا كان الموقع متوافقًا كتطبيق ويب تقدمي (PWA)، أو ما إذا كان هناك مرونة من جانبكم لعرض الخيار فقط في ظروف معينة.

44

لأي شخص آخر مهتم، يوجد إعداد في chrome://flags يُسمى App Banners يمكنك تعيينه على Disabled لإزالة الأيقونة في شريط العناوين.

تعديل: في الواقع، يبدو أن الإعداد ذو الصلة هو Desktop PWAs installable from the omnibox.

7 إعجابات
45

فقط للمعلومات، اليوم على كروم في لينكس (أوبونتو) ظهر لي نافذة منبثقة تقترح عليّ “تثبيت” ديسكورش كتطبيق. شيء مشابه للنوافذ المنبثقة التي تظهر عندما تطلب المواقع السماح بالإشعارات.

هل يحاول كروم الدفع نحو هذا النوع من “التثبيتات”؟

46

نافذة منبثقة على سطح المكتب!؟

هل تملك لقطة شاشة؟

4 إعجابات