Ce cours a pour but de proposer une introduction, d'une part, au développement de backends en Node/Express et, d'autre part, au développement d'applications mobiles. L'accent sera mis en particulier sur les points suivants :

• une introduction à Node et aux mécanismes asynchrones,
• une introduction à la manière asynchrone de requêter une base SQL,
• une introduction à Express,
• une introduction à Ionic (applis mobiles),
• une introduction aux Progressive Web Applications.

Ce choix de technologies reflète les tendances du moment en termes de weberies, cf. un bref historique des mobiles.

Le module est évalué en contrôle continu intégral sur la base suivante :

• 3 mini-interros
• 1 note de TP concernant Node, Express, mysql, Javascript et Angular
• 1 examen final sur machine

Note finale = 20% examen final + 60% note de TP + 20% mini-interros.

L'objectif des TPs est de continuer le développement du forum initié dans le module de développement d'applications web. En termes d'applications mobiles, il reproduira l'aspect de la capture d'écran ci-dessous :

Ce forum est accessible en démonstration sur l'URL : https://christophe-gonzales.pedaweb.univ-amu.fr/extranet/forum-ionic/fr-FR.

• Séance n°1 : Node et SQL
  • Introduction à Node
  • Les modules en Javascript
  • L'asynchronie
  • Les requêtes SQL
  • Les Promises et les await

• Séance n°2 : Express
  • Le module Http
  • Les opérations CRUD
  • Serveur web avec Express
  • Les routes et routes paramétrées
  • Les posts et leurs données
  • Une « bonne » organisation du code

• Séance n°3 : Les JSON web tokens
  • Introduction aux JSON web tokens (JWT)
  • encodage/décodage/utilisation

• Séance n°4 : TP noté

• Séance n°5 : Introduction à Ionic
  • Création d'un projet
  • Les pages en Ionic
  • Les services, en particulier HTTP
  • Le cycle de vie d'une page (ngOninit, etc.)
  • Le composant

• Séance n°6 : Les composants UI Ionic
  • Les cartes
  • Les back buttons
  • Les alertes

• Séance n°7 : Examen final

• Séance n°7 bonus : Les menus en Ionic
  • Les side menus
  • Comment créer plusieurs side menus
  • Les menus déroulants (popover)

• Séance n°8 bonus : Production et PWA
  • Mise en production d'une appli IONIC
  • Les PWA
  • Installation d'une PWA

• Examen 2020-2021

• Examen 2021-2022

• Examen 2022-2023

• Examen 2023-2024

• Question Node : Node n'arrive pas à se connecter au serveur MySQL.
  Réponse : Vérifiez bien, dans le fichier config.js que vous avez bien spécifié les caractéristiques (host, etc.) de votre serveur MySQL. Le cas échéant, il se peut que votre installation de MySQL ait placé ce serveur sur un port différent du port 3306 (port standard de MySQL). Cela peut arriver avec les installations de *AMP. Regardez donc sur quel port se trouve votre serveur. Rajoutez dans le fichier config.js, après la ligne mysqlPassword:, une ligne :

  mysqlPort: numéro_port,

  et dans le fichier mysqlConnect.js, rajoutez une virgule à la fin de la ligne database: et rajoutez ensuite :

  port: config.mysqlPort