image

TechnIKO #3 : Comment tester les push iOS simplement ?

image
Équipe iOS
16 juillet 2020

Tester les notifications push sur iOS peut être un exercice très fastidieux :

  • Configurer l’application pour qu’elle accepte les push
  • Créer les certificats de push en conséquence
  • Les uploader sur la plateforme utilisée pour gérer l’envoi des push (par exemple Accengage)
  • Trouver le token de son device et créer un segment avec
  • Configurer la push sur la plateforme
  • Et enfin, tester

Mais depuis Xcode 11.4, tout ça, c’est terminé. Il est maintenant possible, et de manière très simple, de tester les push directement sur un simulateur !

Nous allons voir comment procéder dans cet article.

Configuration du projet

Pour ce faire, nous allons commencer par créer un nouveau projet iOS simple.

Une fois le projet créé, aller dans la classe AppDelegate et ajouter l’import import UserNotifications ainsi que ce code dans la fonction application(_ application:, didFinishLaunchingWithOptions:)

UNUserNotificationCenter.current().requestAuthorization(options: [.alert, .sound, .badge]) { (granted, error) in
     print("Permission granted : (granted)")
 }

Ainsi, au premier lancement de l’application, la pop up de demande de permission pour les notifications s’affichera :

Sélectionnez alors « Allow ».

Création de la notification push

Maintenant que le projet est configuré, passons à la création de la notification push.

Pour l’exemple, je vais créer un fichier notification.apns sur mon bureau.

Le contenu d’une notification push étant du JSON, mon fichier contiendra ceci :

{
   "aps":
   {
     "alert":"Test notification",
     "badge":1,
     "sound":"default"
   }
 }

Envoi de la notification push (méthode #1)

Nous pouvons maintenant tester l’envoi de la notification.

Pour ce faire, il va falloir récupérer l’identifiant de notre simulateur. Rendez-vous dans Xcode, Window → Devices & Simulators. Sélectionnez le simulateur sur lequel vous souhaitez tester la notification et vous trouverez alors son identifiant :

Il vous faudra également vous munir du bundle identifier de votre application.

Vous pourrez alors ouvrir un terminal et lancer cette commande (en remplaçant mon device id et mon bundle id par le votre) :

xcrun simctl push 3FDB58EA-A050-4BCE-B5C0-D422C9EADDDE com.example.Tests notification.apns

Vous devriez alors voir votre notification apparaître :

Envoi de la notification push (méthode #2)

Il existe une méthode encore plus simple pour tester les notifications push sur son simulateur.

Pour ce faire, rajoutez au début du JSON du contenu de votre push cette ligne :

"Simulator Target Bundle" : "<bundle id>"

Votre fichier notification.apns devrait aller ressembler à ceci :

{
  "Simulator Target Bundle" : "com.example.Tests",
  "aps":
  {
    "alert":"Test notification",
    "badge":1,
    "sound":"default"
  }
}

Il vous suffit alors ensuite d’effectuer un drag & drop de votre fichier notification.apns vers votre simulateur et la notification push va apparaître !

Grâce à Xcode 11.4, il est devenu beaucoup plus simple, rapide et moins contraignant de tester les notifications push sur votre application.

Attention toutefois, cette méthode ne remplacera pas les tests de push actuels mais peut faire gagner du temps lors du développement et des tests des deeplinks.

N’hésitez pas à nous contacter si vous souhaitez en savoir plus ou mettre à profit nos compétences pour réaliser votre projet.

image
image
Bérengère Noël
20 octobre 2020
UX design

Comment le design UX permet de transformer le parcours client pour répondre aux nouvelles attentes des consommateurs dans le secteur du m-commerce alimentaire ?

Concevoir des parcours clients percutants pour répondre aux nouvelles attentes des consommateurs Un grand groupe européen dans le domaine du retail alimentaire a fait appel au Studio UX Design d’IKOMOBI afin d’être accompagné dans la conception d’une nouvelle application mobile m-commerce. À l’heure du tout digital, les enseignes redoublent d’efforts pour répondre aux nouvelles attentes […]
image
image
Carl-Stephan Parent
24 septembre 2020
UX design

Transformation digitale, amélioration continue et application mobile

Le précédent numéro d’Ikonnect, la newsletter mensuelle d’Ikomobi, vous a donné l’opportunité de découvrir une nouvelle application mobile conçue et réalisée par les pôles Design UX et Android. Le succès rencontré par cette app, dont la vocation principale est de faciliter la gestion des rayons de magasins, a encouragé la direction de Cora à poursuivre […]
image
image
Carl-Stephan Parent
27 août 2020
IKOMOBI

Une app pour donner un vrai coup de pouce aux collaborateurs et mieux gérer les rayons du magasin. Vous êtes un retailer et vous en rêvez ? Cora et Ikomobi l’ont fait !

Pour faire face aux services popularisés par les géants du e-commerce (on pense à Amazon notamment avec Amazon Fresh ou Prime Now) ou les nouvelles enseignes spécialisées, le magasin traditionnel n’a pas d’autres choix que de se réinventer pour proposer une expérience fortement teintée de digital en phase avec les attentes des consommateurs d’aujourd’hui. Un […]
image
image
Équipe Android
16 juillet 2020
Développement application mobile

Faut-il migrer vers Jetpack / Android X ?

Pour assurer la rétrocompatibilité des applications mobiles avec le système Android, Google s’appuyait sur une bibliothèque de composants intitulée Android Support. La firme de Mountain View invite désormais à migrer les applications mobiles Android vers Jetpack et ses bibliothèques Android X.  Pourquoi faut-il procéder à cette migration dans les meilleurs délais ? À compter de […]
image
image
Équipe iOS
16 juillet 2020
Développement application mobile

TechnIKO #3 : Comment tester les push iOS simplement ?

Tester les notifications push sur iOS peut être un exercice très fastidieux : Configurer l’application pour qu’elle accepte les push Créer les certificats de push en conséquence Les uploader sur la plateforme utilisée pour gérer l’envoi des push (par exemple Accengage) Trouver le token de son device et créer un segment avec Configurer la push […]
image
image
Carl-Stephan Parent
16 juillet 2020
UX design

Le pôle Design UX d’Ikomobi imagine les nouveaux parcours de souscription online pour une enseigne spécialiste du crédit à la consommation

Proposer des parcours clients efficaces pour se distinguer au sein d’un marché très concurrentiel  Le crédit à la consommation est un marché fortement concurrentiel en France et à l’international. Il est constitué des banques de détail traditionnelles, de leurs filiales spécialisées (BNP Paribas Personal Finance, BPCE financement, Franfinance…) et des banques en ligne qui se […]
image
image
IKOMOBI
25 juin 2020
Développement application mobile

Click and collect : Ikomobi conçoit et réalise en un temps record, une application mobile pour l’enseigne de restauration Fée maison

Comme vous le savez, le click and collect (ou retrait sur point de vente) c’est ce nouveau parcours malin qui permet de passer commande depuis un site e-commerce, un e-shop dédié ou bien depuis une application mobile, puis de récupérer ses achats à un créneau horaire donné. L’intérêt suscité par ce nouveau service a été […]
image
image
Jason Dejaégère
25 juin 2020
Développement site web

L’intégration, une phase clé à ne pas négliger pour la bonne réalisation d’un site web RWD

Le processus de réalisation d’un site Internet RWD (Responsive Web Design) obéit à un enchaînement précis de procédures bien connu des professionnels du web. En synthèse, tout commence par la conception des écrans et se termine par la mise en ligne du projet. La procédure d’intégration est une étape moins connue. Elle assure pourtant la […]
image
image
Équipe iOS
23 juin 2020
Développement application mobile

Les 7 points clefs à retenir de la WWDC 2020

Compte tenu des contraintes imposées par la Covid-19, Apple a présenté sa très attendue conférence annuelle dans un format totalement inédit et 100% numérique. L’enseigne de Cupertino a notamment profité de cette nouvelle édition de la Worldwide Developers Conference pour présenter une série de nouveautés pour iOS 14 dont nous vous proposons ci-après une synthèse. […]
image
image
IKOMOBI
4 juin 2020
Développement application mobile . UX design

Ce que nous a enseigné la mise en pratique du neumorphisme en terme d’UX design et de développement lors de la réalisation d’une application mobile Android

La popularité croissante du neumorphisme nous a amené, chez IKOMOBI, à expérimenter son implémentation au sein d’une application Android et le proposer à nos clients. Voici le retour d’expérience de nos pôles d’experts UX Design et Android. Skeuomorphisme : dès l’origine, les UX designers cherchent à rendre l’expérience utilisateur plus intuitive Le Skeuomorphisme est une […]
image
image
Bérengère Noël
28 mai 2020
Développement application mobile . UX design

Marketing #1 Comment augmenter l’engagement de vos clients et de vos utilisateurs grâce aux mécanismes de gamification ?

Dans le domaine du web et des applications mobiles, la gamification, consiste à exploiter des mécanismes issus de l’univers du jeu dans d’autres domaines, comme des applications ou des sites internet. Elle vise à capter l’attention de l’utilisateur dans un processus de récompenses lui donnant envie de continuer et d’y revenir régulièrement. Le jeu et […]