Bagaimana cara menggunakan PWA di Magento2?

10

Siapa pun punya ide bagaimana menggunakan PWA (Aplikasi Web Progresif) di Magento2. Saya telah menemukan beberapa blog tetapi tidak berhasil.

hweb87
sumber
Bisakah Anda membagikan posting blog yang Anda baca? Dan apa yang sebenarnya tidak berhasil?
Siarhey Uchukhlebau
Saya tidak yakin apa yang tidak bekerja dengan tepat tetapi di masa depan Magento2 datang dengan PWA. Apakah Anda punya panduan untuk itu?
hweb87
Saya telah menemukan qeustion yang menarik tentang PWA di forum magento , ini bisa membantu.
Siarhey Uchukhlebau
Apakah Anda memiliki situs referensi PWA? bagaimana saya bisa menemukan situs web yang dibangun di PWA.
hweb87
Saya tidak tahu tidak ada satu situs di mana PWA diwujudkan :(
Siarhey Uchukhlebau

Jawaban:

4

Tentang PWA di Magento:

Anda dapat membaca lebih lanjut tentang implementasi PWA di forum magento, tempat menyimpan semua tautan yang bermanfaat ke posting blog atau proyek github:

  1. Modul Magento 1 PWA di github oleh Meanbee
  2. Posting Blog "Mengapa Situs Magento Anda harus menjadi Aplikasi Web Progresif?" oleh Tom Robertshaw dari Meanbee
  3. Modul Magento 2 Pekerja Layanan di github oleh Meanbee
  4. Modul Manifest Magento 2 WebApp di github oleh Meanbee
  5. Pos Aplikasi Web progresif oleh Google
  6. Manifes Aplikasi Web oleh Matt Gaunt & Paul Kinlan

Tentang Kompatibilitas Pekerja Layanan:

Biasanya PWA menyadari menggunakan Pekerja Layanan . Saat ini tidak kompatibel dengan semua browser:

Desktop:

Kompatibilitas Pekerja Layanan dengan browser desktop

Tidak didukung: IE, Safari


Ponsel:

Kompatibilitas Pekerja Layanan dengan browser seluler

Tidak didukung: Android Webview, IE, Safari

Siarhey Uchukhlebau
sumber
Itu berarti tidak kompatibel dengan iOS
hweb87
@ hweb87 Sekarang - ya
Siarhey Uchukhlebau
Ikhtisar yang diperluas dengan detail baru magento.stackexchange.com/a/244665/2282
FireBear
Hai @SiarheyUchukhlebau Pertanyaan saya masih terbuka apakah dukungan Magento PWA di iOS? Hari ini saya telah melihat bug yang dilaporkan di github github.com/magento-research/pwa-studio/issues/1441
hweb87
0

Saya menggunakan modul ini dari Tigren ( https://marketplace.magento.com/tigren-progressivewebapp.html ) dalam versi Magento 2.1.7. Itu bekerja begitu saja tanpa kesalahan.

Harap dicatat bahwa kami perlu tahu lebih banyak tentang pekerja layanan dan cara mengkonfigurasinya untuk meningkatkan aplikasi modul. Pada tingkat dasar, ini bekerja dengan sangat baik di luar kotak.

Kalyan Chakravarthi V
sumber
Hai Kalyan. Saya juga menggunakan ekstensi yang sama. Saya mengikuti langkah-langkah instalasi yang disediakan. Tapi itu menunjukkan kesalahan. Bisakah Anda membantu saya menyelesaikannya?
Saravanan DS
Apa kesalahan yang Anda dapatkan?
Kalyan Chakravarthi V
Silakan periksa perintah kesalahan saya di sini. pastebin.com/8GhESQp3
Saravanan DS
Hai @ Kalyan, Apakah server harus dalam https?
Saravanan DS
1. Modul Tigren_Core tidak termasuk dalam paket yang Anda unduh, tidak perlu itu. Anda bisa mengabaikannya. 2. Ya, Anda harus mengaktifkan https. 3. Kami menguji di server demo kami dengan sertifikasi SSL dummy tetapi tidak di localhost. 4. Dummy sertifikat SSL hanya akan berfungsi dengan baik dengan firefox jika Anda menambahkan pengecualian, Chrome ketat dan PWA tidak akan bekerja dengan sertifikat SSL dummy. 5. Jika Anda bekerja di localhost chrome memiliki beberapa opsi bendera untuk mengizinkan SSL di localhost
Kalyan Chakravarthi V
0

Saya mengambil kata demi kata dari MazePlazza. https://www.mageplaza.com/blog/magento-2-integrate-progressive-web-app.html#what-is-progressive-web-app-pwa

Ada tiga metode untuk mengonversi situs web Magento 2 ke PWA, yang dikaitkan dengan biaya berbeda:

1). Magento 2 PWA Extensions: Anda perlu membeli modul (hingga $ 150) dan membayar layanan instalasi (atau menginstal dan mengkonfigurasi sendiri ekstensi tersebut).

2). Magento 2 PWA Studio: Anda harus merekrut pengembang PWA yang memiliki pengalaman kuat di Magento 2 dan PWA untuk membangun PWA Anda dari awal. Diperlukan waktu hingga 6 bulan untuk mengembangkan etalase PWA Anda dan API baru menggunakan alat Magento 2 PWA Studio. Anda harus menyiapkan anggaran yang besar untuk integrasi ini.

3). Magento 2 PWA Theme: Karena etalase PWA dan API inti sudah siap dibangun, biaya Anda akan tergantung pada tingkat penyesuaian Anda. Biaya ini akan lebih masuk akal daripada solusi kedua dan lebih tinggi dari solusi pertama tetapi layak investasi Anda.

Menurut saya, pergi dengan yang pertama

Zuber terima kasih

zuber bandi
sumber
Jika saya akan pergi dengan opsi pertama, dan saya memiliki banyak ekstensi pihak ketiga untuk situs web saya, maka Q1. Apakah akan berdampak pada ekstensi itu juga? Q2. Apakah Magento 2 PWA Extensions mendukung ekstensi pihak ketiga lainnya?
Balwant Singh
@BalwantSingh, ekstensi yang dibeli PWA tidak memengaruhi ekstensi yang Anda instal atau yang akan datang. Selama halaman baru Anda responsif itu akan secara otomatis didukung oleh ekstensi PWA karena ekstensi pembelian PWA hanya membutuhkan halaman Anda responsif apa pun.
zuber bandi
Terima kasih balasannya. bagaimana jika saya akan memilih opsi ke-3 saya masih membutuhkan pengembang PWA untuk penyesuaian?
Balwant Singh
@BalwantSingh ... ya
zuber bandi
bagaimana memulai dari awal? apakah ada panduan langkah demi langkah untuk mengimplementasikan PWA di magento2.3
jafar pinjar