Question

我正在尝试找出使用OneSignal SDK和本机插件在Ionic v3应用程序上设置推送通知的“正确”方法（目前我只关心iOS）。我的目标是使用插件提供的addSubscriptionObserver挂钩设置观察者，并在用户选择通知时使用userId更新我的数据库。我相信我遇到的问题与回调运行的范围有关。我正在尝试访问userService（注入添加了subscriptionObserver的组件），但是当回调运行时我收到以下错误：

2018-04-22 09:59:53.977213-0700 WodaX[2610:692168] Error in Success callbackId: OneSignalPush492317370 : TypeError: undefined is not an object (evaluating 'this.userService.updateUserOneSignalId')

这是我的代码：

initializeApp() {
    this.platform.ready().then(() => {
        this.statusBar.styleDefault();
        this.statusBar.overlaysWebView(false);
        this.keyboard.disableScroll(false);
        this.splashScreen.hide();
        // OneSignal Code start:
        // Enable to debug issues:
        //window["plugins"].OneSignal.setLogLevel({logLevel: 4, visualLevel: 4});

        let notificationOpenedCallback = function(jsonData) {
            console.log('notificationOpenedCallback: ' + JSON.stringify(jsonData));
        };

        let iosSettings = {};
        iosSettings["kOSSettingsKeyAutoPrompt"] = false;
        window["plugins"].OneSignal
            .startInit("[MY_ONE_SIGNAL_APP_ID]")
            .handleNotificationOpened(notificationOpenedCallback)
            .inFocusDisplaying(window["plugins"].OneSignal.OSInFocusDisplayOption.Notification)
            .iOSSettings(iosSettings)
            .endInit();
        window["plugins"].OneSignal.addPermissionObserver(this.handlePermissionChange);
        window["plugins"].OneSignal.addSubscriptionObserver(this.handleSubscriptionChange);
    });
}

openPage(page) {
    this.nav.setRoot(page.component);
}

private handleSubscriptionChange(data: any) {
  console.log(data)
    if (data.to.userSubscriptionSetting && data.to.userId) {
    let userUuid = "testId"
        this.userService.updateUserOneSignalId(userUuid, data.to.userId).subscribe((res) => {
    console.log(res);
        }, (err) => {
    console.log(err);
        });
    }
}

对userService方法的同一调用在另一个组件的getIds回调中起作用，所以我猜这与addSubscriptionObserver方法如何注册回调有关。

这是有效的插件代码：

OneSignal.prototype.addSubscriptionObserver = function(callback) {
  OneSignal._subscriptionObserverList.push(callback);
  var subscriptionCallBackProcessor = function(state) {
    OneSignal._processFunctionList(OneSignal._subscriptionObserverList, state);
  };
  cordova.exec(subscriptionCallBackProcessor, function(){}, "OneSignalPush", "addSubscriptionObserver", []);
}

我很感激任何可能成功解决这个问题的人的见解。目标是能够存储单个OneSignal ID，以便用户可以向其他用户触发通知。我现在可以这样做，但只有在用户接受提示时才这样做。我需要能够在他们选择推送通知时随时执行此操作，即使在拒绝原始提示后也可以从设置中执行此操作。

Answer 1

因此，在使用回调方法调用函数期间，您遇到了非常常见的陷阱处理'this'。通常，如果你看到那些“未定义”类型的错误你想要console.log“this”（console.log（this））来查看“this”所指的范围，然后决定修复。

在你的情况下，我会对handleSubscriptionChange方法使用胖箭头函数赋值：

而不是：handleSubscriptionChange（data：any）=＆gt; {...}
do：handleSubscriptionChange =（data：any）=＆gt; {...}

胖箭头功能不会创建自己的'this'，在这种情况下应解决您的问题。

使用Ionic存储OneSignal ID

1 个答案: