Ecouter-La-Radio.com est un site gratuit permettant… d’écouter la radio ! Développé sous WordPress, le site est couplé à une application mobile React Native créée sur-mesure et permettant l’écoute des radios en mobilité.
Ecouter-La-Radio.com propose plus de 420 radios locales et nationales en streaming gratuit via son site web et son application smartphone.
Quand WordPress accompagne React Native
Créé pour un fidèle client gérant de mesTravaux.com, Ecouter-La-Radio est un projet qui a commencé par le design et le développement d’un site WordPress. Quelques temps après, une application mobile propulsée par React Native a vu le jour pour pouvoir écouter les radios sur smartphones iOS ou Android.
Un site d’annuaires de radios sous WordPress
Vous n’en doutez pas, WordPress est utilisé pour propulser ce site.
Un thème AJAX développé sur-mesure
Pour assurer la continuité de l’écoute des radios en parcourant le site, un thème sur-mesure a été créé et permet le chargement des pages via AJAX. Ainsi, la sidebar contenant le lecteur audio reste toujours présente pendant le parcours de l’utilisateur, le flux audio n’étant pas interrompu.
Une extension WordPress ELR créée pour l’occasion
En plus du thème assurant le front-end du site, toute la logique métier est contenue dans un plugin développé sur-mesure.
Un CRON spécial a été créé afin de lire à intervalles réguliers le flux de radios mis à disposition par le partenaire LesIndés.
Les radios manquantes sont automatiquement créées dans la base WordPress.
La gestion des champs au niveau des radios est facilitée par l’usage de l’extension ACF.
Des routes d’API Rest ont été intégrées afin de répondre aux besoins précis de l’application mobile :
- population de l’application avec les données statiques (listing des genres musicaux, listing des radios mises en avant sur le premier écran d’accueil)
- interrogation de la base WordPress pour rechercher des radios selon un genre musical ou une recherche libre de l’utilisateur
- récupération des détails complets d’une radio
Une app mobile développée avec React Native
Conjointement au site WordPress, l’application React Mobile permet aux utilisateurs de continuer l’écoute des radios sur leur téléphone iOS ou Android.
Elle a été développée par nos soins en utilisant la technologie React Native. Elle propose notamment :
- une mise en avant de radios sélectionnées par l’administrateur via son back-office WordPress
- de parcourir une liste de radios par genre musical
- de rechercher des radios selon des mots-clefs libres
- de voir les détails d’une radio
- de gérer une liste de stations favorites pour les retrouver facilement
Son usage requiert évidemment la communication au site WordPress. Via la librairie axios et une mise en cache dans un stockage local temporaire, l’application mobile interroge l’API Rest du site WordPress pour récupérer les données vitales et les listings des radios demandées par l’utilisateur.