Как преобразовать приложение .Net Core 2.2 / Angular 8 в PWA - PullRequest
Новая
       38

Как преобразовать приложение .Net Core 2.2 / Angular 8 в PWA

0 голосов
/ 09 октября 2019

Я могу создать и протестировать базовое приложение Angular для PWA, следуя документам angular. Однако я не могу получить приложение .NET Core 2.2 / Angular 8 (изначально созданное с использованием шаблона Visual Studio Angular SPA) для Progressive Web App.

Я изо всех сил пытаюсь найти какую-либо онлайн-справку о том, каксделать это. Все, что от Microsoft, - это преобразование приложения MVC в PWA, а не преобразование проекта Angular SPA / .NET Core в PWA. И все со стороны Angular ничего не говорит о сценарии .NET Core Visual Studio.

До сих пор я занимался поддержкой PWA для угловой части с помощью via ng add @ angular / pwa (и следовалвесь учебник по англоязычному PWA / Service Worker)

Существует пакет nuget от Microsoft для основного сервисного работника .net, но, как я могу сказать, это не для углового SPA (поскольку он включает в себя сервисного работника, но япредположим, что мне нужен созданный с помощью ng add @ angular / pwa). https://github.com/madskristensen/WebEssentials.AspNetCore.ServiceWorker

Я пробовал различные конфигурации в файле startup.cs, но, похоже, ничего не работает, включая пропуск 

spa.UseAngularCliServer(npmScript: "start");

и использование вместо него 

spa.UseProxyToSpaDevelopmentServer("http://localhost:8080")

изапустил http-сервер -p 8080 -c -1 в папке clientapp (в соответствии с документами Angular) вручную (также попытался запустить его непосредственно в папке dist).

После манифеста не загружается ни манифест, ни работник службыпубликовать на нашем сервере IIS (в соответствии с инструментами разработчика chrome).

Если у кого-то есть рабочая версия файла startup.cs и другие файлы конфигурации для этого или некоторых указателей, это будет очень полезно.

1 Ответ

1 голос
/ 10 октября 2019

Если вы хотите, чтобы руководство по созданию PWA с Angular , взгляните на эту статью, где я объясню весь процесс пошагово. Кроме того, вы найдете рабочий пример Angular PWA в Github.

Эта статья является частью серии о PWA , возможно, вы сможете взглянуть на них, чтобы получить более полное представление об этой технологии. .

Если вы запустили команду схемы: ng add @angular/pwa, в вашем клиентском приложении должен быть уже установлен модуль рабочего сервиса. Кроме того, веб-манифест и файл конфигурации для работника службы (называемый ngsw-config.json), в котором вы можете указать стратегии кэширования.

Поэтому вы уже должны иметь возможность локально протестировать PWA, просто знайте, что вам нужен httpсервер и сборка Angular Prod для локального запуска сервисного работника, поскольку ng serve не работает с сервисным работником.

...