Magento2でPWAを使用する方法

誰もがMagento2でPWA（プログレッシブウェブアプリ）を使用する方法を知っています。私はいくつかのブログを見つけましたが、成功しませんでした。

magento2 third-party-module pwa

— hweb87
ソース

読んだブログ投稿を共有してもらえますか？そして、何がうまくいかないのですか？

— Siarhey Uchukhlebau 2017

正確に何が機能しないのかはわかりませんが、将来的にはPWAに付属するMagento2が登場します。そのためのガイドはありますか？

— hweb87

MagentoフォーラムでPWAに関する興味深い質問を見つけました。

— Siarhey Uchukhlebau 2017

参照サイトPWAはありますか？PWAで構築されたtihs Webサイトを見つけるにはどうすればよいですか。

— hweb87

私はPWAが実現されたサイトを知りません:(

— Siarhey Uchukhlebau

回答:

MagentoのPWAについて：

PWAの実装の詳細については、ブログ投稿またはgithubプロジェクトへのすべての便利なリンクが保存されているmagentoフォーラムをご覧ください。

Meanbeeによるgithub上のMagento 1 PWAモジュール
ブログ投稿「Magentoサイトをプログレッシブウェブアプリにする必要があるのはなぜですか？」作成者：Tom Robertshaw、Meanbee
Meanbeeによるgithub上のMagento 2 Service Workerモジュール
Meanbeeによるgithub上のMagento 2 WebApp Manifestモジュール
Googleによるプログレッシブウェブアプリの投稿
Matt GauntとPaul KinlanによるWebアプリマニフェスト

Service Workerの互換性について：

通常、PWAはService Workerを使用して実現しています。現在、すべてのブラウザーと互換性があるわけではありません。

デスクトップ：

サポートされていません： IE、Safari

モバイル：

サポートされていません： Android Webview、IE、Safari

— シアヘイ・ウチュクレバウ
ソース

つまり、iOSと互換性がない

— hweb87

@ hweb87現在-はい

— Siarhey Uchukhlebau

フレッシュな詳細を備えた

— FireBear

こんにちは@SiarheyUchukhlebau私の質問はまだ開いていますiOSでのMagento PWAサポートですか？今日私はgithub github.com/magento-research/pwa-studio/issues/1441で

— hweb87

Tigren（https://marketplace.magento.com/tigren-progressivewebapp.html）のこのモジュールをMagento 2.1.7バージョンで使用しました。エラーなしで、そのように機能しました。

モジュールのアプリケーションをスケールアップするために、Service Workerとそれらを構成する方法について詳しく知る必要があることに注意してください。基本的なレベルでは、箱から出してすぐにうまく機能します。

— カリヤンチャクラヴァルティV
ソース

こんにちはKalyan。私も同じ拡張子を使用しています。提供されたインストール手順に従いました。しかし、それはエラーを示しています。それを解決するのを手伝ってくれませんか？

— サラバナンDS 2018

発生しているエラーは何ですか？

— Kalyan Chakravarthi V

ここでエラーコマンドを確認してください。pastebin.com/8GhESQp3

— サラバナンDS

こんにちは@Kalyan、サーバーはhttpsにある必要がありますか？

— サラバナンDS 2018

1.ダウンロードしたパッケージにTigren_Coreモジュールは含まれていません。その必要はありません。無視してかまいません。2.はい、httpsを有効にする必要があります。3.ダミーSSL証明書を使用してデモサーバーでテストしましたが、localhostではテストしていません。4.ダミーSSL証明書は、Firefoxでのみ正常に機能します。例外として追加した場合、Chromeは厳密であり、PWAはダミーSSL証明書では機能しません。5. localhostで作業している場合、ChromeにはlocalhostでSSLを許可するいくつかのフラグオプションがあります

— Kalyan Chakravarthi V

MazePlazzaから一言一言。https://www.mageplaza.com/blog/magento-2-integrate-progressive-web-app.html#what-is-progressive-web-app-pwa

Magento 2のWebサイトをPWAに変換する方法は3つあり、それぞれ異なるコストが伴います。

1）。Magento 2 PWA拡張機能：モジュール（最大$ 150）を購入し、インストールサービスの料金を支払う（または拡張機能を自分でインストールして構成する）必要があります。

2）。Magento 2 PWA Studio：PWAをゼロから構築するには、Magento 2とPWAの両方で優れた経験を持つPWA開発者を雇う必要があります。Magento 2 PWA Studioツールを使用してPWAストアフロントと新しいAPIを開発するには、最大6か月かかります。この統合には十分な予算を準備する必要があります。

3）。Magento 2 PWAテーマ：PWAストアフロントとコアAPIの両方がすぐに構築できるため、コストは主にカスタマイズのレベルに依存します。このコストは2番目のソリューションよりも妥当で、最初のソリューションよりも高くなりますが、投資に値します。

私によると、最初のものと一緒に行きます

ありがとうZuber

— ズベルバンディ
ソース

最初のオプションを使用する場合、ウェブサイトにサードパーティの拡張機能がたくさんあるので、Q1を選択します。その拡張機能にも影響しますか？Q2。Magento 2 PWA拡張機能は他のサードパーティ拡張機能をサポートしますか？

— Balwant Singh

@ BalwantSingh、PWAで購入した拡張機能は、インストール済みまたは今後の拡張機能には影響しません。新しいページがレスポンシブである限り、PWA購入エクステンションはページレスポンシブのみを必要とするため、PWAエクステンションによって自動的にサポートされます。

— ズーバーバンディ

返信いただきありがとうございます。3番目のオプションを選択する場合、カスタマイズのためにPWA開発者が必要ですか？

— Balwant Singh

@BalwantSingh ...はい

— ズーバーバンディ

ゼロから始める方法？magento2.3にPWAを実装するための段階的なガイドはありますか

— jafar pinjar