ステップ２「アプリにネイティブ機能をつけよう」

コアプラグイン「ローカル通知でユーザにお知らせしよう」
ionic-jp · Sep 4, 2019 · 9ab61a3 · 9ab61a3
1 parent b7292f1
commit 9ab61a3
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 3 deletions.
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
@@ -3,6 +3,7 @@
     package="io.ionic.starter">
 
     <application
+        android:usesCleartextTraffic="true"
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
         android:label="@string/app_name"

diff --git a/android/app/src/main/assets/capacitor.config.json b/android/app/src/main/assets/capacitor.config.json
@@ -3,5 +3,8 @@
   "appName": "native-tutorial",
   "bundledWebRuntime": false,
   "npmClient": "yarn",
-  "webDir": "www"
+  "webDir": "www",
+  "server": {
+    "url": "http://192.168.0.17:8100"
+  }
 }
diff --git a/capacitor.config.json b/capacitor.config.json
@@ -3,5 +3,8 @@
   "appName": "native-tutorial",
   "bundledWebRuntime": false,
   "npmClient": "yarn",
-  "webDir": "www"
+  "webDir": "www",
+  "server": {
+    "url": "http://192.168.0.17:8100"
+  }
 }
diff --git a/src/app/tab1/tab1.page.html b/src/app/tab1/tab1.page.html
@@ -7,7 +7,7 @@
 </ion-header>
 
 <ion-content>
-    <ion-card class="welcome-card">
+  <ion-card class="welcome-card" (click)="localNotification()" button="true">
       <img src="/assets/shapes.svg" alt="" />
       <ion-card-header>
         <ion-card-subtitle>Get Started</ion-card-subtitle>

diff --git a/src/app/tab1/tab1.page.ts b/src/app/tab1/tab1.page.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { Plugins } from '@capacitor/core';
 
 @Component({
   selector: 'app-tab1',
@@ -9,4 +10,17 @@ export class Tab1Page {
 
   constructor() {}
 
+  localNotification() {
+    Plugins.LocalNotifications.schedule({
+      notifications: [
+        {
+          id: 1,
+          title: 'ようこそ',
+          body: 'Ionic Frameworkへ',
+          schedule: { at: new Date(Date.now() + 1000 * 5) },
+          sound: 'normail'
+        }
+      ]
+    });
+  }
 }