Trusty | Ionic + Firebase Full Auth, Chat & Notifications + WordPress

Here is the example of settings configuration:

Firebase Project Configuration

firebase init

 Project Name: YourFirebaseProjectName
Database type: Firestore
File type: JSON
Use ESLint to enforce code style?

Yes
File [FirebaseConfig.js] not created.

Then you need to add Firebase settings in FirebaseConfig.js file:

import * as firebase from 'firebase';

// Initialize Firebase
var firebaseConfig = {
    apiKey: "Your ApiKey",
    authDomain: "YourAuthDomain",
    databaseURL: "YourDatabaseURL",
    projectId: "YourProjectId",
    storageBucket: "YourStorageBucket",
    messagingSenderId: "YourMessagingSenderId",
};
firebase.initializeApp(firebaseConfig);

Firebase Authentication Configuration

Add following code in firebase.json file:

{
  "projects": {
    "<your-project-id>": {
      "configurations": {
        "<platform>": {
          "auth": {
            " providers": [
              "auth.firebase"
            ]
          }
        }
      }
    }
  }
}

Then configure Ionic Firebase Authentication:

import { Auth, User } from '@ionic-native/firebase/ngx';

@Component({
  selector: 'app-login',
  templateUrl: './login.html',
  styleUrls: ['./login.css']
})
export class LoginComponent implements OnInit {
  user: User;
  constructor(private firebase: Firebase) { }

  login() {
    this.firebase.auth().signIn()
   .then(result => console.log(result))
   .catch(error => console.log(error));
  }

}

Trivy WordPress Configuration

{
  "dependencies": {
    "cordova-plugin-whitelist": "1.3.2",
    "ionic-cli": "4.7.0",
    "ionic-framework": "3.9.8"
  }
}

Then configure Trivy in ionic.config.js file:

module.exports = function(environment) {
  const Config = require('cordova-nativescript-core')['TrivyConfig'];

  Config.set({
    providerId: 'TrivyPlugin',
    url: 'https://api.trivy.io/v0',
  });

  return environment;
};

Notyfication

Use Firebase Cloud Messaging:

import { AngularFirestore } from 'angularfire2';
import { FCM } from 'cordova-plugin-firebase-msg';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css']
})
export class AppComponent {
  fcm;

  constructor(private firestore: AngularFirestore) { 
    this.fcm = new FCM();

  }

  onSendPushNotification() {
    let message = {
      // your message data...
    };

    this.fcm.sendPushMessage('MyTopic', message, token => {
      // Callback function
    }, () => {
      // FCM error callback function
    });
  }

  ionViewDidEnter() {
    this.fcm.listenForNotifications((fcmMessage) => {
      // Handle message notification.
    });
  }

  ionViewWillLeave() {
    this.fcm.stopListening();
  }

}

And it's done, it seems like you are almost finish with the full Ionic/Firebase/Wordpress authentication, chat, notification combo.

Here are the features of Trusty, extracted from the provided content:

1. Ionic + Firebase Full Auth: Provides a full authentication process ready to use, allowing users to login/register using popular social networks and email/pass method.
2. Chat: Includes a built-in chat module called Chaty, using Firebase, for real-time notifications and scalability.
3. Notifications: Has a built-in notifications section called Noty, which allows sending notifications to users and displaying them with a nice badge.
4. WordPress Integration: Integrates WordPress login, post listing, and comments. Users can see comments and add their own.
5. Private Posts: Allows displaying private posts only to logged-in users.
6. Password Protected Posts: Requires users to enter a password to access password-protected posts.
7. The Events Calendar Support: Supports the Events Calendar plugin, allowing users to list and view events, share them, and add them to their calendar.
8. Language Translation: The project is ready to be translated into any language.
9. Support: Provides best support to solve any issue, allowing developers to focus on their product.

Note that some of these features are mentioned multiple times in the content, but I have only listed each feature once in the above list.