[OpenR8 解決方案] HttpServer

一、HttpServer 介紹

 

HttpServer 的功能為傳送要收到的檔案,透過網頁來顯示接收檔案的內容。

HttpServer 的流程如下圖1所示,每一個步驟於本文件之第三章節做詳細介紹。

 

圖1.HttpServer 的流程.png

圖1.HttpServer 的流程。

 

 

二、HttpServer 資料夾介紹

 

HttpServer 位於 OpenR8 的 solution 資料夾內,如圖2所示,其中包含:

  1. 資料夾:data 資料夾,放置測試的檔案,如圖3所示。
  2. flow檔案:HttpServer.flow,如圖3所示。

 

圖2.HttpServer 位置.png

圖2.HttpServer 位置。

 

圖3.HttpServer 資料夾.png

圖3.HttpServer 資料夾。

 

 

三、開啟與執行 HttpServer.flow

 

在【OpenR8資料夾】底下有一個【R8.exe】執行檔。如下圖4所示。滑鼠點擊兩下即可執行 R8.exe。

 

圖4.執行 R8.png

圖4.執行 R8.exe。

 

請點選【檔案】=>【開啟】=>【進入到 OpenR8 底下的 solution 資料夾】=>【選擇 HttpServer 資料夾】=>【選擇 HttpServer.flow 開啟】,如圖5圖6所示。

 

圖5.選擇 HttpServer.flow.png

圖5.選擇 HttpServer.flow。

 

圖6.開啟 HttpServer.flow.png

圖6.開啟 HttpServer.flow。

 

開啟後,按下上方【執行】伺服器,如圖7所示,視窗上的網址為測試要取得檔案的網址,並從 HttpServer 接收到的檔案內容顯示在網頁上。

 

圖7.執行 HttpServer.png

圖7.執行 HttpServer。

 

 

四、開啟網頁顯示從取得 HttpServer 接收的檔案內容

 

透過網頁輸入要取得的檔案網址,按下鍵盤 Enter 送出,在網頁上會顯示從 HttpServer 接收的檔案內容。如下圖8圖9圖10圖11所示。

 

圖8.輸入要取得的檔案網址 test.html .png

圖8.輸入要取得的檔案網址(test.html)。

 

圖9.輸入要取得的檔案網址 test.png .png

圖9.輸入要取得的檔案網址(test.png 。

 

圖10.輸入要取得的檔案網址 test.txt .png

圖10.輸入要取得的檔案網址(test.txt) 。

 

圖11.輸入要取得的檔案網址 test.mp4 .png

圖11.輸入要取得的檔案網址(test.mp4)。

 

 

五、HttpServer.flow 流程

 

這個章節主要介紹 HttpServer.flow 流程的函式內容,下表會提供有可能更動的功能與內容,來幫助使用者快速找到想更改的位置。

 

可能自行更改 的功能

下方第幾項方塊圖的流程函式介紹

更改的參數 欄位名稱

更改測試取得的網址通道(port)

第 2 項 Httpd_設置

埠:9000 => 改成自己想要的通道

更改讀取檔案的路徑 (data)

第 2 項 Httpd_設置

根目錄:data => 改成自己想要讀取的路徑

設定網頁連線時間(timeout)

第 2 點 Httpd_設置

超時:30 => 改成自己想要的連線時間

 
 
  1. Httpd_初始化:

製作測試用的網頁前先初始化,如圖12

 

圖12.HttpServer.flow 的 Httpd_初始化.png

圖12.HttpServer.flow 的 Httpd_初始化。

 

  1. Httpd_設置:

設定測試用的網頁使用之通道、執行數量…等等,如圖13所示。

結果:

網頁設定的成功與否。

Httpd 物件:

選擇【Httpd_設置】所創立的物件。

埠:

測試用的網頁所連接的通道,這裡填 9000。

根目錄

設定讀取或存取時的起始位置,這裡填 data/。

執行緒數量

一次可執行多少網頁。

最大監聽連線數:

最多可允許多少網頁等待回應。

超時:

網頁超過多少秒後就不回應,這裡填 30。

 

圖13.HttpServer.flow 的 Httpd_設置.png

圖13.HttpServer.flow 的 Httpd_設置。

標籤: