feat(notifications): add push notification functionality

sebastianjnuwu · web-flow · commit 2e02b052a504 · 2024-12-23T11:15:11.000-03:00
By @sebastianjnuwu
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/android/app/capacitor.build.gradle b/android/app/capacitor.build.gradle
@@ -10,6 +10,7 @@ android {
 apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"
 dependencies {
     implementation project(':capacitor-community-admob')
+    implementation project(':capacitor-push-notifications')
 
 }
 
diff --git a/android/capacitor.settings.gradle b/android/capacitor.settings.gradle
@@ -4,3 +4,6 @@ project(':capacitor-android').projectDir = new File('../node_modules/@capacitor/
 
 include ':capacitor-community-admob'
 project(':capacitor-community-admob').projectDir = new File('../node_modules/@capacitor-community/admob/android')
+
+include ':capacitor-push-notifications'
+project(':capacitor-push-notifications').projectDir = new File('../node_modules/@capacitor/push-notifications/android')
diff --git a/package.json b/package.json
@@ -24,7 +24,8 @@
 	"dependencies": {
 		"@capacitor-community/admob": "^6.1.0",
 		"@capacitor/android": "^6.2.0",
-		"@capacitor/core": "^6.2.0"
+		"@capacitor/core": "^6.2.0",
+		"@capacitor/push-notifications": "^6.0.3"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.26.0",
diff --git a/www/index.html b/www/index.html
@@ -12,7 +12,8 @@
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/eruda/3.4.1/eruda.min.js" integrity="sha512-3RVqOZtMevFOLeXCp0/Wl7np/l3J3MMysaFDUhNh+hdKx+Wb0lMXuHwA6CZ/+4DfYZM01Om1as8g+mnTaQH9vA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-  <script type="module" src="./res/plugins/AdMob.ts"></script>
+  <script type="module" src="./res/plugins/admob.ts"></script>
+  <script type="module" src="./res/plugins/push-notifications.ts"></script>
 </head>
  <body class="ui-cookie">
 
diff --git a/www/res/plugins/admob.ts b/www/res/plugins/admob.ts
diff --git a/www/res/plugins/push-notifications.ts b/www/res/plugins/push-notifications.ts
@@ -0,0 +1,35 @@
+import { PushNotifications } from "@capacitor/push-notifications";
+
+const register = async () => {
+	let STATUS = await PushNotifications.checkPermissions();
+	console.log(STATUS);
+
+	if (STATUS.receive === "prompt") {
+		STATUS = await PushNotifications.requestPermissions();
+		console.log(STATUS);
+	}
+
+	if (STATUS.receive !== "granted") {
+		console.log("not permission");
+	}
+
+	await PushNotifications.register();
+
+	PushNotifications.addListener("registration", (token) => {
+		console.log(token);
+	});
+
+	PushNotifications.addListener("registrationError", (error) => {
+		console.log(error);
+	});
+
+	PushNotifications.addListener("pushNotificationReceived", (notification) => {
+		console.log(notification);
+	});
+
+	PushNotifications.addListener("pushNotificationActionPerformed", (action) => {
+		console.log(action);
+	});
+};
+
+register();

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,7 @@ android {`
`10`	`10`	`apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle"`
`11`	`11`	`dependencies {`
`12`	`12`	`implementation project(':capacitor-community-admob')`
	`13`	`+ implementation project(':capacitor-push-notifications')`
`13`	`14`
`14`	`15`	`}`
`15`	`16`