Application hybride Qu'est-ce que c'est - Guide rapide étape par étape

Vous souhaitez créer une application, mais le budget est serré et la date limite est hier. Quelqu'un vous a dit : "Faites un hybride !". Mais qu’est-ce que cela signifie en pratique ?

Ceci est le Guide rapide pour comprendre, décider et se lancer dans le monde des applications hybrides. Sans tourner autour du pot.

Qu'est-ce que c'est?

Une application hybride est une application que vous programmez une seule fois et qui fonctionne sur iPhone (iOS) et Android. C'est comme parler anglais : vous apprenez une langue et pouvez communiquer aux États-Unis, en Angleterre et en Australie. En développement natif, vous devrez apprendre « iOnes » et « Androideiro » séparément.

Les 3 principales technologies (les « Big Three »)

Si vous envisagez de faire un hybride aujourd'hui, choisissez-en un. Ignorez le reste.

React Native (Méta/Facebook) :
- Langage : JavaScript / TypeScript.
- En l'état : utilise des composants natifs. Le bouton que vous voyez est le véritable bouton du téléphone portable.
- Qui l'utilise : Instagram, Uber, Airbnb.
- Verdict : Meilleur choix si vous connaissez déjà le développement Web.
Flutter (Google) :
- Langue : Dart.
- Tel quel : dessine l'écran pixel par pixel (comme un jeu).
- Qui l'utilise : Google Pay, Nubank, BMW.
- Verdict : meilleures performances visuelles et cohérence entre les plates-formes. Courbe d'apprentissage légèrement plus élevée (nouvelle langue).
Ionique/Condensateur :
- Langage : HTML, CSS, JS (Pure Web).
- Comment c'est : exécute un site Web dans un "shell" d'application.
- Verdict : Le plus rapide à développer, mais peut avoir des performances inférieures sur les téléphones portables plus anciens. Idéal pour les applications internes d’entreprise.

Étape par étape pour commencer (Hello World)

Supposons que vous ayez choisi React Native (le plus populaire).

Étape 1 : Installation

Vous devez installer Node.js sur votre ordinateur. Ouvrez le terminal et tapez : npx create-expo-app MeuPrimeiroApp

(Nous utilisons Expo, qui est un outil qui facilite grandement la configuration initiale).

Étape 2 : Exécuter l'application

Entrez le dossier : cd MeuPrimeiroApp Tourner : npx expo start

Un QR Code apparaîtra à l'écran.

Étape 3 : Visualisation sur téléphone portable

Téléchargez l'application « Expo Go » depuis l'App Store ou le Play Store sur votre téléphone portable. Scannez le QRCode. Prêt! L'application fonctionne sur votre téléphone portable. 🪄

Étape 4 : Modification

Ouvrez le fichier App.js dans votre éditeur de code (VS Code). Remplacez le texte « Ouvrez App.js » par « Bonjour le monde hybride ! ». Sauvegarder. Regardez le téléphone portable. Le texte a changé instantanément (Fast Refresh).

Avantages de l'Hybride (Le "Cat's Jump")

Coût : vous payez 1 développeur au lieu de 2.
Maintenance : Avez-vous changé la couleur de la marque ? Modifiez une ligne de code, reflétée dans les deux applications.
Mise à jour Over-the-Air (OTA) : avec des outils comme CodePush, vous pouvez mettre à jour l'application hybride sans que l'utilisateur ait à se rendre au magasin pour télécharger la mise à jour (pour les petits correctifs).

Conclusion

Le développement hybride a démocratisé la création d’applications. Aujourd’hui, une startup composée de deux personnes peut rivaliser avec les grandes entreprises en proposant des applications de haute qualité à tous les utilisateurs.

Téléchargez Expo ou Flutter aujourd'hui et créez votre premier "Hello World". L’avenir est hybride.