Français

Bases de C++

Programmation orientée objet en C++

C++ Avancé

Programmation Web C++ : Guide Ultime pour les Débutants

Bonjour à tous les développeurs web en herbe ! Je suis ravi de vous accompagner dans ce fascinant voyage dans le monde de la programmation Web C++. Ayant enseigné l'informatique pendant plus d'une décennie, je peux vous assurer que même si cela peut sembler intimidant au début, avec de la patience et de la pratique, vous créerez des applications web dynamiques en un rien de temps. Alors, plongeons-y !

C++ Web Programming

Qu'est-ce que CGI ?

Avant de commencer à coder, comprenons ce qu'est le CGI. CGI signifie Common Gateway Interface, c'est un interprète entre votre serveur web et les programmes qui génèrent du contenu dynamique. Imaginez le CGI comme un中介 amical qui prend les demandes des utilisateurs web, les transmet à vos programmes C++, puis renvoie les résultats aux navigateurs des utilisateurs.

Navigation sur le Web

Pour apprécier le CGI, nous devons comprendre comment fonctionne la navigation sur le Web. Voici ce qui se passe lorsque vous tapez une URL dans votre navigateur :

  1. Votre navigateur envoie une demande au serveur web.
  2. Le serveur web traite cette demande.
  3. S'il s'agit d'une page statique, le serveur l'envoie directement.
  4. S'il s'agit de contenu dynamique, le CGI entre en jeu.
  5. Le CGI exécute le programme approprié (dans notre cas, des programmes C++).
  6. Le programme génère le contenu.
  7. Le CGI envoie ce contenu retour au serveur.
  8. Le serveur livre le contenu à votre navigateur.

Diagramme d'Architecture CGI

Visualisons ce processus avec un simple diagramme :

[Navigateur de l'Utilisateur] <--> [Serveur Web] <--> [CGI] <--> [Programme C++]

Ce diagramme montre comment votre programme C++ interagit avec le web via le CGI.

Configuration du Serveur Web

Avant d'écrire notre premier programme CGI, nous devons configurer notre serveur web. La plupart des serveurs web comme Apache ou Nginx ont des modules CGI. Vous devrez activer ces modules et configurer un répertoire pour vos scripts CGI. Par exemple, dans Apache, vous pourriez ajouter ceci à votre configuration :

ScriptAlias /cgi-bin/ /var/www/cgi-bin/
<Directory "/var/www/cgi-bin">
AllowOverride None
Options +ExecCGI
Require all granted
</Directory>

Cela indique à Apache de traiter les fichiers situés dans /var/www/cgi-bin/ comme des scripts CGI.

Premier Programme CGI

Maintenant, écrivons notre premier programme CGI en C++. Nous commencerons par un simple exemple "Hello, World!" :

#include <iostream>
using namespace std;

int main() {
cout << "Content-type:text/html\r\n\r\n";
cout << "<html>\n";
cout << "<head>\n";
cout << "<title>Hello World - Premier Programme CGI</title>\n";
cout << "</head>\n";
cout << "<body>\n";
cout << "<h2>Hello World! C'est mon premier programme CGI</h2>\n";
cout << "</body>\n";
cout << "</html>\n";
return 0;
}

Voici le détail :

  1. Nous incluons la bibliothèque iostream pour les opérations d'entrée/sortie.
  2. La ligne Content-type est cruciale - elle indique au navigateur quel type de contenu attendre.
  3. Nous sortons du code HTML, tout comme nous le ferions dans un fichier HTML statique.
  4. Les caractères \n assurent des sauts de ligne corrects dans la sortie.

En-tête HTTP

Dans l'exemple précédent, vous avez vu cette ligne :

cout << "Content-type:text/html\r\n\r\n";

C'est l'en-tête HTTP. Il est essentiel pour indiquer au navigateur comment interpréter le contenu qui suit. Il existe de nombreux types d'en-têtes, mais pour l'instant, nous nous concentrerons sur l'en-tête Content-type.

Variables d'Environnement CGI

Le CGI fournit des variables d'environnement qui vous donnent des informations sur la demande. Voici un programme qui affiche certaines de ces variables :

#include <iostream>
#include <cstdlib>
using namespace std;

int main() {
cout << "Content-type:text/html\r\n\r\n";
cout << "<html><body>";
cout << "SERVER_NAME: " << getenv("SERVER_NAME") << "<br>";
cout << "REQUEST_METHOD: " << getenv("REQUEST_METHOD") << "<br>";
cout << "QUERY_STRING: " << getenv("QUERY_STRING") << "<br>";
cout << "</body></html>";
return 0;
}

Ce programme utilise getenv() pour récupérer les variables d'environnement définies par le serveur web.

Bibliothèque CGI en C++

Pour rendre la programmation CGI plus facile, nous pouvons utiliser des bibliothèques comme cgicc. Voici comment vous pourriez l'utiliser :

#include <iostream>
#include <cgicc/Cgicc.h>
#include <cgicc/HTTPHTMLHeader.h>
#include <cgicc/HTMLClasses.h>

using namespace std;
using namespace cgicc;

int main() {
Cgicc cgi;
cout << HTTPHTMLHeader() << endl;
cout << HTMLDoctype(HTMLDoctype::eStrict) << endl;
cout << html() << head(title("Mon Premier Programme CGI")) << endl;
cout << body() << h1("Hello, World!") << endl;
cout << body() << html();
return 0;
}

Cette bibliothèque fournit des classes qui facilitent la génération de HTML et la manipulation des données de formulaire.

Méthodes GET et POST

Il y a deux principales méthodes pour envoyer des données à un serveur web : GET et POST.

Méthode GET

La méthode GET envoie des données comme partie de l'URL. Voici un exemple :

#include <iostream>
#include <cgicc/Cgicc.h>
#include <cgicc/HTTPHTMLHeader.h>
#include <cgicc/HTMLClasses.h>

using namespace std;
using namespace cgicc;

int main() {
Cgicc cgi;
cout << HTTPHTMLHeader() << endl;
cout << html() << body() << endl;

form_iterator name = cgi.getElement("name");
if(name != cgi.getElements().end()) {
cout << "Bonjour, " << **name << "!" << endl;
} else {
cout << "Aucun nom n'a été soumis." << endl;
}

cout << body() << html();
return 0;
}

Ce programme recherche un paramètre "name" dans l'URL (par exemple, http://votreserveur.com/cgi-bin/programme?name=Jean) et salue l'utilisateur.

Méthode POST

La méthode POST envoie des données dans le corps de la requête HTTP. Elle est plus sécurisée et peut gérer des quantités plus grandes de données. Voici un exemple :

#include <iostream>
#include <cgicc/Cgicc.h>
#include <cgicc/HTTPHTMLHeader.h>
#include <cgicc/HTMLClasses.h>

using namespace std;
using namespace cgicc;

int main() {
Cgicc cgi;
cout << HTTPHTMLHeader() << endl;
cout << html() << body() << endl;

form_iterator name = cgi.getElement("name");
if(name != cgi.getElements().end()) {
cout << "Bonjour, " << **name << "!" << endl;
} else {
cout << "Aucun nom n'a été soumis." << endl;
}

cout << body() << html();
return 0;
}

Ce code ressemble au exemple GET, mais il est conçu pour fonctionner avec les requêtes POST.

Manipulation des Données de Formulaire

Maintenant, examinons comment gérer différents types de données de formulaire :

Données de Case à Cocher

form_iterator checkbox = cgi.getElement("mycheckbox");
if(checkbox != cgi.getElements().end() && checkbox->getValue() == "on") {
cout << "La case est cochée !" << endl;
} else {
cout << "La case n'est pas cochée." << endl;
}

Données de Bouton Radio

form_iterator radio = cgi.getElement("myradio");
if(radio != cgi.getElements().end()) {
cout << "Option sélectionnée : " << **radio << endl;
} else {
cout << "Aucune option sélectionnée." << endl;
}

Données de Zone de Texte

form_iterator textarea = cgi.getElement("mytextarea");
if(textarea != cgi.getElements().end()) {
cout << "Contenu de la zone de texte : " << **textarea << endl;
} else {
cout << "La zone de texte est vide." << endl;
}

Données de Menu Déroulant

form_iterator dropdown = cgi.getElement("mydropdown");
if(dropdown != cgi.getElements().end()) {
cout << "Option sélectionnée : " << **dropdown << endl;
} else {
cout << "Aucune option sélectionnée." << endl;
}

Utilisation de Cookies dans CGI

Les cookies permettent de stocker de petites pièces de données sur la machine du client. Voici comment vous pouvez définir et récupérer des cookies :

Définition de Cookies

#include <cgicc/HTTPCookie.h>

// ... (autres inclusions et déclarations de namespace)

int main() {
Cgicc cgi;
HTTPCookie cookie("user", "John Doe");
cookie.setMaxAge(3600);  // Le cookie expire dans 1 heure

cout << HTTPHTMLHeader().setCookie(cookie) << endl;
// ... reste de votre sortie HTML
}

Récupération de Cookies

const CgiEnvironment& env = cgi.getEnvironment();
const vector<HTTPCookie>& cookies = env.getCookieList();

for(vector<HTTPCookie>::const_iterator i = cookies.begin(); i != cookies.end(); ++i) {
if(i->getName() == "user") {
cout << "Bienvenue à nouveau, " << i->getValue() << "!" << endl;
break;
}
}

Exemple de Téléversement de Fichier

Enfin, examinons comment gérer le téléversement de fichiers :

#include <iostream>
#include <fstream>
#include <cgicc/Cgicc.h>
#include <cgicc/HTTPHTMLHeader.h>
#include <cgicc/HTMLClasses.h>

using namespace std;
using namespace cgicc;

int main() {
Cgicc cgi;
cout << HTTPHTMLHeader() << endl;
cout << html() << body() << endl;

const_file_iterator file = cgi.getFile("userfile");
if(file != cgi.getFiles().end()) {
ofstream out("/chemin/vers/repertoire/de/televersement/" + file->getFilename());
out << file->getData();
cout << "Fichier " << file->getFilename() << " téléversé avec succès." << endl;
} else {
cout << "Aucun fichier n'a été téléversé." << endl;
}

cout << body() << html();
return 0;
}

Ce programme enregistre un fichier téléversé dans un répertoire spécifié sur le serveur.

Et voilà ! Nous avons couvert les bases de la programmation Web C++ utilisant CGI. N'oubliez pas, la pratique fait le maître. Essayez ces exemples, expérimentez avec eux, et bientôt vous créerez des applications web complexes avec C++. Bon codage !

Méthode Description
GET Envoie des données comme partie de l'URL
POST Envoie des données dans le corps de la requête HTTP
getElement() Récupère les données de formulaire à partir de requêtes GET ou POST
setCookie() Définit un cookie sur la machine du client
getCookieList() Récupère les cookies de la machine du client
getFile() Gère le téléversement de fichiers dans CGI

Credits: Image by storyset

Tutoriel précédent:
C++ Multithreading