Go Down

Topic: Excellent Arduino Ethernet Shield Web Server Tutorial (Read 151664 times) previous topic - next topic

Rog2323

May 19, 2013, 12:49 pm Last Edit: Apr 17, 2015, 02:04 pm by Rog2323 Reason: URL changed
Hello all Arduino users.

I have found an excellent resource for making a web server using the Arduino Ethernet shield:
http://startingelectronics.org/tutorials/arduino/ethernet-shield-web-server-tutorial/

This is actually a set of tutorials and covers all the technologies necessary for making a web server.
It covers:
  • HTTP
  • HTML
  • JavaScript
  • Ajax
  • CSS
  • Web server hosted on SD card
  • Web server hosted without SD card


Someone commented on Twitter that this is possibly the best Arduino web server tutorial ever. After following it I can agree.  8)

So if you want to use the Arduino Ethernet shield as a web server, but are clueless where to start, then take a look at the tutorial - highly recommended.
Enjoy!

liudr

I only read the first few parts. So far so good. I wish I had see it before I started exploring. Thumbs up!
Serial LCD keypad panel,phi_prompt user interface library,SDI-12 USB Adapter

Zevna

I love it when a plan comes together.

JayStel

Went through the Ethernet tutorial. Outstanding! Bookmarked the site.

Rog2323

Just wondered what hardware you guys are using? Which Arduino board / Ethernet shield (or the combo one called Arduino Ethernet) and has anyone used the WiFi shield with the tutorial?

I saw a post on this forum about all sorts of problems with the WiFi shield. Anyone have any luck with it?

Rog.

liudr

The tutorial is mostly independent from what hardware is used, ethernet or wifi. Yes, I am responsible for posting and replying a lot of these wifi shield problem threads :)

The shield is not as stable as ethernet shield so if you want to try one, buy one that says R3 on it and never upgrade firmware. Then use arduino ide 1.0.2
Serial LCD keypad panel,phi_prompt user interface library,SDI-12 USB Adapter

Rog2323


The tutorial is mostly independent from what hardware is used, ethernet or wifi. Yes, I am responsible for posting and replying a lot of these wifi shield problem threads :)

The shield is not as stable as ethernet shield so if you want to try one, buy one that says R3 on it and never upgrade firmware. Then use arduino ide 1.0.2


Thanks for the info, liudr. I think I will wait a while before getting the WiFi shield.

I was asking about what hardware everyone was using out of curiosity, but good to know that the tutorial should work on most hardware. I am using a Arduino Uno before R2 revision and Ethernet shield v5. I think it is v5, the version number is not printed on the board and I am not sure how to find it. It looks like the one on shieldlist.org, so I think it must be version 5: http://shieldlist.org/arduino/ethernet-v5

liudr

The wifi client side is relatively robust enough on the other hand. I would wait a bit before spend the $100 USD for this shield. They just released a new IDE version and firmware for the wifi shield. If they have ears, I bet they are listening to the complaints and plan for future revisions right now.
Serial LCD keypad panel,phi_prompt user interface library,SDI-12 USB Adapter

danilovpm

How to access different network?

Web servers in this tutorial are used to serve web pages that can be accessed from a web browser running on any computer connected to the same network as the Arduino.

Thanks for sharing the tutorial, very good

pico

#9
Aug 12, 2013, 06:43 pm Last Edit: Aug 12, 2013, 06:53 pm by pico Reason: 1

I was asking about what hardware everyone was using out of curiosity, but good to know that the tutorial should work on most hardware.


I'm using an nRF24L01+ module for Wifi hardware, LOL.

I've got an example AJAX webserver sketch that is directly derived from the one on the startingelectronics.com. It's actually a bit simpler than the original sketch. Here it is:

http://embeddedcoolness.com/faq/00500-ajax-web-server/

I developed the RFX system because I thought Wifi shields were way too expensive a solution for wireless Internet for Arduinos and related devices. So I looked at how to use inexpensive radio transceivers (nRF24L01+) in order to do the same things. (The low powered versions can be had for less than $5, and the high power versions for less than $20.)

It's now affordable to give all your Arduino/Arduino-like projects wireless Internet capability, if that's what you want. (I know it's what I want!)

I've got some code snippets in the docs on the site showing how to do some common things (like send emails, post updates to an Xively feed, etc.), but I'll progressively be putting up additional complete example sketches to show how to do these things.

Hopefully I'll find time to get some new examples up in the next few days.
WiFi shields/Yun too expensive? Embeddedcoolness.com is now selling the RFXduino nRF24L01+ <-> TCP/IP Linux gateway: Simpler, more affordable, and even more powerful wireless Internet connectivity for *all* your Arduino projects! (nRF24L01+ shield and dev board kits available too.)

patrikk

Has anyone got this tutorial working ? I have problems with showing the webpage
I did this tutorial:

http://startingelectronics.com/tutorials/arduino/ethernet-shield-web-server-tutorial/SD-card-IO/

I've done other web server tutorial on that site and it work ( the none ajax).

I've also done another one from another site but both are based on David A. Mellis work.


and yes I've set the correct ip. I used the code as it was except for the IP and MAC

SurferTim

I use this code.
http://playground.arduino.cc/Code/WebServerST
It will keep port scanners and hackers like me from locking up your sketch. PuTTY is a wonderful tool.  :)

patrikk

Thanks but that solutions will not have an interactive GUI and also it will produce addtional text in the url if you want to change a port value.

I require a ajax solution to meet my needs.  so any other suggestions?

SurferTim

Search the forum for ajax with zoomkat as the author. He has some good ideas, even tho I can lock up most of his code in less than a minute.

patrikk

My problem was that I removed the SD include and the SD code and added the html into the sketch ( because I couldnt find my memory card). So I just bought a new one and used the code as is( except the IP change) and it worked fine.

Go Up
 


Please enter a valid email to subscribe

Confirm your email address

We need to confirm your email address.
To complete the subscription, please click the link in the email we just sent you.

Thank you for subscribing!

Arduino
via Egeo 16
Torino, 10131
Italy