วิธีใช้ PWA ใน Magento2


10

ทุกคนมีความคิดเกี่ยวกับวิธีใช้ PWA (Progressive Web Apps) ใน Magento2 ฉันพบบล็อกบางส่วน แต่ไม่ประสบความสำเร็จ


คุณสามารถแชร์โพสต์บล็อกที่คุณอ่านได้ไหม และอะไรที่ไม่ได้ผล?
Siarhey Uchukhlebau

ฉันไม่แน่ใจว่าสิ่งใดที่ทำงานไม่ถูกต้อง แต่ในอนาคต Magento2 จะมากับ PWA คุณมีแนวทางใดบ้าง
hweb87

ฉันได้ค้นพบวิธีการที่น่าสนใจเกี่ยวกับการประปาส่วนภูมิภาคในฟอรั่มคุณภาพเยี่ยมมันมีประโยชน์
Siarhey Uchukhlebau

คุณมีไซต์อ้างอิง PWA ใด ๆ บ้างไหม ฉันจะหาเว็บไซต์ tihs ที่สร้างขึ้นใน PWA ได้อย่างไร
hweb87

ฉันไม่ทราบไม่มีเว็บไซต์หนึ่งที่กปภก็ตระหนัก :(
Siarhey Uchukhlebau

คำตอบ:


4

เกี่ยวกับ PWA ใน Magento:

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับการนำ PWAไปใช้ในฟอรัม magento ซึ่งจัดเก็บลิงก์ที่มีประโยชน์ทั้งหมดไปยังโพสต์บล็อกหรือโครงการ Github:

  1. โมดูล Magento 1 PWAบน github โดย Meanbee
  2. บล็อกโพสต์"เพราะเหตุใดเว็บไซต์ Magento ของคุณจึงต้องเป็น Progressive Web App?" โดย Tom Robertshaw จาก Meanbee
  3. โมดูลผู้ปฏิบัติงานบริการ Magento 2 บน github โดย Meanbee
  4. โมดูลวีโอไอพี 2 Manifestบน github โดย Meanbee
  5. โพสต์บนเว็บแอพก้าวหน้าโดย Google
  6. แอปพลิเคชั่นเว็บโดย Matt Gaunt และ Paul Kinlan

เกี่ยวกับความเข้ากันได้ของ Service Worker:

โดยปกติกปภ. จะตระหนักถึงการใช้คนงานบริการ ตอนนี้มันเข้ากันไม่ได้กับเบราว์เซอร์ทั้งหมด:

เดสก์ทอป:

ความเข้ากันได้ของ Service Worker กับเบราว์เซอร์เดสก์ท็อป

ไม่รองรับ: IE, Safari


มือถือ:

ความเข้ากันได้ของ Service Worker กับเบราว์เซอร์มือถือ

ไม่รองรับ: Android Webview, IE, Safari


นั่นหมายความว่ามันเข้ากันไม่ได้กับ iOS
hweb87

@ hweb87 ตอนนี้ - ใช่
Siarhey Uchukhlebau

ภาพรวมแบบขยายที่ดีพร้อมรายละเอียดใหม่ ๆmagento.stackexchange.com/a/244665/2282
FireBear

สวัสดี @SiarheyUchukhlebau คำถามของฉันยังคงเปิดอยู่ Magento PWA รองรับใน iOS? วันนี้ฉันได้เห็นข้อผิดพลาดที่รายงานใน github github.com/magento-research/pwa-studio/issues/1441
hweb87

0

ฉันใช้โมดูลนี้จาก Tigren ( https://marketplace.magento.com/tigren-progressivewebapp.html ) ในเวอร์ชัน Magento 2.1.7 มันทำงานได้อย่างนั้นโดยไม่มีข้อผิดพลาด

โปรดทราบว่าเราจำเป็นต้องรู้เพิ่มเติมเกี่ยวกับพนักงานบริการและวิธีกำหนดค่าเพื่อเพิ่มขนาดแอปพลิเคชันของโมดูล ในระดับพื้นฐานมันใช้งานได้ดีมาก


สวัสดี Kalyan ฉันก็ใช้นามสกุลเดียวกัน ฉันทำตามขั้นตอนการติดตั้งที่มีให้ แต่มันแสดงข้อผิดพลาด คุณช่วยฉันแก้ปัญหาได้ไหม?
Saravanan DS

คุณได้รับข้อผิดพลาดอะไร
Kalyan Chakravarthi V

โปรดตรวจสอบคำสั่งข้อผิดพลาดของฉันที่นี่ pastebin.com/8GhESQp3
Saravanan DS

สวัสดี @Kalyan เซิร์ฟเวอร์ควรอยู่ใน https หรือไม่
Saravanan DS

1. โมดูล Tigren_Core ไม่รวมอยู่ในแพ็คเกจที่คุณดาวน์โหลดไม่จำเป็นต้องใช้ คุณสามารถเพิกเฉยได้ 2. ใช่คุณต้องเปิดใช้งาน https 3. เราทดสอบในเซิร์ฟเวอร์ตัวอย่างของเราด้วยการรับรอง SSL ที่หลอกๆ แต่ไม่ใช่ใน localhost 4. ใบรับรอง SSL จำลองจะทำงานได้ดีกับ Firefox เท่านั้นหากคุณเพิ่มเป็นข้อยกเว้น Chrome เข้มงวดและ PWA จะไม่ทำงานกับใบรับรอง SSL จำลอง 5. หากคุณกำลังทำงานใน localhost chrome มีตัวเลือกการตั้งค่าสถานะเพื่ออนุญาต SSL ใน localhost
Kalyan Chakravarthi V

0

ฉันเอาคำต่อคำจาก MazePlazza https://www.mageplaza.com/blog/magento-2-integrate-progressive-web-app.html#what-is-progressive-web-app-pwa

มีสามวิธีในการแปลงเว็บไซต์ Magento 2 เป็น PWA ซึ่งเกี่ยวข้องกับค่าใช้จ่ายที่แตกต่างกัน:

1) Magento 2 PWA Extensions: คุณต้องซื้อโมดูล (สูงสุด $ 150) และชำระค่าบริการติดตั้ง (หรือติดตั้งและกำหนดค่าส่วนขยายด้วยตัวคุณเอง)

2) Magento 2 PWA Studio: คุณต้องจ้างนักพัฒนา PWA ที่มีประสบการณ์สูงทั้งใน Magento 2 และ PWA เพื่อสร้าง PWA ของคุณเอง จะใช้เวลาถึง 6 เดือนในการพัฒนาหน้าร้าน PWA และ API ใหม่โดยใช้เครื่องมือ Magento 2 PWA Studio คุณควรเตรียมงบประมาณเผื่อแผ่สำหรับการรวมกลุ่มนี้

3) Magento 2 PWA Theme: เนื่องจากทั้ง PWA storefront และ core API ถูกสร้างขึ้นพร้อมค่าใช้จ่ายของคุณจะขึ้นอยู่กับระดับการปรับแต่งของคุณเป็นหลัก ค่าใช้จ่ายนี้จะสมเหตุสมผลมากกว่าโซลูชันที่สองและสูงกว่าโซลูชันแรก แต่ควรได้รับการลงทุนของคุณ

ตามฉันไปกับคนแรก

ขอบคุณ Zuber


ถ้าฉันจะไปกับตัวเลือกแรกและฉันมีส่วนขยายของบุคคลที่สามมากมายสำหรับเว็บไซต์ของฉันดังนั้น Q1 จะมีผลกับส่วนขยายนั้นหรือไม่ ไตรมาสที่ 2 ส่วนเสริม Magento 2 PWA จะรองรับส่วนขยายอื่น ๆ ของบุคคลที่สามหรือไม่
Balwant Singh

@BalwantSingh ส่วนต่อขยายที่ซื้อ PWA จะไม่ส่งผลกระทบต่อส่วนขยายใด ๆ ที่ติดตั้งหรือมาถึงของคุณ ตราบใดที่หน้าใหม่ของคุณตอบสนองมันจะได้รับการสนับสนุนโดยอัตโนมัติโดยส่วนขยาย PWA เพราะส่วนขยายการซื้อ PWA เพียงต้องการหน้าของคุณตอบสนองอย่างอื่น
zuber bandi

ขอบคุณสำหรับการตอบกลับ. ถ้าฉันจะเลือกตัวเลือกที่ 3 ฉันยังต้องการนักพัฒนา PWA สำหรับการปรับแต่ง?
Balwant Singh

@BalwantSingh ... ใช่
zuber bandi

วิธีการเริ่มต้นจากศูนย์? มีคำแนะนำทีละขั้นตอนในการใช้งาน PWA ใน magento2.3
jafar pinjar
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.