Запустите веб-приложение Angular 7 в автономном режиме с помощью index.html.

Question

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

В веб-приложении есть только статические и автономные данные.Это демо, чтобы показать макет продукта.Я уже сделал приложение, я был уверен, что нашел один режим для запуска в автономном режиме, но я не уверен: (

может быть запущен что-то:

ng build myproject --offline 

Моя цель открытаПроект в автономном режиме с index.html

Я искал в Интернете, но ничего. Могу ли я запустить угловое приложение в автономном режиме с index.html? Можете ли вы сказать мне, как это сделать. Спасибо.

Answer 1

Я не уверен, что это сработает или нет - переместите исходный код сборки в URL-адрес cdn и укажите путь

Примите построение как ng build --prod --deploy-url=https://yoururl.com/

Эта сборка добавит URL-адрес src всех вас js с указанным URL-адресом - как только сборка будет завершена, проверьте index.html

Теперь, наконец, переместите всю свою сборку по указанному пути - когда вы указываете путь с помощью index.html, ваше приложение будет работать

Надеюсь, это поможет - счастливое кодирование:)

Answer 2

Лучший способ добиться этого с Angular - это использовать пакет PWA. Для этого вы можете запустить команду ng add @angular/pwa, если у вас последняя версия Angular CLI. Этот пакет использует технологию Service Workers и позволяет предварительно выбирать файлы, которые будут обслуживаться в автономном режиме, а также результат конкретных конечных точек API. У вас будет файл конфигурации JSON для параметризации всех вышеупомянутых функций.

Более подробную информацию вы можете найти на их сайте .

Имейте в виду, что работники сервиса работают только при обслуживании по HTTPS, и чтобы он работал с Angular, вы должны создавать свое приложение с флагом --prod.