git一個HTTP sever的代碼，移植完畢，修改了一些變量和宏之后編譯通過，看了一下效果，基本的網頁可以顯示，但是他是基于FLASH data的，需要把html文件編譯進ROM中，而我不想這樣，這樣會占用大量的RO-data段。于是乎之前的文件系統用上了，要是讓他自動的加載TF卡上的文件和圖片就可以解放ROM了，這樣的話需要看一下作者的實現框架，然后根據框架對源碼進行修改。最后加入文件系統。完成組合。
1、websever 程序框架就我拿到的源碼分析，可以分為這么幾部分：
1、accept -TCP
2、獲取HTTP GET/POST請求，并取得URL。
3、HTTP 分析URL并對HTTP做響應。數據交換
4、文件傳輸完畢結束。
5、fin -TCP
2、虛擬文件系統源碼沒有文件系統，但是作者虛擬了一套簡易的文件系統，說白了就是對存在FLASH的HTML文件進行讀取管理。虛擬了ROOT根目錄，然后在ROOT目錄下使用鏈表連接了幾個簡單的HTML文件。然后在HTTP請求的時候使用文件open/close。還好做的很接近于比較完整的文件系統。
err = fs_open(&hs->file_handle, g_psDefaultFilenames[loop].name);
uri = g_psDefaultFilenames[loop].name;
for (f =FS_ROOT; f != NULL; f = f->next) {
if (!strcmp(name, (const char *)f->name)) {
file->data = (const char *)f->data;
file->len = f->len;
file->index = f->len;
file->pextension = NULL;
file->http_header_included = f->http_header_included;
3、重寫 只要看按照他的這個殼子，把內容換成SD卡上的文件就可以完成移植了。
3.1這就需要首先重寫這個函數--
http_find_file(struct http_state *hs, const char *uri)#ifdef HTTP_GET_USED_FILE_SYSTEM
/* 使用SD卡上的文件系統執行*/
static err_t
http_find_file(struct http_state *hs, const char *uri)
if (file_fopen(&Httpfile_CR, &myefs3.myFs, "index.txt", 'r') != 0)
{
return 0;
}
err=ERR_OK;
hs->file_handle->data=NULL;//這個不重要了，因為后面要使用READ 讀取SD卡 需要改變指針。
hs->file_handle.len = Httpfile_CR.FileSize;// //寫入文件長度相當相當的重要！！！！！！！！！！！！！！！！！！！！！！！！！
hs->file_handle.index = hs->file_handle.len; //index相同
hs->file_handle.pextension = NULL; //保持即可
hs->file_handle.http_header_included = hs->file_handle.http_header_included; //保持即可
uri="/index.html";//強制構造或者不該，還讓他保持這個名
3.2這樣可以完成文件句柄被指向SD卡中的實際文件-如果有，但是光這樣還是不夠的，無法把SD卡的文件偏移指針給HTTP自動控制發送。所以這就需要重寫另一個函數。http_write(struct tcp_pcb *pcb, const void* ptr, u16_t *length, u8_t apiflags)
#ifdef HTTP_GET_USED_FILE_SYSTEM
static err_t
http_write(struct tcp_pcb *pcb, const void* ptr, u16_t *length, u8_t apiflags) max_len = tcp_sndbuf(pcb);
if(max_len%512!=0)
{
max_len=((int)max_len/512)*512; //注意...*512并非廢物哦！！！！
}
HTTPbuf = (char*)mem_malloc((mem_size_t)max_len);
if(HTTPbuf==0)
{
return ERR_MEM;
}
len= file_read(&Httpfile_CR,max_len, (unsigned char*)HTTPbuf);
ptr= HTTPbuf;//改變文件指針，取得buf的地址。準備發送隊列中去
apiflags=1;//允許copy. 完成這2步之后就可以完成了HTTP 流了。HTTPSENT會自動的使用TCP的發送隊列把數據從SD卡中取出來發送出去了。
4、制作HTLM和logo文件使用dreamweaver 做一個表格，logo使用PNG圖片，可以直接截圖一個圖片然后另存為放到/logo 文件夾下。起一個名字就好了。（
/logo/btlogo.png"）完成之后拷貝進SD卡中。程序就可以自動的讀取他們了。
把HTML文件拿出來讓他和HTTP解析GET的時候的ROOT默認路徑文件名一只即可。-index.html(txt)文本也可。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>測試室溫度頁面</title>
</head>
<body>
<p><img src="http://c.51hei.com/a/a/c/5122215255950875.jpg" width="101" height="79" /></p>
<table width="1219" border="1">
<tr>
<th width="404" height="32" bgcolor="#CC0000" scope="col">名稱</th>
<th width="402" bgcolor="#CC0000" scope="col">溫度值</th>
<th width="391" bgcolor="#CC0000" scope="col">時間</th>
</tr>
<tr>
<td height="108" bgcolor="#996666"><div align="center"><strong>DS18B20傳感器A</strong></div></td>
<td bgcolor="#99CC99"><div align="center">xxx.xx<a id="cgqa"></a></div>
</td>
<td bgcolor="#CCCC99"><div align="center">
<!-- #BeginDate format:Ch1m -->15/11/16 19:39<!-- #EndDate -->
</div></td>
</tr>
<tr>
<td height="128" bgcolor="#996666"><div align="center"><strong>DS18B20傳感器B</strong></div></td>
<td bgcolor="#99CC99"><div align="center">yyy.yy<a id="cgqb"></a></div></td>
<td bgcolor="#CCCC99"><div align="center">
<!-- #BeginDate format:Ch1m -->15/11/16 19:39<!-- #EndDate -->
</div></td>
</tr>
</table>
<p> </p>
</body>
</html>logo
5、溫度傳感器數據記錄到HTML上的方法
溫度傳感器作為系統的一個任務自動2秒采集一次測試室的溫度存入一個固定的緩存中，并且已經完成了ascii轉碼。只要在實現一個自動找到HTML（txt）文件中的特定的溫度顯示位置的字符串就可以替換掉原來的字符，這樣等HTML再次請求的時候就可以記載上當前的溫度數據到網頁上了。于是先開始寫這個方法。
unsigned int FindFileString(char *str)
{
int len=0,index=0;
char *p;
// FILE *streamA=(FILE *)&myfile_CR;
do
{
len = file_read(&myfile_CR,512,(unsigned char*)filebuf);
if(strstr(filebuf,str)!=0)
{
p= strstr(filebuf,str);
len=(int)p-(int)filebuf;
return len+(index*512);
}
index++;
}while(len==512);//文件結束？？？？結束必定小于512字節
return 0;//沒有找到匹配字符
}
這樣一來就可以寫出來尋找這個文件中的字符串的函數了提前使用DW中的錨記住ID號。配對這個ID號即可。
#ifdef TEMP_WRITE_HTML
#include <stdio.h>
#include "file.h"
//溫度3位整數+2小數+小數點=6
#define STRINGLENTH 6
unsigned int FindFileString(char *str);
char filebuf[512];
/*
>xxx.xx<a id="cgqa"></a></div>
>yyy.yy<a id="cgqb"></a></div>
*/
char strA[]="<a name=\"cgqa\"";//匹配字符A 前面的6個字符處就是xxx.xx只要用溫度數據替換就好
char strB[]="<a name=\"cgqb\"";//匹配字符B 前面的6個字符處就是yyy.yy只要用溫度數據替換就好
char FS_Writehtml(char *p, unsigned int size)
static unsigned int deepsizeA=0,deepsizeB=0;//標志字符在文件中的位置
static char tempt[14]; if((deepsizeB==0)
{
if (file_fopen(&myfile_CR, &myefs2.myFs, "index.txt", 'r') != 0)
{
return 0;
}
deepsizeB= FindFileString(strB);//查找A字符和A的位置
// write the received data to the file
//datalen = file_write(&myfile_CR,size,p);
file_fread(&myfile_CR,deepsizeB-STRINGLENTH,STRINGLENTH,filebuf);
FileSystemClose(&myfile_CR,&myefs2.myFs);
}
if (file_fopen(&myfile_CR, &myefs2.myFs, "index.txt", 'w') != 0)
{
return 0;
}
file_fwrite(&myfile_CR,deepsizeB-STRINGLENTH,STRINGLENTH,tempt);
FileSystemClose(&myfile_CR,&myefs2.myFs);
在操作中發現文件系統竟然沒有實現'w'，只能自己建立一個空文件并填充文件。而不能寫拷貝進SD卡的文件，于是還得修改文件系統中的W實現。
源文件為：
case MODE_WRITE:
if(fs_findFile(fs,filename,&loc,&sec)) /* File may NOT exist, but parent HAS to exist */
{
return -2;
}
最后改成如下這樣就OK了
case MODE_WRITE:
if(fs_findFile(fs,filename,&loc,&sec)==1) /* File may NOT exist, but parent HAS to exist */
{
dir_getFileStructure(fs,&(file->DirEntry), &loc);
file_initFile(file,fs,&loc);
file_setAttr(file,FILE_STATUS_OPEN,1);
file_setAttr(file,FILE_STATUS_WRITE,1);
return (0);
} 不知道為什么原作者好像并不想讓人使用這個open-W 的函數呢。不 過經過我的測試和比對之后確定是安全的。這個地方真不知道作者他老人家是怎么想的，找了最新的源代碼看了一下，同樣是這樣寫的。類似的'r'的實現是這樣的，那個接口是被開放出來的
。 6、頁面和抓包分析
網頁中的溫度就可以顯示出來了。
HTTP抓包
先是GET請求然后是加載了HTML文件的
文本，之后網頁會把里面的logo再次使用GET的方法從服務器拿到這張圖了。
TCP包的話每一步都可以看的清的了。
laowang
bt
QQ好友和群
QQ空間
騰訊微博
騰訊朋友
收藏
淘帖
頂
踩
