Notifo applicationServerKey Custom Component

Hello Sebastian,

I am finishing a custom component that integrates with Notifo and I wanted to use web push notifications however I don’t know what should be the applicationServerKey.
I tried to look into you component but I didn’t figured out from where the applicationServerKey comes.

Best regards,
Henrique Melo

It is the publicKey:

But I would just use the SDK, you can use webpush, even if you do not use the predefined UI components.

I am using Blazor and I am trying to re-write the most in c#.

I saw that you have this method
export async function apiPostWebPush(config: SDKConfig, subscription: PushSubscription) {
const url = combineUrl(config.apiUrl, ‘api/me/webpush’);

const response = await fetch(url, {
    method: 'POST',
    headers: {
        'Content-Type': 'text/json',
    body: JSON.stringify({ subscription }),

if (!response.ok) {
    throw new Error(`Request failed with ${response.status}`);

This function is handling the registration of the subscription in Notifo.

When I started the component development I mapped a few properties that I thought I would need but I didn’t came across the publicKey, witch enpoint retrives the pulicKey?

I am not sure, if this makes that much sense. Why do you want to have blazor in the service worker?

Good question, I will have a look.

EDIT: You have to call api/web/register, then you get the publicKey back.

1 Like

I was trying to request the “api/me/webpush” endpoint

However I keep getting the same error:

Edit: The Keys field was me inventing :grimacing:

I was guiding myself with the TypeScript code.

I think keys comes directly from the browser subscription:

But I guess when you use blazor and you take care about the serialization yourself, you have to get the keys from the blazor subscription object.

I was logging the subscription object and there was nothing there but I will search about it. I didn’t knew that it was from the subscription.