Aller au contenu
WebViewGold Du vibe coding à l'App Store
Français
Obtenir WebViewGold

GitHub Spark + notifications push

Des notifications push pour votre app GitHub Spark

Sur iOS, le web push du navigateur ne fonctionne que pour les web apps ajoutées à l'écran d'accueil, et la plupart des utilisateurs ne le voient jamais. Devenue une app native grâce à WebViewGold, votre app GitHub Spark profite du vrai push : des notifications système sur iOS et Android, envoyées depuis votre backend, depuis un tableau de bord ou planifiées par votre propre JavaScript.

Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.

  • Garantie d'approbation – ou remboursement sous 14 jours
  • Aucun codage requis
  • Paiement unique, mises à jour gratuites
  • Support humain 24/7
  • Conçu en Allemagne depuis 2014 · ISO 27001

Trois façons de notifier vos utilisateurs

Push à distance (OneSignal, Pushwoosh ou Firebase)

Envoyez des campagnes depuis un tableau de bord ou déclenchez des messages depuis Stockage clé-valeur Spark pour les anciens sparks, ou votre propre base de données et votre fournisseur IA après l'export via leur API REST. Segmentez vos utilisateurs, planifiez les envois, suivez les ouvertures. WebViewGold intègre ces services d'origine : vous collez simplement vos identifiants d'app dans Config.swift et Config.java (ou dans le Cloud Builder).

Push locales depuis JavaScript

Planifiez une notification depuis GitHub Spark avec un simple appel d'URL, par exemple un rappel dans deux heures ou une relance de panier abandonné. Elle s'affiche même après la fermeture de l'app. Aucun service push nécessaire.

L'autorisation au bon moment

Déclenchez la boîte de dialogue d'autorisation du système depuis un lien (registerpush://) au moment où l'utilisateur a une raison d'accepter, plutôt qu'au premier lancement, et lisez l'état de l'autorisation avec checkNativePushPermissions:// (variable JavaScript nativePushEnabled).

Prompt pour GitHub Spark

Collez ceci dans GitHub Spark pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.

Prompt pour votre agent de code (spark exporté)
Ce dépôt est une app GitHub Spark exportée qui tourne désormais sur mon propre hébergement. Ajoutez des fonctionnalités push pour le wrapper d'app natif WebViewGold. Créez une vue de réglages Notifications avec un bouton « Activer les notifications » qui navigue vers registerpush:// uniquement si navigator.userAgent contient mon token WebViewGold personnalisé ; dans un navigateur normal, affichez le texte « Les notifications sont disponibles dans l'app ». Après la connexion, lisez la variable globale onesignalplayerid (mettez une fois window.location.href sur getonesignalplayerid:// si elle est undefined) et envoyez-la en POST à une route d'enregistrement qui stocke player_id, user_id et platform dans notre base de données, et non dans useKV. Ajoutez une fonction serverless send-push qui appelle l'API REST de OneSignal avec ONESIGNAL_REST_API_KEY lu depuis l'environnement. Ajoutez un bouton « Me le rappeler » qui planifie une notification locale en naviguant vers sendlocalpushmsg://push.send?s=SECONDS=msg!MESSAGE&!#TITLE&!#URL avec le délai choisi, et un bouton « Annuler tous les rappels » qui navigue vers sendlocalpushmsg://push.send.cancel.

Je suis très content d'avoir acheté cette application ! Extrêmement facile et excellente documentation. J'ai été en contact avec le service client, ils ont répondu très rapidement et très amicalement. Ils ont résolu ma question en un jour. 10/10 recommanderaient.

Nelis Geiger · CodeCanyon

Configurer le push pour GitHub Spark

Environ 20 minutes pour les deux plateformes.

  1. Créez une app OneSignal (ou Pushwoosh) gratuite

    Ajoutez une app iOS avec votre clé push Apple (fichier .p8 du portail Apple Developer) et une app Android avec vos identifiants Firebase Cloud Messaging. Les deux tableaux de bord vous guident pas à pas.

  2. Collez les identifiants dans WebViewGold

    Activez l'option push dans Config.swift et Config.java (ou dans le formulaire du Cloud Builder) et saisissez votre OneSignal App ID. Choisissez si l'autorisation est demandée au premier lancement ou plus tard via registerpush://.

  3. Identifiez les utilisateurs dans GitHub Spark

    WebViewGold met l'identifiant d'abonnement push à disposition de votre app web dans une variable JavaScript (onesignalplayerid après un appel à getonesignalplayerid://) ou l'ajoute à votre URL sous la forme ?onesignal_push_id=…. Enregistrez-le avec l'utilisateur dans Stockage clé-valeur Spark pour les anciens sparks, ou votre propre base de données et votre fournisseur IA après l'export pour pouvoir cibler chaque utilisateur individuellement.

  4. Envoyez depuis votre backend

    Appelez l'API REST de OneSignal depuis Stockage clé-valeur Spark pour les anciens sparks, ou votre propre base de données et votre fournisseur IA après l'export à chaque événement : nouveau message, mise à jour de commande, rappel. Ou envoyez des campagnes manuellement depuis le tableau de bord.

  5. Ajoutez un deep link à la notification

    Joignez un champ url à chaque push ; WebViewGold ouvre cette page dans l'app quand l'utilisateur touche la notification.

Push locale : l'appel JavaScript

Aucun service push nécessaire. Depuis votre app GitHub Spark, planifiez une notification qui s'affiche même une fois l'app fermée :

javascript
var title = "Votre session commence bientôt";
var message = "Touchez pour ouvrir votre tableau de bord.";
var seconds = 7200;                        // dans deux heures
var url = "https://yourapp.com/dashboard"; // ouverte au toucher
window.location.href = "sendlocalpushmsg://push.send?s=" + seconds + "=msg!" + message + "&!#" + title + "&!#" + url;

// annuler tout ce qui est planifié
// window.location.href = "sendlocalpushmsg://push.send.cancel";

Ce qu'il faut demander à GitHub Spark

  • Ajoutez un écran de réglages des notifications avec un bouton « Activer les notifications » qui navigue vers registerpush:// uniquement dans l'app (WebViewGold s'identifie par un user agent personnalisé que vous définissez dans la configuration).
  • Lisez l'identifiant d'abonnement push fourni par WebViewGold et enregistrez-le sur le profil utilisateur dans Stockage clé-valeur Spark pour les anciens sparks, ou votre propre base de données et votre fournisseur IA après l'export.
  • Créez une fonction backend qui appelle l'API REST de OneSignal avec l'identifiant d'abonnement de l'utilisateur quand un événement se produit.
  • Ajoutez un paramètre ?utm_source=push aux URL des notifications pour que vos statistiques attribuent correctement les ouvertures.

Questions fréquentes

Le web push de GitHub Spark fonctionne-t-il dans l'app ?

Le web push du navigateur (basé sur un service worker) n'est pas ce que les stores et les utilisateurs attendent d'une app. WebViewGold utilise des notifications natives APNs et FCM, qui apparaissent dans le centre de notifications du système, gèrent les badges et les sons, et fonctionnent sur tous les iPhone.

OneSignal est-il gratuit ?

OneSignal propose une offre gratuite qui suffit à la plupart des nouvelles apps ; Pushwoosh offre deux mois gratuits aux clients WebViewGold. Les notifications push locales sont gratuites et ne nécessitent aucun service.

Les notifications push aident-elles lors de la validation App Store ?

Oui. La guideline 4.2 exige des fonctionnalités qui vont au-delà d'un site web ; les notifications push natives sont une fonctionnalité native concrète, visible par l'utilisateur.

Puis-je envoyer un push à un utilisateur précis ?

Oui. Associez l'identifiant d'abonnement exposé par WebViewGold à la fiche de l'utilisateur dans Stockage clé-valeur Spark pour les anciens sparks, ou votre propre base de données et votre fournisseur IA après l'export et ciblez cet identifiant via l'API OneSignal.

Trois façons de mettre votre app dans les stores

Même résultat, charge de travail différente de votre côté. Les trois formules incluent la garantie d'approbation et le support humain 24/7.

Faites-le vous-même

$109 par plateforme, paiement unique

La licence WebViewGold : un projet Xcode ou Android Studio prêt à l'emploi. Collez votre URL, définissez le nom et l'icône, activez les fonctionnalités, compilez et soumettez. Mises à jour gratuites à vie.

Voir les offres sur la page principale

Full Service

$698 par plateforme $798

Envoyez-nous votre URL et votre icône. Notre équipe configure, compile et livre votre app sous 72 heures, en marque blanche, projets sources inclus. Les deux plateformes pour $1,158.

Détails du Full Service Propulsé par WeSetupYourWebViewApp

Prix Soldes d'hiver valables jusqu'au 31 décembre 2026.

Prêt à publier votre app GitHub Spark ?

Garantie d'approbation App Store & Google Play – ou remboursement sous 14 jours

Vous préférez déléguer ? Full Service : nous configurons, compilons et livrons sous 72 heures, dès $698 par plateforme. Des questions ? Chattez avec nous 24/7.

Les remboursements sont accordés aux conditions indiquées dans notre FAQ : un refus non lié au contenu par Apple et/ou Google, demandé dans les 14 jours suivant l'achat.