サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


z_blog:2019:190220_angular7でpwa


文書の過去の版を表示しています。


Angular7でPWAをNetlifyにデプロイ

2019年2月現在、Ionic4でPWA(Progressive Web Apps)にて、Ionic4でFirebase HostingにPWAをデプロイすることはできたのですが、私の技術では、Netlifyにデプロイしても、PWAを機能させることができません。

まずは、Angular7でNetlifyにPWAをデプロイしてみたいと思います。

以下のサイトをAngular7で写経してみたい。

https://swfz.hatenablog.com/entry/2018/08/15/080034

開発環境

WindowsでのAngular7(Ionic4)環境構築方法については、WindowsでIonicを始める方法をご覧ください。

Panasonic CF-RZ6
Windows10 Pro (1803)
VisualStudioCode
git version 2.20.1.windows.1

Node v10.15.1
npm 6.4.1
@angular/cli 7.3.1

今回構築した環境

@angular/pwa 0.13.1

新規Angular7アプリの作成

  1. VisualStudioCodeでWindowsのC:/js/フォルダを開く
  2. Ctrl+@でターミナル画面を開いて、以下を入力します
ng new angular7-pwa --style=scss --routing
// 何か聞かれたら、n + Enter

見出し


z_blog/2019/190220_angular7でpwa.1550653972.txt.gz · 最終更新: 2019/02/20 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki