Lập trình Web trong C++ | 101 bài hướng dẫn C++ hay nhất PDF cpp web programming

Lập trình Web trong C++ | 101 bài hướng dẫn C++ hay nhất PDF cpp web programming tài liệu, giáo án, bài giảng , luận văn...

 Phiên bản hiện tại là CGI/1.1 và CGI/1.2 đang trong quá trình phát triển

Web Browsing

Để hiểu khái niệm về CGI, chúng ta xem những gì xảy ra khi chúng ta nhấn vào một hyperlink để tới một Webpage hoặc URL cụ thể

 Trình duyệt của bạn liên hệ HTTP Web Server và yêu cầu một URL, ví dụ: filename

 Web Server sẽ parse URL đó và sẽ tìm kiếm filename Nếu nó tìm thấy file đã yêu cầu, thì

Web Server gửi file đó trở lại trình duyệt, nếu không thì, nó gửi một thông báo lỗi chỉ rằng bạn đã yêu cầu một wrong file

 Trình duyệt Web nhận phản hồi từ Web Server và hiển thị file đã nhận được hoặc thông báo lỗi dựa trên phản hồi đã nhận

Tuy nhiên, nó là có thể để thiết lập HTTP Server theo cách mà bất cứ khi nào một file trong một thư mục cụ thể được yêu cầu, thì file đó không được gửi trở lại; thay cho việc nó được thực thi như là một chương trình và output được tạo từ chương trình đã gửi tới trình duyệt để hiển thị

Common Gateway Interface hoặc CGI là một giao thức chuẩn cho các ứng dụng (được gọi là CGI program hoặc CGI script) khả năng tương tác với Web Server và với Client Những CGI program này có thể được viết bằng Python, PERL, Shell, C hoặc C++ …

Sơ đồ cấu trúc CGI

Dưới đây là sơ đồ một cấu trúc đơn giản của CGI:

Cấu hình Web Server

Trước khi bạn tiếp tục với lập trình CGI, đảm bảo rằng Web Server của bạn hỗ trợ CGI và nó được định cấu hình để xử lý CGI Program Tất cả CGI program để được thực thi bởi HTTP Server được giữ trong một thư mục được định cấu hình trước Thư mục này được gọi là CGI directory, và theo qui ước, nó được đặt tên là /var/www/cgi-bin Theo qui ước, CGI file có đuôi là cgi, vì thế chúng là

có thể thực thi trong C++

Theo mặc định, Apache Web Server được định cấu hình để chạy CGI Program trong bin Nếu bạn muốn xác định bất kỳ thư mục khác để chạy CGI script của bạn, thì bạn phải sửa đổi khu vực sau trong httpd.conf file:

/var/www/cgi-<Directory "/var/www/cgi-bin">

AllowOverride None

Options ExecCGI

Allow from all

Chương trình CGI đầu tiên

Xét nội dung chương trình C++ sau:

Biên dịch code trên và đặt tên là cplusplus.cgi File này được giữ trong thư mục /var/www/cgi-bin

và nó có nội dung như sau Trước khi chạy CGI Program của bạn, bảo đảm rằng bạn đã chuyển

chế độ của file bởi sử dụng lệnh chmod 755 cplusplus.cgi trên UNIX để làm file có thể thực thi Bây

giờ, nếu bạn nhấn vào cplusplus.cgi , thì nó sẽ cho kết quả:

Hello World! This is my first CGI program

Chương trình C++ trên là một chương trình đơn giản mà đang ghi output trên STDOUT file, ví dụ: màn hình Có một tính năng quan trọng có sẵn để dòng đầu tiên được in là Content- type:text/html\r\n\r\n Dòng này gửi trở lại trình duyệt và xác định kiểu nội dung để được hiển thị trên màn hình trình duyệt Bây giờ bạn đã hiểu khái niệm cơ bản về CGI và bạn có thể viết nhiều CGI Program phức tạp bởi sử dụng C++ Một CGI Program trong C++ có thể tương tác với bất kỳ

hệ thống ngoại vi khác như RDBMS, để trao đổi thông tin

HTTP Header

Dòng Content-type:text/html\r\n\r\n là một phần của HTTP Header, mà được gửi tới trình duyệt

Tất cả HTTP Header có form sau:

HTTP Field Name: Field Content

duyệt để quyết định khi nào một trang cần được refresh Một chuỗi date hợp lệ nên trong định dạng 01 Jan 1998 12:00:00 GMT

sử dụng trường này để redirect một yêu cầu tới bất kỳ file nào

Content-length: N Độ dài, bằng byte, của dữ liệu đang được trả về Trình duyệt sử

dụng giá trị này để báo cáo lượng thời gian download ước lượng cho một file

Biến môi trường của CGI

Tất cả CGI Program sẽ có truy cập tới các biến môi trường sau đây Những biến này đóng vai trò quan trọng trong khi viết bất kỳ CGI Program nào:

đính kèm tới Server Ví dụ: file upload

POST

Agent bắt đầu yêu cầu đó Nó là tên của trình duyệt web

cho mục đích log hoặc authentication

sẵn, thì REMOTE_ADDR có thể được sử dụng để lấy địa chỉ IP

REQUEST_METHOD Phương thức được sử dụng để tạo yêu cầu Các phương thức

phổ biến là GET và POST

Sau đây là chương trình CGI nhỏ để liệt kê tất cả biến CGI Bạn click vào đây để xem kết quả: Get Environment

#include <iostream>

#include <stdlib.h>

using namespace std;

const string ENV[ 24 ] = {

"COMSPEC", "DOCUMENT_ROOT", "GATEWAY_INTERFACE",

"HTTP_ACCEPT", "HTTP_ACCEPT_ENCODING",

"HTTP_ACCEPT_LANGUAGE", "HTTP_CONNECTION",

"HTTP_HOST", "HTTP_USER_AGENT", "PATH",

"QUERY_STRING", "REMOTE_ADDR", "REMOTE_PORT",

"REQUEST_METHOD", "REQUEST_URI", "SCRIPT_FILENAME",

"SCRIPT_NAME", "SERVER_ADDR", "SERVER_ADMIN",

"SERVER_NAME","SERVER_PORT","SERVER_PROTOCOL",

"SERVER_SIGNATURE","SERVER_SOFTWARE" };

cout << "<table border = \"0\" cellspacing = \"2\">";

for ( int i = 0; i < 24; i++ )

{

cout << "<tr><td>" << ENV[ i ] << "</td><td>";

// attempt to retrieve value of environment variable

char *value = getenv( ENV[ i ].c_str() );

Thư viện CGI trong C++

Với các ví dụ thực tế, bạn sẽ cần thực hiện nhiều hoạt động bởi CGI Program của bạn Có một thư viện CGI được viết cho chương trình C++, mà bạn có thể tải về từ: ftp://ftp.gnu.org/gnu/cgicc/ và theo các bước sau để cài đặt thư viện này:

Bạn có thể kiểm tra Documentation có sẵn tại: C++ CGI Lib Documentation

Phương thức POST và GET

Bạn gặp một số tình huống khi bạn cần truyền một số thông tin từ trình duyệt tới Web Server và sau cùng tới CGI Program của bạn Hai phương thức được sử dụng thường xuyên nhất bởi trình duyệt để truyền các thông tin này tới Web Server là Phương thức GET và Phương thức POST Truyền thông tin bởi sử dụng phương thức GET

Phương thức GET gửi thông tin người dùng đã mã hóa được phụ thêm tới trang yêu cầu Trang và thông tin đã mã hóa được phân biệt bởi ký tự ? như sau:

http://www.test.com/cgi-bin/cpp.cgi?key1=value1&key2=value2

Phương thức GET là phương thức mặc định để truyền thông tin từ trình duyệt tới Web Server và

nó tạo ra một chuỗi dài xuất hiện trong Location:box của trình duyệt Đừng bao giờ sử dụng phương thức GET nến bạn có mật khẩu hoặc thông tin nhạy cảm khác để truyền tới Server Phương thức GET có giới hạn kích cỡ và bạn có thể truyền 1024 ký tự trong một Request String Khi sử dụng phương thức GET, thông tin được truyền bởi trường HTTP Header là QUERY_STRING và sẽ là có thể truy cập trong CGI Program thông qua biến môi trường QUERY_STRING

Bạn có thể truyền thông tin bằng việc nối chuỗi các cặp key/value cùng với bất kỳ URL hoặc bạn có thể sử dụng các thẻ HTML <FORM> để truyền thông tin bởi sử dụng phương thức GET

Ví d ụ URL đơn giản sử dụng phương thức GET

Đây là một URL đơn giản sẽ truyền hai value tới chương trình hello_get.py bởi sử dụng phương thức GET

/cgi-bin/cpp_get.cgi?first_name=ZARA&last_name=ALI

Dưới đây là chương trình để tạo CGI Program là cpp_get.cgi để xử lý input được cung cấp bởi

trình duyệt web Chúng ta đang sử dụng thư viện CGI trong C++, để làm cho nó dễ dàng hơn để truy cập thông tin đã truyền:

form_iterator fi = formData.getElement("first_name");

if( !fi->isEmpty() && fi != (*formData).end()) {

cout << "First name: " << **fi << endl;

if( !fi->isEmpty() &&fi != (*formData).end()) {

cout << "Last name: " << **fi << endl;

Bây giờ, biên dịch chương trình trên như sau:

$g++ -o cpp_get.cgi cpp_get.cpp -lcgicc

Tạo cpp_get.cgi và đặt nó trong thư mục CGI của bạn

Nó sẽ cho kết quả:

First name: ZARA

Last name: ALI

Ví d ụ về FORM bởi sử dụng phương thức GET

Ví dụ đơn giản sau sẽ truyền hai value bởi sử dụng HTML FORM và nút submit Chúng ta đang sử dụng cùng CGI Program là cpp_get.cgi để xử lý input này

<form action="/cgi-bin/cpp_get.cgi" method="get">

First Name: <input type="text" name="first_name"> <br />

Last Name: <input type="text" name="last_name" />

<input type="submit" value="Submit" />

Truyền thông tin bởi sử dụng phương thức POST

Một phương thức chung đáng tin cậy hơn để truyền thông tin tới một CGI Program là phương thức POST Nó đóng gói thông tin theo cách giống phương thức GET, nhưng thay vì gửi nó ở dạng một chuỗi văn bản sau một dấu ? trong URL, nó gửi ở dạng một thông báo riêng biệt Thông báo này tới CGI Script trong form đầu vào chuẩn

Cùng sử dụng CGI Program là cpp_get.cgi để xử lý phương thức POST Chúng ta sử dụng cùng ví

dụ như trên, mà sẽ truyền hai value bởi sử dụng HTML FORM và nút Submit, nhưng lần này với phương thức POST như sau:

<form action="/cgi-bin/cpp_get.cgi" method="post">

First Name: <input type="text" name="first_name"><br />

Last Name: <input type="text" name="last_name" />

<input type="submit" value="Submit" />

Truyền Checkbox Data tới CGI Program

Checkbox được sử dụng khi có nhiều hơn một tùy chọn là cần thiết để được lựa chọn:

HTML code sau là ví dụ cho một form với hai checkbox:

<form action="/cgi-bin/cpp_checkbox.cgi"

method="POST"

target="_blank">

<input type="checkbox" name="maths" value="on" /> Maths

<input type="checkbox" name="physics" value="on" /> Physics

<input type="submit" value="Select Subject" />

</form>

Kết quả của code này là form sau:

Maths Physics S e le c t S u b je c t

Chương trình C++ sau sẽ tạo cpp_checkbox.cgi để xử lý input được cung cấp bởi trình duyệt

thông qua nút checkbox:

cout << "Physics Flag: OFF " << endl;

Truyền Radiobutton Data tới CGI Program

Radio Button được sử dụng khi chỉ có một tùy chọn là cần thiết để lựa chọn

HTML code sau là ví dụ cho form với hai radio button:

<input type="radio" name="subject" value="physics" /> Physics

<input type="submit" value="Select Subject" />

</form>

Kết quả của code trên là form sau:

Maths Physics S e le c t S u b je c t

Chương trình C++ sau sẽ tạo cpp_radiobutton.cgi để xử lý input được cung cấp bởi trình duyệt

web thông qua các radio button:

if( !fi->isEmpty() && fi != (*formData).end()) {

cout << "Radio box selected: " << **fi << endl;

Truyền Text Area Data tới CGI Program

Phần tử TEXTAREA được sử dụng khi văn bản nhiều dòng phải được truyền tới CGI Program

HTML code sau là ví dụ cho một form với một TEXTAREA box:

<form action="/cgi-bin/cpp_textarea.cgi"

method="post"

target="_blank">

<textarea name="textcontent" cols="40" rows="4">

Type your text here

if( !fi->isEmpty() && fi != (*formData).end()) {

cout << "Text Content: " << **fi << endl;

Truyền DropDown Box Data tới CGI Program

DropDown Box được sử dụng khi có nhiều tùy chọn có sẵn, nhưng chỉ có một hoặc hai sẽ được chọn:

HTML code sau là ví dụ cho một form với một Dropdown box:

Chương trình C++ sau sẽ tạo cpp_dropdown.cgi để xử lý input được cung cấp bởi trình duyệt

web thông qua dropdown box:

cout << "<body>\n";

form_iterator fi = formData.getElement("dropdown");

if( !fi->isEmpty() && fi != (*formData).end()) {

cout << "Value Selected: " << **fi << endl;

HTTP Protocol là một giao thức Stateless Nhưng với một Website thương mại, nó là cần thiết để duy trình thông tin session giữa các trang khác nhau Ví dụ, một tiến trình đăng ký của người sử dụng có thể kết thúc sau khi hoàn thành qua nhiều trang Nhưng cách để duy trì thông tin session của người dùng khi họ duyệt qua nhiều trang là như thế nào

Trong nhiều tình huống, sử dụng Cookie là phương thức hiệu quả nhất để ghi nhớ và theo dấu việc đặt hàng, mua hàng, hàng hóa ưa thích, …

Cách nó làm việc

Server của bạn gửi một số dữ liệu tới trình duyệt khách truy cập trong form của một Cookie Trình duyệt có thể chấp nhận Cookie này Nếu nó chấp nhận, nó được lưu giữ ở dạng một bản ghi thuần văn bản trên Hard drive của khách truy cập Bây giờ, khi khác truy cập tới trang khác trên site của bạn, Cookie này là có sẵn để thu hồi Khi được thu hồi, Server của bạn biết/nhớ những gì được lưu giữ:

Cookie là một bản ghi dữ liệu thuần văn bản của 5 trường biến:

thoát khỏi trình duyệt

 Path : Path tới thư mục hoặc Webpage mà thiết lập Cookie đó Nó có thể là trống nếu bạn muốn thu nhận Cookie từ bất kỳ thư mục hoặc trang nào

Secure Server Nếu trường này để trống, sẽ không tồn tại hạn chế nào

Thiết lập Cookie

Rất dễ dàng để gửi Cookie tới trình duyệt Những Cookie này được gửi cùng với HTTP Header ở trước trường Content-type Giả sử bạn muốn thiết lập UserID và Password ở dạng Cookie Thì thiết lập Cookie sẽ được thực hiện như sau:

cout << "</html>\n";

return 0;

}

Từ ví dụ này, bạn phải hiểu cách thiết lập Cookie Chúng ta sử dụng HTTP Header là

Ở đây, nó là tùy ý để thiết lập các thuộc tính của Cookie như Expires, Domain, và Path Bạn nhớ

rằng, Cookie được thiết lập trước khi gửi dòng sau: "Content-type:text/html\r\n\r\n

Biên dịch chương trình trên để tạo setcookies.cgi Nó sẽ thiết lập 4 Cookie tại máy tính của bạn Thu hồi Cookie

Việc thu hồi tất cả Cookie đã thiết lập là khá dễ dàng Cookie được lưu giữ trong biến môi trường CGI là HTTP_COOKIE và chúng sẽ có form sau:

// get environment variables

const CgiEnvironment& env = cgi.getEnvironment();

for( cci = env.getCookieList().begin();

Bây giờ, biên dịch chương trình trên để tạo getcookies.cgi, và thử lấy danh sách tất cả Cookie có

sẵn tại máy tính của bạn

Nó sẽ cho một danh sách gồm 4 Cookie đã được thiết lập ở phần trước và tất cả Cookie khác được thiết lập tại máy tính của bạn:

Để tải một file lên, HTML code phải có thuộc tính enctype được thiết lập là multipart/form-data

Thẻ input với kiểu file này sẽ tạo một nút “Browse”

<p>File: <input type="file" name="userfile" /></p>

<p><input type="submit" value="Upload" /></p>

Nhưng bạn có thể thử code trên với Server của bạn

Đây là chương trình cpp_uploadfile.cpp để xử lý upload file:

// get list of files to be uploaded

const_file_iterator file = cgi.getFile("userfile");

cout << "<File uploaded successfully>\n";

Ví dụ trên đang ghi nội dung tại cout stream, nhưng bạn có thể mở file stream của bạn và giữ nội

dung của upload file trong một file tại vị trí mong muốn