Send messages to the Arduino Yun with your internet browser

Create a web page containing a form that let you send text messages to your Arduino Yun thanks to the WebServer feature of the Yun.

Jun 15, 2016

•

9682 views

•

3 respects

wifi

server

Components and supplies

Arduino Yun

Project description

Code

Code snippet #1

arduino

1<!DOCTYPE HTML>
2<head>
3<title>Yun Messages</title>
4<script type="text/javascript"   src="zepto.min.js"></script>	
5</head>
6<body>
7<H1> Insert your message </H1>   
8<form name="msgform" onSubmit="return sendMsg()">
9<input type="text" name="msg">
10<input   type="submit" value="Yun it!" >
11</form>
12<script type="text/javascript">	
13	
14function   sendMsg() {	
15$.get('/arduino/msg/' + document.msgform.msg.value + '/',
16	function(){
17		alert("Success");
18	}
19);
20return   false;
21
22}
23</script>
24</body>

<!DOCTYPE HTML>
<head>
<title>Yun Messages</title>
<script type="text/javascript"   src="zepto.min.js"></script>	
</head>
<body>
<H1> Insert your message </H1>   
<form name="msgform" onSubmit="return sendMsg()">
<input type="text" name="msg">
<input   type="submit" value="Yun it!" >
</form>
<script type="text/javascript">	
	
function   sendMsg() {	
$.get('/arduino/msg/' + document.msgform.msg.value + '/',
	function(){
		alert("Success");
	}
);
return   false;

}
</script>
</body>

Code snippet #1

arduino

1<!DOCTYPE HTML>
2<head>
3<title>Yun Messages</title>
4<script type="text/javascript"  src="zepto.min.js"></script>	
5</head>
6<body>
7<H1> Insert your message </H1>  
8<form name="msgform" onSubmit="return sendMsg()">
9<input type="text" name="msg">
10<input  type="submit" value="Yun it!" >
11</form>
12<script type="text/javascript">	
13	
14function  sendMsg() {	
15$.get('/arduino/msg/' + document.msgform.msg.value + '/',
16	function(){
17		alert("Success");
18	}
19);
20return  false;
21
22}
23</script>
24</body>

<!DOCTYPE HTML>
<head>
<title>Yun Messages</title>
<script type="text/javascript"  src="zepto.min.js"></script>	
</head>
<body>
<H1> Insert your message </H1>  
<form name="msgform" onSubmit="return sendMsg()">
<input type="text" name="msg">
<input  type="submit" value="Yun it!" >
</form>
<script type="text/javascript">	
	
function  sendMsg() {	
$.get('/arduino/msg/' + document.msgform.msg.value + '/',
	function(){
		alert("Success");
	}
);
return  false;

}
</script>
</body>

Code snippet #2

arduino

1#include <Bridge.h>
2#include <YunServer.h>
3#include <YunClient.h>
4
5YunServer  server;
6String msg;
7
8
9void setup () {
10  
11  Serial.begin(9600);
12  Bridge.begin();
13  server.listenOnLocalhost();
14  server.begin();  
15  
16  
17}
18 
19void loop () {
20  //*********Read new message from the client**************
21  YunClient client = server.accept(); //check new clients
22  
23  if(client)  {
24    String command = client.readStringUntil('/');  //read the incoming data  
25    if (command == "msg") {      
26       msg = client.readStringUntil('/');             // read the incoming data
27    }
28    client.stop();   
29  }  
30  
31}
32
33

#include <Bridge.h>
#include <YunServer.h>
#include <YunClient.h>

YunServer  server;
String msg;


void setup () {
  
  Serial.begin(9600);
  Bridge.begin();
  server.listenOnLocalhost();
  server.begin();  
  
  
}
 
void loop () {
  //*********Read new message from the client**************
  YunClient client = server.accept(); //check new clients
  
  if(client)  {
    String command = client.readStringUntil('/');  //read the incoming data  
    if (command == "msg") {      
       msg = client.readStringUntil('/');             // read the incoming data
    }
    client.stop();   
  }  
  
}

Comments

Only logged in users can leave comments

Arduino_Scuola

0 Followers

•

0 Projects

Intro

Trademarks & CopyrightsWhistleblowingDigital Services ActTerms of ServicePrivacy PolicySecurityCookie Settings

Report content