https://github.com/cometchat/ionic-cordova-chat-push-notification-app

Push Notification App for Ionic (iOS/Android)
https://github.com/cometchat/ionic-cordova-chat-push-notification-app

app chat ionic messenger

Last synced: 22 days ago
JSON representation

Push Notification App for Ionic (iOS/Android)

• Host: GitHub
• URL: https://github.com/cometchat/ionic-cordova-chat-push-notification-app
• Owner: cometchat
• Created: 2020-12-22T08:31:41.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-04-03T14:12:11.000Z (9 months ago)
• Last Synced: 2024-12-03T04:36:40.746Z (about 1 month ago)
• Topics: app, chat, ionic, messenger
• Language: TypeScript
• Homepage: https://www.cometchat.com
• Size: 718 KB
• Stars: 11
• Watchers: 15
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  



# Token-based Push Notifications Sample App

This Sample app will guide you to setup Push Notifications in your Ionic application.

![CometChat Pro Ionic Push Notifications](images/cometchat-pro-ionic-push-notifications.png)

## Pre-requisite

1. Login to the CometChat Dashboard.

2. Select an existing app or create a new one.

3. Go to "API & Auth Keys" section and copy the `REST API` key from the "REST API Keys" tab.

4. Go to the "Extensions" section and Enable the Push Notifications extension.

5. Go to the "Installed" tab in the same section and open the settings for this extension and Set the version to `V2`.

6. Paste the `REST API Key` in the Settings.

7. Go to Firebase Console and get the Server Key for your app. Paste the Server Key in the settings and click on save.

7. Copy your app's `APP_ID`, `REGION` and `AUTH_KEY` from the Dashboard. These will be required in the next steps.

## Usage

1. Clone this repository.

2. Navigate to the `src` directory and replace `APP_ID`, `REGION` and `AUTH_KEY` with yours in `src/consts.ts` file.

3. Go to Firebase Console and get your `google-services.json` and `GoogleService-Info.plist`.

4. Place the `google-services.json` in android/app folder. Place the `GoogleService-Info.plist` in ios/App folder.

5. Install dependencies using `npm install`.

6. Run the following commands:

```

ionic build

npx cap sync

npx cap copy

```

8. To run your Android app, execute `npx cap open android`.

9. To run your iOS app, execute `npx cap open ios`.

10. Please make sure you have followed all the steps mentioned for the Capacitor Plugin.

---

## Documentation

Token-based Push Notifications