如何通过Symfony3 Web服务向Ionic应用发送通知？新手求助

Hey there! I get it—setting up push notifications between Symfony 3 and Ionic can feel tricky, especially when bundles don't work out as expected. Let's take a step-by-step, beginner-friendly approach that avoids bundle compatibility headaches and uses FCM's direct API instead.

First, let's get the basics sorted:

• Head to the Firebase Console, create a project, and grab your FCM Server Key (found under Project Settings > Cloud Messaging). This is critical for authenticating your Symfony app with FCM.
• In your Ionic project, set up push notification dependencies:
  • For newer Ionic versions (using Capacitor): Install @capacitor/push-notifications
  • For older Ionic/Cordova setups: Use cordova-plugin-fcm-with-dependency-updated
• Make sure your Ionic app can retrieve the device's FCM token, and build a simple endpoint in Symfony to save this token to your user database (add a fcm_token field to your user table if you haven't already).

Instead of relying on potentially outdated bundles, we'll use Guzzle to send direct HTTP requests to FCM's API—it's easier to debug and more reliable for Symfony 3.

Install Guzzle #

Symfony 3 works best with Guzzle 6, so run this command:

composer require guzzlehttp/guzzle:~6.0

Create a Notification Service #

Make a new service file at src/AppBundle/Service/NotificationService.php:

<?php

namespace AppBundle\Service;

use GuzzleHttp\Client;

class NotificationService
{
    private $fcmServerKey;

    public function __construct($fcmServerKey)
    {
        $this->fcmServerKey = $fcmServerKey;
    }

    public function sendPushNotification($token, $title, $body, $customData = [])
    {
        $client = new Client();
        $fcmUrl = 'https://fcm.googleapis.com/fcm/send';

        // Build the FCM payload
        $payload = [
            'to' => $token,
            'notification' => [
                'title' => $title,
                'body' => $body,
                'sound' => 'default'
            ],
            'data' => $customData // Add custom data like order IDs or deep links here
        ];

        try {
            $response = $client->post($fcmUrl, [
                'headers' => [
                    'Authorization' => 'key=' . $this->fcmServerKey,
                    'Content-Type' => 'application/json'
                ],
                'json' => $payload
            ]);

            return json_decode($response->getBody()->getContents(), true);
        } catch (\Exception $e) {
            // Log errors with Monolog (if you have it set up) or use error_log
            error_log('FCM Push Failed: ' . $e->getMessage());
            return false;
        }
    }
}

Register the Service #

Add this to app/config/services.yml:

services:
    app.notification_service:
        class: AppBundle\Service\NotificationService
        arguments: ['%fcm_server_key%']

Add Your FCM Key to Parameters #

Update app/config/parameters.yml:

parameters:
    # Your existing parameters...
    fcm_server_key: 'YOUR_FCM_SERVER_KEY_HERE'

Use a controller to call the service when you need to send a notification (e.g., after an order is created):

<?php

namespace AppBundle\Controller;

use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Sensio\Bundle\FrameworkExtraBundle\Configuration\Route;
use Symfony\Component\HttpFoundation\JsonResponse;

class NotificationController extends Controller
{
    /**
     * @Route("/send-test-notification", name="send_test_notification")
     */
    public function sendTestNotificationAction()
    {
        // Replace this with a real token from your user database
        $userFcmToken = 'USER_DEVICE_FCM_TOKEN';
        
        $notificationService = $this->get('app.notification_service');
        $result = $notificationService->sendPushNotification(
            $userFcmToken,
            'Hello from Symfony!',
            'This is your first push notification.',
            ['order_id' => 123] // Example custom data
        );

        if ($result) {
            return new JsonResponse(['status' => 'success', 'fcm_response' => $result]);
        } else {
            return new JsonResponse(['status' => 'error', 'message' => 'Push notification failed']);
        }
    }
}

Here's a quick example using Capacitor (adjust for Cordova if needed):

import { PushNotifications } from '@capacitor/push-notifications';

async function setupPushNotifications() {
    // Request notification permissions
    const permStatus = await PushNotifications.requestPermissions();
    if (permStatus.receive !== 'granted') {
        throw new Error('Notification permissions not granted');
    }

    // Register for push notifications
    PushNotifications.register();

    // Capture the FCM token and send it to Symfony
    PushNotifications.addListener('registration', (token) => {
        console.log('FCM Token:', token.value);
        // Send token to your Symfony backend to save it
        fetch('https://your-symfony-domain.com/save-fcm-token', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ token: token.value, user_id: 'CURRENT_USER_ID' })
        });
    });

    // Handle incoming notifications
    PushNotifications.addListener('pushNotificationReceived', (notification) => {
        console.log('Received Notification:', notification);
        // Show a native alert or update your app UI here
    });
}

// Call this function when your Ionic app initializes
setupPushNotifications();

• Invalid Server Key: Double-check you're using the FCM Server Key (not the Web API Key)—the latter doesn't have permission to send push notifications.
• Expired/Invalid Token: FCM tokens can refresh, so make sure your Ionic app sends the latest token to Symfony whenever it changes.
• Symfony Can't Reach FCM: Verify your server allows outgoing requests to https://fcm.googleapis.com (check firewalls or security groups).
• Notifications Not Showing: Ensure your Ionic app has notification permissions enabled, and for iOS, make sure you've configured remote notifications in your Apple Developer account.

内容的提问来源于stack exchange，提问作者oumeima