Je transforme vos idées en réalité numérique
Contactez-nousIonic est un framework open-source de développement d'applications mobiles et web multiplateformes, basé sur des technologies web comme HTML, CSS et JavaScript/TypeScript. Il est souvent utilisé avec des framework frontend comme Angular, React, Vue.js pour créer des applications hybrides performantes. Ceci est le contenu de la première colonne. Vous pouvez y mettre du texte, des images, des formulaires ou tout autre élément.
home.ts
import {BrowserModule} from '@angular/platform-browser';
import {ErrorHandler, NgModule} from '@angular/core';
import {IonicApp, IonicErrorHandler, IonicModule} from 'ionic-angular';
import {SplashScreen} from '@ionic-native/splash-screen';
@Component({
selector:'page-home',
templayeUrl:'home.html'
})
export class HomePage{
constructor(public navCtrl:NacControl){
/... Construisez votre code../
}
}
Pour développoer avec le freamework IONIC, nous devons configurer l'Environnement de Travail. Nous avons donc besoin de Node.js qui est la platefofrme d'exécution pour IONIC CLI. Nous allons donc installer Node.js en allant sur le site de Node.js . Node.js fournit un moyen d'exécuter JavaScript sur les ordinateurs de bureau et sur les serveurs. L'installation de node.js permet égalememnt l'installation de l'outil de gestion des paquets npm. Après l'installation de Node.js, nous passerons à l'installation de Ionic CLI et de Apache Cordova avec :
$ npm i g cordova ionic A savoir aussi que l'on peut utiliser Capacitor à la place de Cordova. D'ailleurs,
Capacitor est installé par défaut dans une application Ionic. La seule chaose à faire est de débuter un nouveau projet en fesant :
$ ionic start Pour développer une application IOS avec Ionic vous aurez besoin d'un macOS et de Xcode. Pour développer
une application Ionic pour Android, vous devez installer Android SDK. Vous êtres libre d'utiliser votre IDE favori. L'IDE et éditeur le plus utilisé est
le VS Code.
Pour développer une application android nous pouvosns ajouter la plateforme android en utilisant la commande suivante
$ ionic cordova platform add android Comme nous l'avons dit précedement, pour initier
par exemple une application de listAfaire, il suffit d'utiliser la commande suivante : $ ionic start listAfaire blank
Vous obtiendrez les fichiers principaux suivants :
| app.component.ts | Ce fichier contient les composants de base que votre application va utiliser initialement |
| app.html | Ce fichier déclare les tag HTML initaux de l'application |
| app.module.ts | Ce fichier déclare les modules initiaux, les providers, et les composants d'entrée |
| app.scss | Ce fichier définie les styles de CSS globales |
| main.ts | Ce fichier TypeScript est utilisé pendant le développement pour charger votre application |