Thunkable FR
  • 👋 Bienvenue dans Thunkable
  • 👶Pour Commencer
    • S'inscrire
    • Votre page de projets Thunkable
    • Tutoriels
    • L'application Thunkable Live
  • 🆕Créer un nouveau projet
    • Modifier les paramètres du projet
    • Actifs et taille des projets
    • Exemples de projets Thunkable
    • Galerie publique des projets
  • 🛠️ Composants
    • 🔘Interface Utilisateur
      • Button (Bouton)
      • Label (Etiquette)
      • Text Input (Saisie de texte)
      • List Viewer (Visionneuse de liste) (relecture en cours)
      • Web Viewer (Visionneuse Web)
      • Switch (commutateur)
      • Slider (curseur)
      • Alert (Alerte)
      • Loading Icon (Chargement de l'icône)
      • Date Input (Saisie de la date)
      • Time Input (Saisie du temps)
      • PDF Reader (Lecteur de PDF)
      • Rating (Classement)
      • 📊Data Viewers (Visualiseurs de données)
        • Data Viewer List (Liste de visualisation de données)
        • Data Viewer Grid (Grille de visualisation des données)
        • Custom Data Viewer Layout (Disposition personnalisée du visualiseur de données)
    • 📐Mise en page
      • Top Tab Navigator (Onglet supérieur Navigateur)
      • Bottom Tab Navigator (Onglet de navigation inférieur)
      • Stack Navigator (Navigateur à pile)
      • Drawer Navigator (Navigateur à tiroir)
      • Screen (Ecran)
      • Row (Ligne)
      • Column (Colonne)
    • 🔊Voix
      • Sound (Son)
      • Audio Recorder (Enregistreur Audio)
      • Text to Speech (Texte au discours)
      • Speech Recognizer (Reconnaissance de discours)
      • Assistant by Dialogflow (Assistant par Dialogflow)
      • Translator by Yandex (Traducteur par Yandex)
    • 📷 Image
      • Image
      • Photo Library (Photothèque)
      • Camera (Appareil photo)
      • Barcode Scanner (Lecteur de codes-barres)
      • Image Recognizer (Reconnaissance d'image)
      • Animation by Lottie (Animation par Lottie)
      • Video (Vidéo)
      • Video Recorder (Enregistreur vidéo)
    • 🗄️ Stockage des Données
      • Local Storage (Stockage local)
      • LocalDB (base de données locale)
      • Airtable
      • Media DB par Cloudinary
      • RealtimeDB par Firebase
      • Web API (API Web)
      • Smart Contract by Oasis (Contrat intelligent par Oasis)
      • Blockchain Wallet by Oasis (Portefeuille Blockchain par Oasis)
    • 🌍Localisation
      • Maps By Google and Apple (Cartes de Google et Apple)
      • Location Sensor (Capteur de localisation)
    • ⏲️ Capteurs
      • Timer
      • Accéléromètre
      • Gyroscope
      • Magnétomètre
      • Bluetooth Low Energie
    • ✉️ Authentification
      • Email Sign In by Firebase (Connexion au courrier électronique par Firebase)
    • 🤝Social
      • Share (Partager)
      • Notifications Push par One Signal
    • 💲Monétisation
      • Ads by Admob (Annonces par AdMob)
    • 🎮Gaming
      • Canvas (toile)
      • Sprites
      • Canvas Label
  • 🤖Blocs
    • Control (Contrôle)
    • Logic (Logique)
    • Math
    • Text (Texte)
    • Lists (Listes)
    • Color (Couleur)
    • Objects (Objets)
    • Device (Appareil)
    • Variables
    • Functions (Fonctions)
    • "Any Component" Blocks (Blocs "Généraliste")
    • Data Sources
    • 🤖🎮Gaming Blocks (en cours)
      • Events (événements)
      • Motion (Mouvement)
      • Looks (Apparence)
      • Direction
      • Sensing (Détection)
      • Add & Remove (Ajouter et Supprimer)
      • Stage (Scène)
      • Canvas Label (Etiquette de la Toile)
  • Post-Developpement
    • 🖥️ Emulateurs et test de l'application (en cours)
    • 🔒Confidentialité des données de l'application
    • 🔗Blockchain & Data Privacy
    • ➕Faire une Copie
    • 📥Téléchargement
    • 📤Partager
    • 📱Publication
      • Publier dans l'App Store (iOS)
      • Publier sur Play Store (Android)
      • Publier en tant qu'application Web (PRO)
    • Générer des captures d'écran
    • 🔎Résolution des problèmes
      • Problèmes de connexion
      • FAQs
    • 📏Introduction à l'espacement
    • 🖼️ Introduction au dimensionnement
    • 🔤Polices
    • 💾Gérer le stockage
    • 📝Bugs et demandes de fonctionnalités
  • Non-Officiel (à faire)
    • Google, Facebook and Github Sign In/Up (à faire)
    • 4 Keys To Designing A Great Mobile App
Powered by GitBook
On this page
  • Vue d'ensemble
  • S'inscrire avec One Signal
  • Configuration d'Android
  • 1. Sélectionnez votre plate-forme
  • 2. Configurez votre plate-forme
  • 3. Sélectionnez votre SDK
  • 4. Installez votre SDK
  • Configuration de l'iOS
  • 1. Sélectionnez la plate-forme
  • 2. Configurer la plate-forme
  • 3. Sélectionnez SDK
  • 4. Installer le SDK

Was this helpful?

  1. 🛠️ Composants
  2. 🤝Social

Notifications Push par One Signal

PreviousShare (Partager)NextMonétisation

Last updated 4 years ago

Was this helpful?

Vue d'ensemble

  • S'inscrire avec One Signal

  • Configuration d'Android

    • Sélectionnez votre plate-forme

    • Configurez votre plate-forme

    • Sélectionnez votre SDK

    • Installez votre SDK

  • Configuration D'iOS

    • Sélectionnez votre plate-forme

    • Configurez votre plate-forme

    • Sélectionnez votre SDK

    • Installez votre SDK

VEUILLEZ NOTER :

À l'heure actuelle, les notifications Push ne peuvent être testées que sur les appareils Android.

Vous pouvez ajouter des Push Notifications aux applications iOS, mais les tests ne peuvent être effectués qu'après la publication d'une application sur l'App Store.

Les notifications push sont l'un des principaux avantages des applications mobiles par rapport aux sites web mobiles, car elles peuvent envoyer des messages aux utilisateurs sans que l'application ne soit ouverte.

Cependant, les notifications ennuyeuses - celles qui sont sans intérêt et trop fréquentes - peuvent être rejetées ou bloquées facilement. Nous recommandons vivement de n'envoyer des notifications que lorsque le contenu est pertinent pour l'utilisateur.

De bons exemples :

Type d'application

Fréquence

Contenu

Commerce électronique

Ventes

Code de coupon

Jeu

Mises à jour de l'application

Essayez ce nouveau niveau

Disponibilité

Ajouter au projet

Test en direct

Télécharger

Publier

Android

Tous les Thunkers

Tous les Thunkers

iOS

Tous les Thunkers

Non disponible

Non disponible

S'inscrire avec One Signal

One Signal est un service gratuit qui prend en charge un nombre illimité de dispositifs et de notifications. Ils gagnent de l'argent en vendant les données de vos utilisateurs à des tiers.

  • Allez sur le site One Signal et créez un compte

Après vous être inscrit, cliquez sur Ajouter une application et entrez le nom de votre application :

Après avoir ajouté votre application, OneSignal vous demandera de sélectionner une plate-forme. Ci-dessous, nous avons créé des guides pour Android et iOS.

À l'heure actuelle, les notifications Push ne peuvent être testées que sur les appareils Android. Vous pouvez ajouter des Push Notifications aux applications iOS, mais les tests ne peuvent être effectués qu'après la publication d'une application sur l'App Store.

Configuration d'Android

La mise en place de notifications push pour Android est relativement simple. Voici un bref aperçu des étapes, suivi d'une présentation plus détaillée.

1. Sélectionnez votre plate-forme

Après avoir ajouté une application et lui avoir donné un nom, sélectionnez l'option Google Android.

2. Configurez votre plate-forme

Pour cette prochaine étape, vous aurez besoin d'un compte Firebase.

Pour savoir comment créer un compte Firebase, veuillez cliquer ici.

Une fois que vous êtes connecté à Firebase, créez un nouveau projet.

Une fois que vous avez créé un nouveau projet, cliquez sur l'icône de l'engrenage à côté de l'aperçu du projet et sélectionnez Paramètres du projet.

Sélectionnez l'option "Cloud Messaging" :

Il y a deux choses que vous devrez copier et coller dans One Signal :

  1. Server Key (Clé du serveur)

  2. Sender ID (Identification de l'expéditeur)

Retournez à la plate-forme One Signal.

Plus tôt, vous devriez avoir sélectionné l'option Android sur One Signal, et votre écran devrait ressembler à ceci :

Copiez et collez les sections Firebase Server Key et Firebase Sender ID dans One Signal.

3. Sélectionnez votre SDK

La dernière chose que vous devez faire dans OneSignal est de choisir votre SDK cible. Sélectionnez Native Android et cliquez sur suivant pour continuer.

4. Installez votre SDK

Copiez le code alphanumérique que OneSignal génère, appelé Your App ID, dans l'image ci-dessous.

Sur Thunkable, glissez et déposez le composant Push Notifications dans votre application.

Sur le côté droit, collez le code de One Signal dans la section Android App ID.

Cliquez sur le bouton Test en direct. Une fois que l'application est sur votre téléphone, retournez à One Signal. Cliquez sur le bouton "Check Subscribed Users".

Si vous testez en direct ou si vous avez téléchargé votre application Android, vous devriez voir un message de félicitations. Cliquez sur "DONE".

Sélectionnez l'option "MESSAGES" et choisissez ensuite "NEW PUSH". Vous pourrez alors créer des notifications "push" et les envoyer aux utilisateurs de votre application.

Configuration de l'iOS

La mise en place des notifications "push" implique quelques étapes de plus sur iOS que sur Android, mais chaque étape est couverte en détail ci-dessous.

1. Sélectionnez la plate-forme

Commencez par créer une nouvelle application. Vous devez le faire même si votre projet Thunkable est destiné à la fois à iOS et à Android.

Ensuite, choisissez Apple iOS comme plateforme.

2. Configurer la plate-forme

OneSignal a fourni une documentation complète sur la manière de trouver votre fichier .p12 de certificat de production ainsi que votre mot de passe de clé privée de production. Les étapes les plus importantes sont décrites ci-dessous.

Pour commencer, ouvrez la page web du provisionneur OneSignal. Cet outil générera pour vous un fichier .p12 et le mot de passe qui l'accompagne.

Suivez les instructions à l'écran. Entrez votre identifiant et votre mot de passe Apple Developer. Ce portail fonctionne également avec 2FA activé. Si vous y êtes invité, entrez votre code 2FA. Choisissez votre équipe et le Bundle ID correspondant et cliquez sur générer.

Vous devez être un administrateur d'équipe pour générer les fichiers

Vous pouvez maintenant télécharger les fichiers .p12, .cer et .pem qui sont générés pour vous.

N'oubliez pas de sauvegarder votre mot de passe dans un endroit sûr.

Cliquez sur Apple iOS

Une fois cette opération terminée, vous pouvez télécharger votre fichier .p12 et saisir le mot de passe dans OneSignal. Cliquez sur Save pour passer à l'étape suivante.

3. Sélectionnez SDK

Cliquez sur Native iOS pour choisir le SDK que vous souhaitez cibler. Cliquez ensuite sur Next pour générer votre App ID.

4. Installer le SDK

Copiez le code alphanumérique intitulé Your App ID et retournez à Thunkable.

Collez votre ID dans le champ IOS_AppID et vous avez presque terminé. Pour pouvoir publier votre application, vous devez créer un profil .mobileprovision. Vous trouverez des détails sur la manière de procéder à la page Publier sur l'App Store.

Lorsque vous êtes prêt à envoyer votre première notification push, sélectionnez l'option "MESSAGES", puis "NEW PUSH". Vous pourrez alors créer des notifications push et les envoyer aux utilisateurs de votre application.

Les notifications push sont une composante . Alors que tous les Thunkers peuvent ajouter des Push Notifications à leurs projets d'applications et les tester en direct dans leurs applications (Android uniquement), seuls les Thunkers PRO peuvent télécharger et publier des applications avec Push Notifications.

uniquement

uniquement

uniquement

One Signal est le leader mondial des notifications "push" et offre son service gratuitement.
Cliquez sur "Google Android" pour mettre en place une application Android.