PWAで3つのエラーが発生する - 不具合報告

RE: PWAで3つのエラーが発生する

わいひら — Mon, 20 May 2019 11:14:44 +0000

2ページ目にいってしまいましたが、1ページ目の最後の方にも返信があるので、参照していただければ幸いです。

RE: PWAで3つのエラーが発生する

わいひら — Mon, 20 May 2019 11:11:25 +0000

僕の環境からも問題なくテストはクリアできました。

ただ、以下の警告メッセージをなくするには、jpegではなくて、PNG形式の画像を設定する必要があるかもしれません。

Warnings: `apple-touch-icon-precomposed` is out of date; `apple-touch-icon` is preferred.

現在、以下のようにJPEG画像が設定されているようなので。

https://maruhoi.com/wordpress/wp-content/uploads/2019/05/cropped-zicon.jpg

ttps://maruhoi.com/wordpress/wp-content/uploads/2019/05/cropped-zicon.jpg

For ideal appearance on iOS when users add to the home screen, define an apple-touch-icon. It must point to a non-transparent 192px (or 180px) square PNG. Learn More.

2019-05-20_20h09_07.png

RE: PWAで3つのエラーが発生する

わいひら — Mon, 20 May 2019 11:04:00 +0000

とりあえずこのトピックは、PWAの仕様変更が本テーマに反映されるまでトップに固定しておこうと思います。

RE: PWAで3つのエラーが発生する

わいひら — Mon, 20 May 2019 11:03:19 +0000

おおっ！うまくいったんですね。
まさか、アイコン設定の不備だけであんなにいっぱいエラーが出るとは思いませんでした。
なので、他にも問題があるのかなと思っていましたが、改善されたようでよかったです。

これを踏まえた上で、再度動作確認後、次（1.7.8）か、次（1.7.9）のバージョンアップには反映させられればと思います。

その間、他には何か動作上の問題がないかの確認もしていただければ幸いです。

RE: PWAで3つのエラーが発生する

maruhoi1 — Sun, 19 May 2019 17:08:14 +0000

わいひらさん

お世話になっております。512x512のアイコンを仮で設定したところ、LighthouseでPWAにチェックが付きました！
https://i.imgur.com/mFGBVeA.png

ほとんどこちら側の設定に原因があったにも関わらず、約1カ月にわたりご対応いただき申し訳ございません＆ありがとうございました。途中でコメントいただいたかうたっくさん、ロコさんもありがとうございました。

引き続き何とぞよろしくお願いいたします。

RE: PWAで3つのエラーが発生する

わいひら — Sat, 18 May 2019 10:33:40 +0000

やはり、ファイルが作成できる状態になっていなかったんですね。

https://maruhoi.com/wordpress/cocoon-manifest.json
https://maruhoi.com/wordpress/cocoon-service-worker.js

あと、上記のwordpress/ディレクトリのPWA関係ファイルの内容は変わっていないので、やはり古いファイルだったというのも間違いなさそうですね。
なので、パスの取得については問題ないと言っていいでしょう。

とりあえずは、一つ一つ問題を潰していくということで、一度サイトアイコンを512x512サイズのものに変更していただけますでしょうか。
https://wp-cocoon.com/site-icon/

これだけでエラーは改善されないかもしれませんが、とりあえず一つ一つということで。
※サイトアイコンを変更後は、Cocoonを保存ボタンを押してください。
※冒頭のリストにないので、使用されていないと思いますが、ページキャシュプラグインを利用している場合は、プラグインを無効にしておいてください。

RE: PWAで3つのエラーが発生する

maruhoi1 — Fri, 17 May 2019 15:46:41 +0000

わいひらさん　ロコさん

　お世話になっております。/var/www/html直下に2つのファイルが生成されていなかったのはフォルダのオーナーがApacheのユーザ／グループになっていないことが原因でした。chownコマンドでhtmlフォルダの権限をApacheのユーザー／グループに変更し、WordPressの設定からアプリ名を変更した結果、2つのファイルが/var/www/html直下に生成されました。

https://maruhoi.com/cocoon-manifest.json

　とりあえず遠回りで申し訳ありませんでしたが、cocoon-manifest.jsonとcocoon-service-worker.jsを生成して土台に立つことができました（PWAの方はエラーが出たままでした）。

何とぞよろしくお願いいたします。

RE: PWAで3つのエラーが発生する

わいひら — Thu, 16 May 2019 23:10:13 +0000

はい。
僕は現在そのような認識です。

前回の連続返信で書いた手順で、マニフェストファイル等を更新して「短いアプリ名」、もしくはサービスワーカーのパス情報等が「/var/www/html/wordpress/」内のファイルに対して反映されなければ、ロコさんの書かれた通りでおそらく間違いないのではないかなと考えています。

RE: PWAで3つのエラーが発生する

ろこ — Thu, 16 May 2019 22:23:52 +0000

本トピックのやりとりをざっと確認した中で、現状は「/var/www/html/」ディレクトリ上にPWA用ファイルが生成できていないことが問題だという認識なのですが、間違いないでしょうか？

修正前は「/var/www/html/wordpress/」ディレクトリ上にファイル生成ができていて、当時の旧ファイルが残っているだけと。
修正後のvar_dumpで見た値からだと、通常なら「/var/www/html/wordpress/」ディレクトリ上にあるファイルを変更することはできず、「/var/www/html/」ディレクトリ上でファイルの作成・変更がなされるはずですよね。

RE: PWAで3つのエラーが発生する

わいひら — Thu, 16 May 2019 21:57:07 +0000

https://wpsubdir.im-cocoon.net/

一応こちらのサイトなんですが、同様のディレクトリ構造にしてサイトを作ったテスト環境です。

サイトURL：https://wpsubdir.im-cocoon.net/wp
ホームURL：https://wpsubdir.im-cocoon.net

インストールディレクトリの名前こそ違いますが、構造は同じだと思います。

このページでPWAをテストすると、PWA部分は問題なくクリアマークが出ます。