Please mark this thread as Solved.
Ok, it's been a while but I figured out how to set a simple server running on the Linux side (python server), rendering a local webpage using html and javascript, and using Jquery Ajax to transfer data between client and server, and then using bridge to share data with Arduino!
I will share this little example that may be very useful to beginners like me.
What's this project about: You can turn on or off Led 13 of Arduino Yun from any webrowser, from any gadget (cellphone or pc) connected to the local network. When you understand this example, you can set sensors to gather data or controll lightbulbs at home and other interesting stuff.
Software Parts of the proyect:
1.- Python server running on Linux, made with Bottle framework.
2.- HTML interface (with javascript code)
3.- Arduino Sketch
Hardware Parts:
1.- Arduino Yun
2.- Any cellphone with browser
3.- PC to program Arduino
Thanks to Robin2 for sharing his previous project.
Python Server Code :
from controllers import ledController as led
#!/usr/bin/python
import sys
from lib.bottle import route, post, run, template, request, static_file
index_html = open('index2.html').read()
@route('<path:path>')
def server_static(path):
print "PATH"
return static_file(path, root=
'/mnt/sda2/scripts/BottleDemo_led13/public')
# previous line must reflect the actual absolute path
@route('/')
@route('/start')
def starting():
print "STARTING"
return template(index_html)
@post('/ledCmd')
def continuing():
led.set()
print "toggle"
return template(index_html)
run(host='192.168.50.13', port=5555)
# previous line may need to be changed
Python server led controller
#!/usr/bin/python
import sys
sys.path.insert(0, '/usr/lib/python2.7/bridge/')
from bridgeclient import BridgeClient as bridgeclient
bc = bridgeclient()
from lib.bottle import route, run, template, request, response
def set():
x=request.forms.get('boton')
print x
bc.put('on',x)
return
HTML/Javascript Code
<!DOCTYPE html>
<html>
<body>
<h1>Toggle LED 13</h1>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript" src="javascript/led.js"></script>
<script>
var ledOn = 2;
var ledOff = 1;
</script>
<button type="button" id="bon"
onclick="buttonClick(ledOn)">
ON</button>
<button type="button" id="boff"
onclick="buttonClick(ledOff)">
OFF</button>
</body>
</html>
Javascript custom function
function buttonClick(y){
$.post('/ledCmd',{
boton: y
},
function (response){
$('#content').html(response);
});
};
Arduino Yun Sketch:
#include <Bridge.h>
char t[1]={'5'}; //random value
int aux=0;
long tiempo = 500; //refresh time
long tiempo_actual=0;
void setup() {
pinMode(13,OUTPUT);
digitalWrite(13, HIGH); //Lights goes off when Linux is ready
delay(60000); //wait until Linux side boots
Bridge.begin();
//Serial.begin(9600);
digitalWrite(13, LOW);
}
void loop() {
if(millis()-tiempo_actual > tiempo){
tiempo_actual=millis();
aux=Bridge.get("on",t,1);
//Serial.println(t[0]);
//Serial.println(aux);
if(t[0]=='2') digitalWrite(13,HIGH);
else digitalWrite(13,LOW);
}
}
).