0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

Linux下搭建简易的HTTP服务器完成图片显示

DS小龙哥-嵌入式技术 来源: DS小龙哥-嵌入式技术 作者: DS小龙哥-嵌入式技 2022-08-13 14:17 次阅读

1. 前言

这篇文章作为Linux下socket(TCP)网络编程的练习,使用C语言代码搭建一个简单的HTTP服务器,完成与浏览器之间的交互,最终在浏览器上显示一张图片;通过这个例子可以巩固socket里多线程使用,也可以方便学习了解HTTP协议。

2. HTTP协议介绍

HTTP协议本身是基于TCP通信协议来传递数据(HTML 文件, 图片文件-也叫超文本传输协议),HTTP协议必须工作在客户端-服务端架构上(本身底层就是TCP),HTTP 默认端口号为 80(浏览器访问默认就是80端口),但是你也可以改为 8080 或者其他端口(可以手动指定端口)。

HTTP协议是无连接的,也就是限制每次连接只处理一个请求;服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。

3. HTTP的消息结构

客户端向HTTP服务器发送的请求消息格式包括了4个部分:
请求行(request line)、 请求头部(header)、空行、请求数据

image-20211207090748038

下面这个是浏览器的请求,可以对比上面这张图的格式:

GET / HTTP/1.1
Host: 10.0.0.6
Connection: keep-alive
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN,zh;q=0.9

image-20211207091143328

HTTP常用的请求是GETPOST

HTTP1.0 定义了三种请求方法: GET, POST 和 HEAD 方法。
HTTP1.1 新增了五种请求方法: OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法。

HTTP服务器向客户端的响应也由四个部分组成,分别是:状态行、消息报头、空行、响应正文。

例如:

"HTTP/1.1 200 OK\r\n"
"Content-type:image/jpeg\r\n"
"Content-Length:1234\r\n"
"\r\n"
"...............正文............."

上面列出的报文字段含义:
HTTP/1.0 200 OK: Http/1.0 表示当前协议为 Http。 1.0 是协议的版本。 200 表示成功

Content-type : 告诉浏览器回送的数据类型

Content-Length: 告诉浏览器报文中实体主体的大小,也就是返回的内容长度

上面字段里回复的状态码一般有好几种,分别是:
200 - 请求成功
301 - 资源(网页等)被永久转移到其它 URL
404 - 请求的资源(网页等)不存在
500 - 内部服务器错误

4. HTTP交互流程

第一次请求是由HTTP客户端(浏览器)发起的,HTTP服务器收到请求后,对请求进行解析,然后完成后续的交互。

如果要在浏览器上显示一张图片,那么交互的流程大致如下:

image-20211207091328413

image-20211207091419337

要让浏览器在界面显示一张图片,还得编写一个HTML代码给浏览器,直接用一个图片标签即可。

当前程序使用的HTML代码比较简单,代码下面贴出来了:


然后还得准备一张JPG图片,作为资源文件,方便传递给浏览器,本地文件结构如下:

image-20211207093015301

5. 案例代码: 搭建HTTP服务器

下面代码采用多线程形式响应浏览器的请求。

#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 
#include 

/*
函数功能: 服务器向客户端发送响应数据
*/
int HTTP_ServerSendFile(int client_fd,char *buff,char *type,char *file)
{
    /*1. 打开文件*/
    int fd=open(file,2);
    if(fd<0)return -1;
    /*2. 获取文件大小*/
    struct stat s_buff;
    fstat(fd,&s_buff);
    /*3. 构建响应头部*/
    sprintf(buff,"HTTP/1.1 200 OK\r\n"
                "Content-type:%s\r\n"
                "Content-Length:%d\r\n"
                "\r\n",type,s_buff.st_size);
    /*4. 发送响应头*/
    if(write(client_fd,buff,strlen(buff))!=strlen(buff))return -2;
    /*5. 发送消息正文*/
    int cnt;
    while(1)
    {
        cnt=read(fd,buff,1024);
        if(write(client_fd,buff,cnt)!=cnt)return -3;
        if(cnt!=1024)break;
    }
    return 0;
}

/*线程工作函数*/
void *thread_work_func(void *argv)
{
    int client_fd=*(int*)argv;
    free(argv);

    unsigned int cnt;
    unsigned char buff[1024];
    //读取浏览器发送过来的数据
    cnt=read(client_fd,buff,1024);
    buff[cnt]='\0';
    printf("%s\n",buff);

    if(strstr(buff,"GET / HTTP/1.1"))
    {
        HTTP_ServerSendFile(client_fd,buff,"text/html","www/image_text.html");
    }
    else if(strstr(buff,"GET /www/123.jpg HTTP/1.1"))
    {
        HTTP_ServerSendFile(client_fd,buff,"image/jpeg","www/888.jpg");
    }
    else if(strstr(buff,"GET /favicon.ico HTTP/1.1"))
    {
        HTTP_ServerSendFile(client_fd,buff,"image/x-icon","www/1.ico");
    }
    
    close(client_fd);
    //退出线程
    pthread_exit(NULL);
}

int main(int argc,char **argv)
{   
    if(argc!=2)
    {
        printf("./app <端口号>\n");
        return 0;
    }

    signal(SIGPIPE,SIG_IGN); //忽略 SIGPIPE 信号--防止服务器异常退出

    int sockfd;
    /*1. 创建socket套接字*/
    sockfd=socket(AF_INET,SOCK_STREAM,0);
    int on = 1;
    setsockopt(sockfd, SOL_SOCKET, SO_REUSEADDR, &on, sizeof(on));

    /*2. 绑定端口号与IP地址*/
    struct sockaddr_in addr;
    addr.sin_family=AF_INET;
    addr.sin_port=htons(atoi(argv[1])); // 端口号0~65535
    addr.sin_addr.s_addr=INADDR_ANY;    //inet_addr("0.0.0.0"); //IP地址
    if(bind(sockfd,(const struct sockaddr *)&addr,sizeof(struct sockaddr))!=0)
    {
        printf("服务器:端口号绑定失败.\n");
    }
    /*3. 设置监听的数量,表示服务器同一时间最大能够处理的连接数量*/
    listen(sockfd,20);

    /*4. 等待客户端连接*/
    int *client_fd;
    struct sockaddr_in client_addr;
    socklen_t addrlen;
    pthread_t thread_id;
    while(1)
    {
        addrlen=sizeof(struct sockaddr_in);
        client_fd=malloc(sizeof(int));
        *client_fd=accept(sockfd,(struct sockaddr *)&client_addr,&addrlen);
        if(*client_fd<0)
        {
            printf("客户端连接失败.\n");
            return 0;
        }
        printf("连接的客户端IP地址:%s\n",inet_ntoa(client_addr.sin_addr));
        printf("连接的客户端端口号:%d\n",ntohs(client_addr.sin_port));

        /*创建线程*/
        if(pthread_create(&thread_id,NULL,thread_work_func,client_fd))
        {
            printf("线程创建失败.\n");
            break;
        }
        /*设置线程的分离属性*/
        pthread_detach(thread_id);
    } 
    /*5. 关闭连接*/
    close(sockfd);
    return 0;
}

审核编辑 黄昊宇
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 单片机
    +关注

    关注

    6030

    文章

    44489

    浏览量

    631884
  • Linux
    +关注

    关注

    87

    文章

    11204

    浏览量

    208702
  • 服务器
    +关注

    关注

    12

    文章

    8954

    浏览量

    85069
  • HTTP
    +关注

    关注

    0

    文章

    499

    浏览量

    30973
收藏 人收藏

    评论

    相关推荐

    Linux视频流媒体直播服务器搭建详解

    下面给大家介绍如何在Linux搭建流媒体服务器系统(以八百里流媒体直播系统为例) 第一步:安装前1、 用管理员账号权限登陆linux
    发表于 06-02 14:35

    ubuntu搭建NFS服务器

    :192.168.2.51为NFS服务器主机IP#ls /mnt/说明:mount命令可以在另一个Linux系统执行。这样就可以实现ubuntu搭建NFS
    发表于 11-02 16:08

    教你linux搭建web服务器

    教你linux搭建web服务器和大家分享了一份配置文档,希望对您用linux搭建web服务器有所
    发表于 12-28 14:18 8836次阅读

    linux系统搭建ftp服务器的配置方法

    很久以前知道linux搭建ftp服务器的软件是wuftp,现在真的时代变了,上网看一几乎全世界的人都用proftpd了!赶个潮流,我也用
    发表于 02-15 14:13 7692次阅读

    linuxsamba服务器搭建配置

    linuxsamba服务器搭建配置是使用linux开发系统时经常要配置的一步,只有这频配置好,不系操作系统间才能资源共享。
    发表于 03-19 18:59 13次下载

    如何搭建Linux服务器的详细资料说明

    本文档的主要内容详细介绍的是如何搭建Linux服务器的详细资料说明主要内容包括了:1、搭建telnet服务器,2、
    发表于 04-18 08:00 10次下载
    如何<b class='flag-5'>搭建</b><b class='flag-5'>Linux</b><b class='flag-5'>服务器</b>的详细资料说明

    linux如何搭建web服务器

    linux搭建web服务器流程如下
    发表于 06-08 09:09 9177次阅读
    <b class='flag-5'>linux</b>如何<b class='flag-5'>搭建</b>web<b class='flag-5'>服务器</b>

    服务器怎么搭建_服务器怎么安装系统

     自己搭建服务器,需要什么样的条件呢,它是一个怎么样的过程。下面就为大家介绍一如何搭建自己的服务器
    的头像 发表于 07-24 09:46 1.9w次阅读
    <b class='flag-5'>服务器</b>怎么<b class='flag-5'>搭建</b>_<b class='flag-5'>服务器</b>怎么安装系统

    LinuxApache服务器的安装和配置

    LinuxApache服务器的安装和配置(现代电源技术的发展概况)-LinuxApache服务器
    发表于 08-31 16:22 8次下载
    <b class='flag-5'>Linux</b><b class='flag-5'>下</b>Apache<b class='flag-5'>服务器</b>的安装和配置

    Linux搭建简易HTTP服务器完成图片显示

    这篇文章作为Linuxsocket(TCP)网络编程的练习,使用C语言代码搭建一个简单的HTTP服务器
    的头像 发表于 08-14 09:21 1120次阅读

    Linux编程_网页视频监控项目

    介绍LinuxHTTP服务器搭建完成网页图片
    的头像 发表于 09-17 15:45 1110次阅读
    <b class='flag-5'>Linux</b>编程_网页视频监控项目

    手把手教你Linux搭建FTP服务器

    Windows搭建FTP服务器相当简单, 下载FTP服务器软件后, 按指示点击下一步下一步便完成, 但Linux因为没有图像操作, 所以相对
    的头像 发表于 10-19 09:01 4190次阅读
    手把手教你<b class='flag-5'>Linux</b><b class='flag-5'>搭建</b>FTP<b class='flag-5'>服务器</b>

    基于ESP32的简易web服务器设计

    本文介绍一如何使用ESP32快速方便的搭建一个简易的web服务器
    的头像 发表于 01-05 10:49 3644次阅读

    HFS如何快速搭建http服务器

    HFS 是一个轻量级的HTTP 服务工具,3.0版本前进提供Windows平台安装包,3.0版本开提供Linux和macOS平台的安装包。HFS更适合在局域网环境中搭建文件共享
    的头像 发表于 11-14 10:32 1051次阅读
    HFS如何快速<b class='flag-5'>搭建</b><b class='flag-5'>http</b><b class='flag-5'>服务器</b>

    如何利用AWFlow搭建HTTP服务器

    本文将基于EsDA开发套件快速在开发板上搭建HTTP服务器,为HTTP客户端提供了访问板子的外设资源,数据以及文件读写等接口,实现设备与网络服务
    的头像 发表于 12-14 08:24 543次阅读
    如何利用AWFlow<b class='flag-5'>搭建</b><b class='flag-5'>HTTP</b><b class='flag-5'>服务器</b>