RTOS: TM4C129 HTTP Server | Using external files in HTML

Daniel Vamos

Tool/software: TI-RTOS

Hello,

I am using HTTP Server with TI RTOS (latest version) on TM4C129EXL LP. My Problem is the following. I have an HTML file (static or cgi, doesn't matter) that links external resources like *.css and *.js.

<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
      <title>Title</title>
      <link rel="stylesheet" href="css/material.css">
      <style>#view-source {position: fixed;display: block;right: 0;bottom: 0;margin-right: 40px;margin-bottom: 40px;z-index: 900;}</style>
      <script src="css/script.js"></script>
   </head>
   <body class="mdl-demo mdl-color--grey-100 mdl-color-text--grey-700 mdl-base">
      <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
         <header class="mdl-layout__header mdl-layout__header--scroll mdl-color--primary">
            <div class="mdl-layout--large-screen-only mdl-layout__header-row"></div>
            <div class="mdl-layout--large-screen-only mdl-layout__header-row">
               <h3>Name &amp; Title</h3>
            </div>
            <div class="mdl-layout--large-screen-only mdl-layout__header-row"></div>
            <div class="mdl-layout__tab-bar mdl-js-ripple-effect mdl-color--primary-dark"><a href="#overview" class="mdl-layout__tab is-active">Overview</a><a href="#features" class="mdl-layout__tab">Features</a><a href="#features" class="mdl-layout__tab">Details</a><a href="#features" class="mdl-layout__tab">Technology</a><a href="#features" class="mdl-layout__tab">FAQ</a></div>
         </header>
         <main class="mdl-layout__content">
            <div class="mdl-layout__tab-panel is-active" id="overview"></div>
         </main>
         <footer class="mdl-mini-footer"></footer>
      </div>
   </body>
</html>

When I add both resource to the target and hitting refresh button on the browser only each of referred files can be loaded. *.js or the *.css not both. I made some tests and realized that only the first referenced file can be loaded. In the above example the css is loaded because it is above than the js file. When I change the order the js is OK but css fails.

Please see the chrome screenshot

The error is: ERR_SOCKET_NOT_CONNECTED

Do you have any idea how to overcome this issue?

Thank you for your kind reply

over 7 years ago

0 ToddMullanix over 7 years ago

TI__Guru* 96960 points

Hi Daniel,

Can you attach sample .css and .js files? I was to try and reproduce the issue, but I want to make sure I have a setup that shows the problem.

Todd

0 Daniel Vamos over 7 years ago in reply to ToddMullanix

Genius 3950 points

src.zip

please see the attachment. That would be great if we can solve it. It is hard to find good only css framework and I dont have to rewrite the whole http part.

0 ToddMullanix over 7 years ago in reply to Daniel Vamos

TI__Guru* 96960 points

Hi Daniel,

Thanks. It's working for me.

Here's the project I used.

http_with_css_js.zip

Todd

0 ToddMullanix over 7 years ago in reply to ToddMullanix

TI__Guru* 96960 points

Note: I did not clean up names...index_withCGI2.html (which has your source) was used to generate index_withCGI.h in the above zip.

0 Daniel Vamos over 7 years ago in reply to ToddMullanix

Genius 3950 points

Hey,
I checked your project and it is working very well. Now, I still don't know what is the problem in my solution. Just to be sure that you only add the HTTP server using XCONF to your project and attached the required hooks for the files. Is that all?
I am using TM4C129EXL board, but I don't think that it may affect on the http.

I will make some tests and let you know the outcome.

Thank you!

0 ToddMullanix over 7 years ago in reply to Daniel Vamos

TI__Guru* 96960 points

That's pretty much the only thing I did. I used the final soluation (non-SD one) from here: processors.wiki.ti.com/.../TI-RTOS_HTTP_Example and
1. Replaced the index.html contents with yours
2. Converted your .html, .css and .js files to .h files
3. Added in the necessary new #includes and efs_createfile calls.

Rebuild/run.

0 Daniel Vamos over 7 years ago in reply to ToddMullanix

Genius 3950 points

I made an example based on TCP echo TM4C129EXL project.

Now you can see the problem that I have.tcpEcho_EK_TM4C129EXL_TI_TivaTM4C129ENCPDT.zip

0 ToddMullanix over 7 years ago in reply to Daniel Vamos

TI__Guru* 96960 points

Looks similar. Can you tweak your .cfg to more match the one I had?

0 Daniel Vamos over 7 years ago in reply to ToddMullanix

Genius 3950 points

OK, I got this!

The problem was the following:

In the TCP echo example under TCP - Module Settings the Default TCP send buffer size and receive buffer sizes were too small I raised them to 2048 and its OK.

Updated_tcpEcho_EK_TM4C129EXL_TI_TivaTM4C129ENCPDT.zip

Thank you for your help!!!

0 ToddMullanix over 7 years ago in reply to Daniel Vamos

TI__Guru* 96960 points

Cool!

0 Daniel Vamos over 7 years ago in reply to ToddMullanix

Genius 3950 points

I would like to mention the following settings that need to be changed:
pktNumFrameBufs
pktSizeFrameBuf

memRawPageSize
memRawPageCount

Can you tell me where can I find more literature about these parameters? Of may I ask you to say some words about them?

Thank you!

0 ToddMullanix over 7 years ago in reply to Daniel Vamos

TI__Guru* 96960 points

Here's some good reference material: processors.wiki.ti.com/.../TI-RTOS_Networking_Stack_Memory_Usage

Arm-based microcontrollers

Arm-based microcontrollers forum

RTOS: TM4C129 HTTP Server | Using external files in HTML