Building cloud functions with Firebase and Typescript for Flutter applications

Question

Building cloud functions with Firebase and Typescript for Flutter applications

As I work on developing a cloud function to send notifications to users, I encounter the challenge of correctly implementing this feature. In my Task model, a user specifies a task and assigns it to another user by providing their email address. https://i.sstatic.net/8Zcc5.png

Upon adding a task, the system should notify the user specified in the 'Taskgivento' field.

In my user model structure https://i.sstatic.net/S2A7K.png I have a collection of users storing user data, with a subcollection for FCM tokens identified by the token ID.

Below is my cloud function code:

export const sendToDevice = functions.firestore
  .document('Task/{TaskId}')
  .onCreate(async snapshot => {

   const Taskdata=snapshot.data()

   const querySnapshot = await db
      .collection('users')
      .doc('HMPibf2dkdUPyPiDvOE80IpOsgf1')
      .collection('tokens')
      .get();

    const tokens = querySnapshot.docs.map(snap => snap.id);

    const payload: admin.messaging.MessagingPayload = {
      notification: {
        title: 'New Order!',
        body: 'new notification',
        icon: 'your-icon-url',
        click_action: 'FLUTTER_NOTIFICATION_CLICK'
      }
    };

    return fcm.sendToDevice(tokens, payload);
  });

Within the querySnapshot, I aim to retrieve the FCM token from the user model that matches the email specified in the 'Taskgivento' field. Despite manually entering the UID in the model, I strive to dynamically fetch the UID based on the email given for Taskgivento. However, attempts using 'where('email','=','Taskdata.Taskgivento')', similar to Dart syntax, yield errors.

typescript firebase google-cloud-firestore google-cloud-functions

Answer 1

Answer №1

If you want to achieve the desired outcome, follow these steps:

const sendToDevice = functions.firestore
    .document('Task/{TaskId}')
    .onCreate(async snapshot => {

        const Taskdata = snapshot.data()
        const email = Taskdata.Taskgivento;

        const userQuerySnapshot = await db
            .collection('users')
            .where('email', '==', email)
            .get();

        const userDocSnapshot = userQuerySnapshot.docs[0]; // Assuming there is only ONE user with this email
        const userDocRef = userDocSnapshot.ref;

        const tokensQuerySnapshot = await userDocRef.collection('tokens').get();

        const tokens = tokensQuerySnapshot.docs.map(snap => snap.id);

        const payload: admin.messaging.MessagingPayload = {
            notification: {
                title: 'New Order!',
                body: 'new notification',
                icon: 'your-icon-url',
                click_action: 'FLUTTER_NOTIFICATION_CLICK'
            }
        };

        await fcm.sendToDevice(tokens, payload);
        return null;

    });

To successfully implement this, remember to:

Retrieve the user Document using where('email', '==', email) syntax.
Obtain the DocumentReference for this Document and query the tokens subcollection based on this Reference.

Answer 2

If you want to achieve the desired outcome, follow these steps:

const sendToDevice = functions.firestore
    .document('Task/{TaskId}')
    .onCreate(async snapshot => {

        const Taskdata = snapshot.data()
        const email = Taskdata.Taskgivento;

        const userQuerySnapshot = await db
            .collection('users')
            .where('email', '==', email)
            .get();

        const userDocSnapshot = userQuerySnapshot.docs[0]; // Assuming there is only ONE user with this email
        const userDocRef = userDocSnapshot.ref;

        const tokensQuerySnapshot = await userDocRef.collection('tokens').get();

        const tokens = tokensQuerySnapshot.docs.map(snap => snap.id);

        const payload: admin.messaging.MessagingPayload = {
            notification: {
                title: 'New Order!',
                body: 'new notification',
                icon: 'your-icon-url',
                click_action: 'FLUTTER_NOTIFICATION_CLICK'
            }
        };

        await fcm.sendToDevice(tokens, payload);
        return null;

    });

To successfully implement this, remember to:

Retrieve the user Document using where('email', '==', email) syntax.
Obtain the DocumentReference for this Document and query the tokens subcollection based on this Reference.

Building cloud functions with Firebase and Typescript for Flutter applications

Answer №1

Similar questions

Troubleshooting the dependency problem with @config-plugins/react-native-ble-plx

"Utilizing mongoDb's $set and $setOnInsert directives for updating specific fields within nested properties

Unexpected token error due to character sequence disruption from Webpack

Iterating over an object and inserting values into a JavaScript object using the ascending count as the identifier

Utilizing ngx-logger Dependency in Angular 6 for Efficient Unit Testing

Do I need to hash and salt the user data when registering on Firebase?

Tips for changing JSON into a query string in Angular 2

What is the best approach to clearly specify the function type using an existing type?

I am interested in incorporating a delete button within my Angular application

Increasing typed npm module types: a guide

Developing a custom web component using Angular 6

How come my Boolean override in TS is not functioning for types `any` or `unknown`?

Unable to export Interface in Typescript - the specific module does not offer an export named Settings

Angular8 Material Grid displaying headers and tiles, experiencing slight resizing issue with mat-grid-tile content

Creating a responsive class getter with Vue.js 3 using the Composition API: a guide

Is there a more effective method to return a response apart from using a redundant function?

Error: Unable to Locate Module (Typescript with baseUrl Configuration)

How can I incorporate --esModuleInterop into tsconfig instead of using it as a standalone flag?

React.jsx: The type provided is invalid; it should be a string for built-in components or a class/function, but instead, an object or react-native-ui-datepicker was received

Capturing the value from a JSON using the Angular directive [(ng-Model)]