Expo react-native 裸工作流使用推送通知

Question

首先，我将非常感谢您的帮助。 我正在尝试使用 expo-bare 工作流来实现 expo 推送通知。当我运行应用程序时，它给了我这样的错误，所以我无法获得令牌。 错误[TypeError: null is not an object (evaluating '_ExponentNotifications.default.getExponentPushTokenAsync')]

这是我的代码：

import { Notifications } from "expo";
import * as Permissions from "expo-permissions";
import Constants from "expo-constants";

export const getToken = async () => {
  if (Constants.isDevice) {
    const { status: existingStatus } = await Permissions.getAsync(Permissions.NOTIFICATIONS);
    let finalStatus = existingStatus;
    if (existingStatus !== "granted") {
      const { status } = await Permissions.askAsync(Permissions.NOTIFICATIONS);
      finalStatus = status;
    }
    if (finalStatus !== "granted") {
      console.log("Failed to get push token for push notification!");
      return;
    }
    token = await Notifications.getExpoPushTokenAsync();
  }
  else {
    console.log("Must use physical device for Push Notifications");
  }
  return token;
};

Answer 1

你需要安装expo通知包：

expo install expo-notifications 也不要忘记将cd 放入ios 文件夹并运行pod install 以正确链接包。

接下来，您需要更改导入和使用通知的方式，例如：

import * as Notifications from 'expo-notifications';

然后要获得博览会令牌，您可以执行以下操作：

Notifications.getExpoPushTokenAsync({experienceId:'@your_username/your_app_slug'})

这将解析为包含您的 expo 令牌的承诺，其对象格式如下：

{"data": "ExponentPushToken[ID]", "type": "expo"}

注意：来自 expo 的通知中的大多数方法支持与 expo-notifications 中的不同。详情请查看here。

Answer 2

为了扩展我的评论，当我参加世博会时，我的设置与您的设置相似，但我退出了。根据their docs，裸工作流有点不同，所以我的设置是这样的：

// at the top:

import * as Notifications from 'expo-notifications';

// --------

// inside the code:

let settings = false

settings = Notifications.getPermissionsAsync()

if (!settings.granted) {
  settings = Notifications.requestPermissionsAsync()
}

if (settings.status === 1 || settings.status === 'granted') {
  const experienceId = '@proj/example' // (see docs on using expo credentials:manager)
  const token = Notifications.getExpoPushTokenAsync({ experienceId })

  const resp = api.sendNotificationToken({ token: token.data })
}