Expo push notification sound and popup doesn't work

Question

I am developing an app with expo and push notification works fine but without sound and it doesn't popup..

Note: it only vibrates but without notification sound.

My client side

 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') {
        alert('Failed to get push token for push notification!');
        return;
      }
      token = await Notifications.getExpoPushTokenAsync();
      console.log(token);
      this.setState({ expoPushToken: token });
    } else {
      alert('Must use physical device for Push Notifications');
    }

    if (Platform.OS === 'android') {
      Notifications.createChannelAndroidAsync('notification-sound-channel', {
        name: 'Notification Sound Channel',
        sound: true,
        priority: 'max',
        vibrate: [0, 250, 250, 250],
      });
    }

My server side is php laravel: https://github.com/Alymosul/exponent-server-sdk-php

$notification = [
    'title' => 'test title',
    'body' => 'test body'
    'channelId' => 'notification-sound-channel',
];

I also tested it with expo Push notifications tool: https://expo.io/notifications and it works the same (vibration without sound or popup)

environment

expo: "^37.0.8",

SDK version: 27,

Testing device android version: 9

Rajat Bhardwaj Rajat Bhardwaj · Accepted Answer · 2020-05-19T21:18:17

I am using it with core PHP and it is working (with sound, vibration and pop-up).

This is m PHP code which is triggering on button click.

    require_once 'vendor/autoload.php';
    $channelName = 'userdId'; // from database
    $recipient= 'ExponentPushToken[lHS_FNBss5OD-XT-rGgRLE]';

    // You can quickly bootup an expo instance
    $expo = \ExponentPhpSDK\Expo::normalSetup();

    // Subscribe the recipient to the server
    $expo->subscribe($channelName, $recipient);

    // Build the notification data
    $notification = ['title' => "Notification Title", 'body' => 'This is a testing notification.', 'channelId' => 'notification-sound-channel',];

    // Notify an interest with a notification
    $expo->notify([$channelName], $notification);

This is my React native code

import React, { useEffect, useState } from "react";
import { StyleSheet, Text, View, Button, Platform } from "react-native";
import { Notifications } from "expo";
import * as Permissions from "expo-permissions";
export default function App() {
  const [expoPushToken, setExpoPushToken] = useState("");
  useEffect(() => {
    this.getPushNotificationPermissions();
  });
  getPushNotificationPermissions = async () => {
    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") {
      return;
    }

    const tok = await Notifications.getExpoPushTokenAsync();
    setExpoPushToken(tok);
  };
  if (Platform.OS === "android") {
    Notifications.createChannelAndroidAsync("notification-sound-channel", {
      name: "Notification Sound Channel",
      sound: true,
      priority: "max",
      vibrate: [0, 250, 250, 250],
    });
  }
  return (
    <View>
      <Text>PHP Notification Testing</Text>
    </View>
  );
}

Expo push notification sound and popup doesn't work

1 Answers