Italiano

Fondamenti di C++

Programmazione orientata agli oggetti in C++

C++ Avanzato

Programmazione Web in C++: Guida per Principianti

Ciao aspiranti sviluppatori web! Sono entusiasta di iniziare questo avventuroso viaggio con te nel mondo della Programmazione Web in C++. Come persona che ha insegnato informatica per più di un decennio, posso assicurarti che, anche se all'inizio potrebbe sembrare intimidatorio, con pazienza e pratica, creerai applicazioni web dinamiche in breve tempo. Allora, immergiamoci!

C++ Web Programming

Cos'è CGI?

Prima di iniziare a programmare, diamo un'occhiata a cosa sia il CGI. CGI sta per Common Gateway Interface. È come un traduttore tra il tuo server web e i programmi che generano contenuti dinamici. Immagina il CGI come un intermediario amichevole che riceve richieste dagli utenti web, le passa ai tuoi programmi C++, e poi restituisce i risultati ai browser degli utenti.

Navigazione Web

Per apprezzare il CGI, dobbiamo capire come funziona la navigazione web. Quando digiti un URL nel tuo browser, ecco cosa succede:

  1. Il tuo browser invia una richiesta al server web.
  2. Il server web elabora questa richiesta.
  3. Se è una pagina statica, il server la invia direttamente.
  4. Se è un contenuto dinamico, entra in gioco il CGI.
  5. Il CGI esegue il programma appropriato (nel nostro caso, programmi C++).
  6. Il programma genera il contenuto.
  7. Il CGI invia questo contenuto al server.
  8. Il server consegna il contenuto al tuo browser.

Diagramma dell'Architettura CGI

Visualizziamo questo processo con un semplice diagramma:

[Browser dell'Utente] <--> [Server Web] <--> [CGI] <--> [Programma C++]

Questo diagramma mostra come il tuo programma C++ interagisce con il web attraverso il CGI.

Configurazione del Server Web

Prima di scrivere il nostro primo programma CGI, dobbiamo configurare il nostro server web. La maggior parte dei server web come Apache o Nginx hanno moduli CGI. Dovrai abilitare questi moduli e configurare una directory per i tuoi script CGI. Per esempio, in Apache, potresti aggiungere questo alla tua configurazione:

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

Questo dice ad Apache di trattare i file in /var/www/cgi-bin/ come script CGI.

Primo Programma CGI

Ora, scriviamo il nostro primo programma CGI in C++. Iniziamo con un semplice esempio "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 - Primo Programma CGI</title>\n";
cout << "</head>\n";
cout << "<body>\n";
cout << "<h2>Hello World! Questo è il mio primo programma CGI</h2>\n";
cout << "</body>\n";
cout << "</html>\n";
return 0;
}

Spiegazione:

  1. Includiamo la libreria iostream per operazioni di input/output.
  2. La riga Content-type è cruciale - dice al browser che tipo di contenuto attenderarsi.
  3. Quindi esportiamo il codice HTML, proprio come faremmo in un file HTML statico.
  4. I caratteri \n assicurano appropriate interruzioni di riga nell'output.

Intestazione HTTP

Nell'esempio precedente, hai visto questa riga:

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

Questa è l'intestazione HTTP. È essenziale per dire al browser come interpretare il contenuto seguente. Ci sono molti tipi di intestazioni, ma per ora ci concentriamo sull'intestazione Content-type.

Variabili d'Ambiente CGI

Il CGI fornisce variabili d'ambiente che ti danno informazioni sulla richiesta. Ecco un programma che visualizza alcune di queste:

#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;
}

Questo programma utilizza getenv() per recuperare le variabili d'ambiente impostate dal server web.

Libreria CGI per C++

Per rendere la programmazione CGI più semplice, possiamo utilizzare librerie come cgicc. Ecco come potresti usarla:

#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("Il Mio Primo Programma CGI")) << endl;
cout << body() << h1("Hello, World!") << endl;
cout << body() << html();
return 0;
}

Questa libreria fornisce classi che facilitano la generazione di HTML e la gestione dei dati dei moduli.

Metodi GET e POST

Ci sono due principali metodi per inviare dati a un server web: GET e POST.

Metodo GET

Il metodo GET invia i dati come parte dell'URL. Ecco un esempio:

#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 << "Hello, " << **name << "!" << endl;
} else {
cout << "Nessun nome è stato inviato." << endl;
}

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

Questo programma cerca un parametro "name" nell'URL (ad esempio, http://yourserver.com/cgi-bin/program?name=John) e saluta l'utente.

Metodo POST

Il metodo POST invia i dati nel corpo della richiesta HTTP. È più sicuro e può gestire quantità di dati più grandi. Ecco un esempio:

#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 << "Hello, " << **name << "!" << endl;
} else {
cout << "Nessun nome è stato inviato." << endl;
}

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

Questo codice sembra simile all'esempio GET, ma è progettato per funzionare con richieste POST.

Gestione dei Dati dei Moduli

Ora vediamo come gestire diversi tipi di dati dei moduli:

Dati Checkbox

form_iterator checkbox = cgi.getElement("mycheckbox");
if(checkbox != cgi.getElements().end() && checkbox->getValue() == "on") {
cout << "La checkbox è selezionata!" << endl;
} else {
cout << "La checkbox non è selezionata." << endl;
}

Dati Pulsanti di Opzione

form_iterator radio = cgi.getElement("myradio");
if(radio != cgi.getElements().end()) {
cout << "Opzione selezionata: " << **radio << endl;
} else {
cout << "Nessuna opzione selezionata." << endl;
}

Dati Area di Testo

form_iterator textarea = cgi.getElement("mytextarea");
if(textarea != cgi.getElements().end()) {
cout << "Contenuto area di testo: " << **textarea << endl;
} else {
cout << "L'area di testo è vuota." << endl;
}

Dati Elenco a Discesa

form_iterator dropdown = cgi.getElement("mydropdown");
if(dropdown != cgi.getElements().end()) {
cout << "Opzione selezionata: " << **dropdown << endl;
} else {
cout << "Nessuna opzione selezionata." << endl;
}

Utilizzo dei Cookie nei CGI

I cookie ti permettono di memorizzare piccoli pezzi di dati sul computer del client. Ecco come puoi impostare e recuperare i cookie:

Impostazione dei Cookie

#include <cgicc/HTTPCookie.h>

// ... (altre inclusioni e dichiarazioni di namespace)

int main() {
Cgicc cgi;
HTTPCookie cookie("utente", "John Doe");
cookie.setMaxAge(3600);  // Il cookie scade in 1 ora

cout << HTTPHTMLHeader().setCookie(cookie) << endl;
// ... il resto dell'output HTML
}

Recupero dei Cookie

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() == "utente") {
cout << "Benvenuto di nuovo, " << i->getValue() << "!" << endl;
break;
}
}

Esempio di Caricamento dei File

Infine, vediamo come gestire il caricamento dei file:

#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("/percorso/verso/caricamento/directory/" + file->getFilename());
out << file->getData();
cout << "File " << file->getFilename() << " caricato con successo." << endl;
} else {
cout << "Nessun file è stato caricato." << endl;
}

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

Questo programma salva un file caricato in una directory specificata sul server.

E eccoci qua! Abbiamo coperto i fondamenti della Programmazione Web in C++ utilizzando CGI. Ricorda, la pratica rende perfetti. Prova questi esempi, sperimenta con essi, e presto creerai applicazioni web complesse con C++. Buon coding!

Metodo Descrizione
GET Invia i dati come parte dell'URL
POST Invia i dati nel corpo della richiesta HTTP
getElement() Recupera i dati del modulo da richieste GET o POST
setCookie() Imposta un cookie sul computer del client
getCookieList() Recupera i cookie dal computer del client
getFile() Gestisce il caricamento dei file nei CGI

Credits: Image by storyset

Tutorial precedente:
C++ Multithreading