kj
/
kxip-app
1
0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
ソースを参照

Converted app to PWA

master
kj1352 4年前
親
0facc324dc
コミット
9646947a5b
22個のファイルの変更、121行の追加、14行の削除
ユニファイド表示
差分オプション
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード
  1. +7
    -3
      angular.json
  2. +30
    -0
      ngsw-config.json
  3. +8
    -0
      package-lock.json
  4. +1
    -0
      package.json
  5. +3
    -1
      src/app/app.module.ts
  6. バイナリ
      src/assets/icons/icon-128x128.png
  7. バイナリ
      src/assets/icons/icon-144x144.png
  8. バイナリ
      src/assets/icons/icon-152x152.png
  9. バイナリ
      src/assets/icons/icon-192x192.png
  10. バイナリ
      src/assets/icons/icon-384x384.png
  11. バイナリ
      src/assets/icons/icon-512x512.png
  12. バイナリ
      src/assets/icons/icon-72x72.png
  13. バイナリ
      src/assets/icons/icon-96x96.png
  14. バイナリ
      src/assets/icons/logo-128-128.png
  15. バイナリ
      src/assets/icons/logo-144-144.png
  16. バイナリ
      src/assets/icons/logo-192-192.png
  17. バイナリ
      src/assets/icons/logo-48-48.png
  18. バイナリ
      src/assets/icons/logo-512-512.png
  19. バイナリ
      src/assets/icons/logo-72-72.png
  20. バイナリ
      src/assets/icons/logo-96-96.png
  21. +13
    -10
      src/index.html
  22. +59
    -0
      src/manifest.webmanifest

+ 7
- 3
angular.json ファイルの表示

@@ -29,7 +29,8 @@
"glob": "**/*.svg", "glob": "**/*.svg",
"input": "node_modules/ionicons/dist/ionicons/svg", "input": "node_modules/ionicons/dist/ionicons/svg",
"output": "./svg" "output": "./svg"
}
},
"src/manifest.webmanifest"
], ],
"styles": [ "styles": [
{ {
@@ -64,7 +65,9 @@
"maximumWarning": "2mb", "maximumWarning": "2mb",
"maximumError": "5mb" "maximumError": "5mb"
} }
]
],
"serviceWorker": true,
"ngswConfigPath": "ngsw-config.json"
}, },
"ci": { "ci": {
"progress": false "progress": false
@@ -110,7 +113,8 @@
"glob": "**/*", "glob": "**/*",
"input": "src/assets", "input": "src/assets",
"output": "/assets" "output": "/assets"
}
},
"src/manifest.webmanifest"
] ]
}, },
"configurations": { "configurations": {


+ 30
- 0
ngsw-config.json ファイルの表示

@@ -0,0 +1,30 @@
{
"$schema": "./node_modules/@angular/service-worker/config/schema.json",
"index": "/index.html",
"assetGroups": [
{
"name": "app",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html",
"/manifest.webmanifest",
"/*.css",
"/*.js"
]
}
},
{
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**",
"/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
]
}
}
]
}

+ 8
- 0
package-lock.json ファイルの表示

@@ -438,6 +438,14 @@
"tslib": "^2.0.0" "tslib": "^2.0.0"
} }
}, },
"@angular/service-worker": {
"version": "10.0.14",
"resolved": "https://registry.npmjs.org/@angular/service-worker/-/service-worker-10.0.14.tgz",
"integrity": "sha512-/oXyXRC+LFuKACcItG7EJaHe0D24x6KIyh3jg1TkClqWQe0rfVtvcYq+Fday69+gdZOM6euMWjBMoJqXJP7PcA==",
"requires": {
"tslib": "^2.0.0"
}
},
"@babel/code-frame": { "@babel/code-frame": {
"version": "7.12.11", "version": "7.12.11",
"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",


+ 1
- 0
package.json ファイルの表示

@@ -19,6 +19,7 @@
"@angular/platform-browser": "~10.0.0", "@angular/platform-browser": "~10.0.0",
"@angular/platform-browser-dynamic": "~10.0.0", "@angular/platform-browser-dynamic": "~10.0.0",
"@angular/router": "~10.0.0", "@angular/router": "~10.0.0",
"@angular/service-worker": "~10.0.0",
"@ionic-native/core": "^5.0.0", "@ionic-native/core": "^5.0.0",
"@ionic-native/splash-screen": "^5.0.0", "@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0", "@ionic-native/status-bar": "^5.0.0",


+ 3
- 1
src/app/app.module.ts ファイルの表示

@@ -8,11 +8,13 @@ import { StatusBar } from '@ionic-native/status-bar/ngx';


import { AppRoutingModule } from './app-routing.module'; import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component'; import { AppComponent } from './app.component';
import { ServiceWorkerModule } from '@angular/service-worker';
import { environment } from '../environments/environment';


@NgModule({ @NgModule({
declarations: [AppComponent], declarations: [AppComponent],
entryComponents: [], entryComponents: [],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })],
providers: [ providers: [
StatusBar, StatusBar,
SplashScreen, SplashScreen,


バイナリ
src/assets/icons/icon-128x128.png ファイルの表示

変更前 変更後
幅: 128  |  高さ: 128  |  サイズ: 1.2 KiB

バイナリ
src/assets/icons/icon-144x144.png ファイルの表示

変更前 変更後
幅: 144  |  高さ: 144  |  サイズ: 1.4 KiB

バイナリ
src/assets/icons/icon-152x152.png ファイルの表示

変更前 変更後
幅: 152  |  高さ: 152  |  サイズ: 1.4 KiB

バイナリ
src/assets/icons/icon-192x192.png ファイルの表示

変更前 変更後
幅: 192  |  高さ: 192  |  サイズ: 1.7 KiB

バイナリ
src/assets/icons/icon-384x384.png ファイルの表示

変更前 変更後
幅: 384  |  高さ: 384  |  サイズ: 3.5 KiB

バイナリ
src/assets/icons/icon-512x512.png ファイルの表示

変更前 変更後
幅: 512  |  高さ: 512  |  サイズ: 4.9 KiB

バイナリ
src/assets/icons/icon-72x72.png ファイルの表示

変更前 変更後
幅: 72  |  高さ: 72  |  サイズ: 792 B

バイナリ
src/assets/icons/icon-96x96.png ファイルの表示

変更前 変更後
幅: 96  |  高さ: 96  |  サイズ: 958 B

バイナリ
src/assets/icons/logo-128-128.png ファイルの表示

変更前 変更後
幅: 128  |  高さ: 128  |  サイズ: 17 KiB

バイナリ
src/assets/icons/logo-144-144.png ファイルの表示

変更前 変更後
幅: 144  |  高さ: 144  |  サイズ: 20 KiB

バイナリ
src/assets/icons/logo-192-192.png ファイルの表示

変更前 変更後
幅: 192  |  高さ: 192  |  サイズ: 31 KiB

バイナリ
src/assets/icons/logo-48-48.png ファイルの表示

変更前 変更後
幅: 48  |  高さ: 48  |  サイズ: 3.6 KiB

バイナリ
src/assets/icons/logo-512-512.png ファイルの表示

変更前 変更後
幅: 512  |  高さ: 512  |  サイズ: 141 KiB

バイナリ
src/assets/icons/logo-72-72.png ファイルの表示

変更前 変更後
幅: 72  |  高さ: 72  |  サイズ: 7.1 KiB

バイナリ
src/assets/icons/logo-96-96.png ファイルの表示

変更前 変更後
幅: 96  |  高さ: 96  |  サイズ: 11 KiB

+ 13
- 10
src/index.html ファイルの表示

@@ -2,25 +2,28 @@
<html lang="en"> <html lang="en">


<head> <head>
<meta charset="utf-8" />
<title>Ionic App</title>
<meta charset="utf-8"/>
<title> KXIP App </title>


<base href="/" />
<base href="/"/>


<meta name="color-scheme" content="light dark" />
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="color-scheme" content="light dark"/>
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no"/>
<meta name="msapplication-tap-highlight" content="no"/>


<link rel="icon" type="image/png" href="assets/icon/favicon.png" />
<link rel="icon" type="image/png" href="assets/icon/favicon.png"/>


<!-- add to homescreen for ios --> <!-- add to homescreen for ios -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#ED1C24">
</head> </head>


<body> <body>
<app-root></app-root> <app-root></app-root>
<noscript>Please enable JavaScript to continue using this application.</noscript>
</body> </body>


</html> </html>

+ 59
- 0
src/manifest.webmanifest ファイルの表示

@@ -0,0 +1,59 @@
{
"name": "KXIP",
"short_name": "KXIP",
"theme_color": "#ED1C24",
"background_color": "#fafafa",
"display": "fullscreen",
"scope": "./",
"start_url": "./",
"icons": [
{
"src": "assets/icons/logo-48-48.png",
"sizes": "48x48",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/logo-72-72.png",
"sizes": "72x72",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/logo-96-96.png",
"sizes": "96x96",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/logo-128-128.png",
"sizes": "128x128",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/logo-144-144.png",
"sizes": "144x144",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/logo-152-152.png",
"sizes": "152x152",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/logo-192-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable any"
},
{
"src": "assets/icons/logo-512-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable any"
}
]
}

書き込み プレビュー
読み込み中…
キャンセル
保存