Related questions

How to send push notification from one user to another in Ionic?

2018-10-19 20:29 Saurabh Agarwal imported from Stackoverflow

I want to send push notification from one user to another in my Ionic application. Suppose, User1 likes a pic of User2 then User2 will receive "User1 liked your pic" notification. How can I achieve this using FCM, OneSignal or other?

See also questions close to this topic

  • How to add scope for additional details of GitHub (Sign In) user in firebase

    I've implemented GitHub login for my app using firebase. I'm able to get email, UID and other details for logged in user. But the DisplayName is empty.

    Can anyone let me know how to get the displayName from GitHub.

    Thanks in advance...

  • "Inconclusive error : Why Always getting results firebase-test-lab?"

    I have uploaded my .zip in Test Lab fire base for XCTest but application return results always Inconclusive.

  • invalid Firebase binding source when trying to use readyCallback with vuefire

    This is my first time using Vuefire. I want to render some data after the data is loaded using db.ref('page_data'). In the docs, I have read that you can use a function inside of firebase: {} to have a callback when its ready called readyCallback: function(){}

    but for some weird reason when I use this firebase throws an error:

    invalid Firebase binding source

    My <script> tag looks like this

    import { db } from "./firebase"

export default {
    name: 'App',
    firebase: { 
      data: db.ref('page_data'),
      readyCallback: function(){
        console.log("Ready!")
      }
    },
    data(){
        return{
            data: ui_data,
        }
    }
}

    If i remove readyCallback no errors are shown, but the problem is that if i try to render the data before the request is finished the vue app errors out on me.

  • Ionic api not works properly

    Can anyone tell why Api not working on real device? I am using .subscribe() or .pipe() to get or post api's .. It works fine in browser, many people asking the same question on the internet but i dont find the best answer... Anyone? Knows the solution

  • ionic 4 deal with modal when users click phone back button

    What should happen when users click over back button of phone? In case when modal opens.

    Registered a back button:

    // To prevent interference with ionic's own backbutton handling
// you can subscribe with a low priority instead
this.platform.backButton.subscribe(() => {
  // code that is executed when the user pressed the back button
  // and ionic doesn't already know what to do (close modals etc...)
  self.modalController.dismiss();
});

    The problem with the code:

    • It closes/dismiss modal is fine!

    • But it also pushed back the page from where the modal is opened. Means it pop the page behind modal.

    This should not happen the page should not pop - only modal should close.

    Check the image gif added -> Click here to see the problem

  • I have an error when executing ionic serve -o

    When i execute ionic serve, it shows the following error:

    Refused to load the image 'http://localhost:8100/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback

    localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)

    How can i solve this?

  • Ionic not importing ngx-mathjax module

    I'm trying to install Mathjax in an ionic app using ngx-mathjax ( https://www.npmjs.com/package/ngx-mathjax )

    I imported the module in app.module.ts and pasted the config method as shown. I added tags in the component I want to use Mathjax in, but the "import MathJaxModule" line is failing.

    The given import statement fails with runtime error: "Cannot find module "./src/app/math-jax/math-jax.module". VSCode underlines it in red actually.

    I've tried a few different paths:

    'ngx-mathjax/src/app/math-jax/math-jax.module';

    '../../node_modules/ngx-mathjax/src/app/math-jax/math-jax.module';

    and I get the same error just with the paths changed. I'm not sure if the package has problems or I'm just an idiot. I'm assuming the latter.

    Here's the relevant code from my app.module.ts file:

    import {MathJaxModule} from './src/app/math-jax/math-jax.module';


@NgModule({
  imports: [
    MathJaxModule.config({
      version: '2.7.5',
      config: 'TeX-AMS_HTML',
      hostname: 'cdnjs.cloudflare.com'
    })
  ],
  declarations: [
    MyApp,
    HeaderComponent,
    ...pages,
  ],
  entryComponents: [
    MyApp,
    ...pages,
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    CourseService,
    StorageService,
    AppRate
  ],
  bootstrap: [IonicApp]
})
export class AppModule {}

    Here's my HTML

    
  <div mathjax>
$$
f\\left(-2\\right)
$$
</div>

    Any help with the issue would be appreciated. Thanks!

  • Not able to unsubscribe observables in ionic 3 app

    I am using ionic 3 for my app,i am using cordova-plugin-network-information for internet connection detection event in android device, i am able to subscribe it, but not able to unsubscribe it.

    I have tried rxjs, Subscription to unsubscribe from the observables, but didnt get expected result.

    following is my code :

    import {Subscription } from 'rxjs/Subscription';

private _netConnection : Subscription = new Subscription();

_netConnection = this.network.onConnect().subscribe(()=>{
          alert("connected");
})

_netConnection.unsubscribe();

    But the enter code hereabove _netConnection.unsubscribe() is not working, as i am still getting the alert when connection is available.

  • How to fix NPM errors for ionic/barcode

    My Ionic app is still version 3, and I need to use the barcode scanner, yet after installing it I receive npm errors about upgrading rxjs.

    I upgraded rxjs and then received a ton of errors from the other dependencies saying I need a lower version of rxjs. So I upgraded all of the dependencies and that caused a new level of dependency errors. So I reverted to the older versions.

    notice how these conflict with each other? One is asking for rxjs 6.3.0 and the other is asking for 5.4.3. I have ^5.5.11 installed.

    npm WARN @ionic-native/barcode-scanner@5.6.0 requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN @ionic-native/barcode-scanner@5.6.0 requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN ionic-angular@3.7.0 requires a peer of rxjs@5.4.3 but none is installed. You must install peer dependencies yourself.

    Wondering if I just need an older version of the barcode scanner plugin? if so, how do I go about doing that?

  • onesignal doesn't recognize special accent charcaters

    my function sends notifications via OneSignal to my android device; everything works well except i get unknown charcter � instead of special accent characters (é,è,à....) in my notification. This is my code:

        public Notification saveNotification(Device device, String matricule, Notification notification) {
        HttpHeaders headers = new HttpHeaders();
        headers.set("Authorization", "Basic " + onesignalToken);
        headers.setContentType(MediaType.APPLICATION_JSON);
        String body = "{" +
                "  \"app_id\": \"_APP_ID_\"," +
                "  \"include_player_ids\": [\"_INCLUDE_PLAYER_IDS_\"]," +
                "  \"data\": { " +
                "  \"id\": _DATA_ID_, " +
                "  \"idTarget\": _DATA_IDTARGET_," +
                "  \"enumPage\": _DATA_ENUMPAGE_, " +
                "  \"titre\": \"_DATA_TITLE_\", " +
                "  \"description\": \"_DATA_DESCRIPTION_\", " +
                "  \"unread\": _DATA_UNREAD_, " +
                "  \"createAt\": \"_DATA_CREATEAT_\"}," +
                "  \"headings\": {" +
                "  \"en\": \"_DATA_TITLE_\"," +
                "  \"fr\": \"_DATA_TITLE_\"" +
                "  }," +
                "  \"contents\": {" +
                "  \"en\": \"_DATA_DESCRIPTION_\"," +
                "  \"fr\": \"_DATA_DESCRIPTION_\"" +
                "  }" +
                "}";

        body = body.replace("_APP_ID_", onesignalAppId);

        body = StringUtils.replaceEach(body,
                new String[]{"_APP_ID_", "_INCLUDE_PLAYER_IDS_", "_DATA_ID_", "_DATA_IDTARGET_", "_DATA_ENUMPAGE_",
                        "_DATA_TITLE_", "_DATA_DESCRIPTION_", "_DATA_UNREAD_", "_DATA_CREATEAT_"},
                new String[]{onesignalAppId, device.getOnesignalid(), notification.getId().toString(), notification.getIdTarget().toString(), "" + notification.getEnumPage().ordinal(),
                        notification.getTitle(), notification.getDescription(), notification.isUnread().toString(), notification.getCreatedAt().toString()
                });

        HttpEntity<String> entity = new HttpEntity<>(body, headers);
        String answer = restTemplate.postForObject(onesignalUrl, entity, String.class);
        System.out.println(answer);

        return notification;
    }

    Any suggestions?

  • How to use OneSignal notification buttons in Flutter

    I am using OneSignal API for sending and receiving notifications with my Flutter app. And I don't know how to use the buttons that can be added to the notification to open my flutter app to a specific screen.

    My use case of the API is to create a notification template that has a button on it and send it to my users. But I don't know how to set a listener on that button that will open my flutter app.

    I am using onesignal-node package for my node server.

    let firstNotification = new OneSignal.Notification({
            template_id: "727f42a8-0b45-470e-ac9e-908f64af44ba",
            include_external_user_ids: [_id]
        });

        myClient.sendNotification(firstNotification, function (err, httpResponse, data) {
            if (err) {
                return res.status(500).send(err);
            } else {
                console.log(data, httpResponse.statusCode);
                return res.status(200).send("Notification sent to " + user);
            }
        });
  • Why firebase is needed for android notifications along with third party notifications provider such as OneSignal, Pubnub & pusher?

    I'm working on react native push notifications. i'm looking for some answers before i make a purchase to any third party notification provider

    1. Why do third party notifications providers such as OneSignal, Pusher & PubNub are based on Firebase Cloud Messaging?
    2. Can't they send notifications independently without relying on Firebase. why pay more to third party providers when FCM does the work for free?