自己署名入り証明書を使用してクロムアンドロイド上のサービスワーカーをリモートでデバッグ

Question

私の開発マシンからサービスワーカーをデバッグしようとしていましたが、スマートフォンのchrome androidで実行していました。

私はUSB接続を使用していて、私の開発マシンから遠隔デバッグしていました。サービスワーカーはhttpsでしか動作せず、クロムとファイアフォックスの両方でSWを登録することを拒否しています。

次に、自分の開発マシンで自己署名入りの証明書を使用しましたが、これは明らかにモバイルブラウザから信頼されていませんでした。彼らは証明書が良くないと警告しましたが、その証明書を進めるオプションを与えました。私は「はい」をクリックし、その時点からのfirefoxはSWの登録ができましたが、証明書がうまくいかずSWを登録することを拒否していました。

スマートフォンの信頼リストに自己署名入りのCAを含めようとしましたが、それを行う方法が見つかりませんでした。結局のところ、私はまったく気に入らなかった通常の証明書を使って、プロダクションサーバーからアプリを提供しなければならなかったが、この問題で一日を費やすことはできなかった。

LAN内のdevマシンから提供されるアンドロイド上のサービスワーカーをリモートデバッグするにはどうすればよいですか？ localhostは2つの別個のデバイスであるため使用できません。私はhttpsのChromeを無視してデスクトップバージョンを無視する設定を見つけました。私はアンドロイドクロムを使用していますが、どうやってこの退屈なブロックエラーを無効にすることができますか？

ありがとうございました

Answer 1

私も同じ問題に直面していました。私は私の個人的な使用のためのプッシュ通知のためのサービスワーカーを書いています。私はlocalhost上で実行していたので、デスクトップブラウザ上で完全に動作していました。しかし、私はモバイル上での通知を望んでいたので、同じIPアドレスを実行するための多くのオプションを試してみました。モバイルでローカルIPとしてリモートIPを実行し、USBデバッグを行い、SSL証明書を追加しました。しかし、その後、アンドロイドモバイルの "Kick Web Server"アプリが私の救助になりました。localhostとモバイルワーカーでアプリケーションを実行してサービスワーカーを登録するのに数分かかりました。 SSLとUSBのデバッグはもう必要ありません。

ステップ

• 後藤playstoreと "キックWebサーバー" アプリを検索（注：結果をserchingた後、 "WebサーバーのPHPMyAdminの/ MySQLの" with icon like thisが表示されます）。
• このアプリでPHPやMysqlが必要ないのではないかと心配しないでください。あなたのWebサイトは、どの技術のスタックにも簡単に記述できます。
• オープンアプリでは、ストレージにアクセスする権限があるかどうかを確認する必要があります。アクセス許可を与える必要があります。
• アプリに戻り、停止ボタンをクリックしてWebサーバーを起動します。
• モバイルストレージにhtdocsという名前のディレクトリ/フォルダが作成されます。
• htdocsディレクトリから既存のコンテンツ（2つの既存ファイル）を削除します。
• htdocsディレクトリにindex.htmlを使用してビルドの内容をコピーします。
• モバイルブラウザでhttp://localhost:8080にアクセスすると、登録されているサービスワーカーでサイトが起動していることがわかります。