Question

我想使用Angular和服务工作者构建一个渐进式Web应用程序。

我已经使用Angular 6和Angular Material构建了一个原型Angular应用程序。我可以在本地PC上使用ng serve来运行它。

下一步，我想在Android手机中将其作为渐进式Web应用程序运行。但是问题是我不知道如何建立开发环境来实现这个目标。

我想知道： 1）如何在“ Chrome的网络服务器”上运行angular应用？ 2）如何在Android手机上测试用于PWA开发的angular应用？

非常感谢您对以上问题或任何相关开发示例的回答！

Answer 1

ng服务（不！）不支持PWA。

1）使用某些支持HTTPS的Web服务器。请尝试以下

npm i http-server
http-server -o -i <IP Address> -p 8080 -S

2）创建自签名证书（如果您没有一个真正的选择），以便在本地使用HTTPS运行。

openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem

3）在angular.json中，添加如下所示的证书以将其添加为构建过程的一部分。

"assets": [
  "src/assets",
  "src/favicon.ico",
  "src/manifest.json",
  "src/Staticfile",
  "src/key.pem",
  "src/cert.pem"
],