Front-end, Mobile, Outils

Au premier coup d’œil, on pourrait croire à une réponse d’Ionic à React Native, mais cette fois-ci, le framework dédié aux applications mobiles a préféré se tourner vers les PWA. Découvrez cette semaine Capacitor : le nouvel outil open source d’Ionic qui vous propose de créer des NPWA (des PWA en natif).

Qu’est-ce que Capacitor ?

Ionic définit son nouvel outil comme un successeur logique d’Apache Cordova et d’Adobe PhoneGap. Cependant, étant donné qu’il se tourne vers le développement en natif, il est également inspiré de plusieurs frameworks tels que React Native ou encore TurboLinks.

Ce qui différencie Capacitor de ses concurrents, c’est qu’il possède une partie axée sur les applications web. Il est donc possible d’utiliser Capacitor pour développer aussi sur IOS (avec Xcode9) et Android (avec Java 8 JDK).

Installation de Capacitor

Installation simple

Le moyen le plus simple d’installer l’outil est de passer par le gestionnaire de paquets NPM. Vous avez à ce niveau-là deux possibilités :

– Soit vous avez une application existante, dans ce cas tapez la requête suivante dans votre terminal :

cd my-app
npm install –save @capacitor/core @capacitor/cli

– Soit vous créez un nouveau projet, dans ce cas, il faudra taper :

npx @capacitor/cli create

Installation avec Ionic

Pour cette partie relativement simple, il vous suffira de deux étapes :

– Démarrer le projet Ionic :

ionic start myApp tabs
cd myApp

– Installer Capacitor sur votre projet Ionic

npm install –save @capacitor/cli @capacitor/core

Quelles fonctionnalités propose Capacitor ?

Même si Ionic a voulu entièrement moderniser son nouvel outil, il sera quand même possible de bénéficier des plugins Cordova. Ils sont utilisables aussi bien sur IOS, sur Android ou sur les PWA.

Capacitor sera également fourni avec un IDE natif, compatible avec Xcode et Android Studio.

Mais ce qui fait la force de cet outil, ce sont les 20 API qu’il propose, en voici quelques-unes :

– Camera : permet à l’utilisateur de choisir une photo dans son album ou de prendre une photo avec sa caméra native.

– Filesystem : fournit une API de type NodeJS afin de travailler avec des fichiers sur l’appareil

– Haptics : fournit une rétroaction à l’utilisateur par le biais de vibrations par exemple.

– Toast : malgré son nom insolite, cette api permet d’envoyer une notification à l’utilisateur.

 

Partager

Twitter Linkedin

Vous serez peut-être aussi intéressé par :

Crystallize CMS e-commerce

Crystallize, un nouveau type de CMS e-commerce

Que peut apporter Crystallize à un site e-commerce ? En quoi est-il différent des autres CMS ? Dans cet article, nous vous présentons le CMS Crystallize, ses avantages et ses inconvénients dans une utilisation de site web e-commerce.

Créé par deux frères norvégiens Brad et Aleksander Farstad, le CMS e-commerce Crystallize répond aux exigences des CMS actuels, à savoir : avoir la capacité de gérer n’importe quel type de contenu, que ce soit du texte, une image, une vidéo, … indépendamment du support utilisé.

vignete du Blog pour l'article sur les Google Play Policies

Google Play Policies : évolution des règles de mise en ligne des applications android

Google va apporter des mises à jour quant aux consignes de mise en ligne des applications android sur le Google Play Store au cours des prochaines semaines.
Les différentes modifications annoncées concernent aussi bien la façon de noter une application, que le design des icônes à respecter ou bien même l’architecture des applications. C’est au total 6 évolutions différentes qui vont être apportées aux Google Play Policies avant la fin de l’année.
Google a d’ailleurs posté une infographie sur son site dédié aux développeurs android, que vous pouvez trouver ci-dessous, donnant un aperçu des dates de mises en ligne de chaque update.

Utilisez-vous Lighthouse, le générateur d’audit technique de Google ?

Sorti il y a déjà quelque mois, Lighthouse est un outil SEO/technique disponible en tant qu’extension de Google Chrome. Il permet de donner plusieurs informations sur une page, comme le temps de chargement, l’optimisation SEO et bien plus encore. L’utilisez-vous ? Peut-on parler d’un outil complet ?

Centre de préférences de confidentialité

Cookies Fonctionnels

gdpr[allowed_cookies], gdpr[consent_types], wfvt_2000878799, wordfence_verifiedHuman

Advertising

Cookies Satistiques

_ga, _gat, _gid

Cookies externes

PREF, VISITOR_INFO1_LIVE, YSC, GPS, s_gl, CONSENT
CONSENT, 1P_JAR