Bagaimana cara menggunakan PWA di Magento2?

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

magento2 third-party-module pwa

— 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:

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:

Modul Magento 1 PWA di github oleh Meanbee
Posting Blog "Mengapa Situs Magento Anda harus menjadi Aplikasi Web Progresif?" oleh Tom Robertshaw dari Meanbee
Modul Magento 2 Pekerja Layanan di github oleh Meanbee
Modul Manifest Magento 2 WebApp di github oleh Meanbee
Pos Aplikasi Web progresif oleh Google
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:

Tidak didukung: IE, Safari

Ponsel:

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

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

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