dirk
/
mg_sonoff
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Enhance wifi-setup-web 

PUBLISHED_FROM=3d4511723b65ec3dfb7c3691a46f093da75e3004
This commit is contained in:
Бобби 2017-09-09 00:59:30 +03:00 committed by Cesanta Bot
parent 6926f9191b
commit a178ff5987
4 changed files with 49 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
fs/index.html
View File

@ -15,6 +15,7 @@
min-height: 7em; white-space: pre; padding: 0.5em; overflow: auto; min-height: 7em; white-space: pre; padding: 0.5em; overflow: auto;
} }
</style> </style>
<script src="zepto.min.js"></script>
</head> </head>
<body> <body>
@ -31,7 +32,31 @@
via simple Web UI.</p> via simple Web UI.</p>
<p>This page communicates with the device via <p>This page communicates with the device via
<a href="https://mongoose-os.com/docs/#/rpc/">Mongoose OS RPC mechanism</a> <a href="https://mongoose-os.com/docs/#/rpc/">Mongoose OS RPC mechanism</a>
using HTTP/RESTful as a transport protocol.</p> using HTTP/RESTful as a transport protocol. A small JavaScript library,
<a href="http://zeptojs.com/">zepto</a>, is used as a drop-in replacement
for jQuery, for making AJAX calls to the device.
</p>
<p>Open <code>fs/index.html</code>, or right-click on this page and
choose "view source".</p>
<p>
First, this web page makes a call to the
<code>http://DEVICE_IP/rpc/Config.Get</code> RESTful endpoint, which
triggers <code>Config.Get</code> RPC service and returns a large JSON
object (click <a target="_blank" href="/rpc/Config.Get">here</a> to see) with full device configuration. From that object, we take
WiFi SSID and password, and stick them into the text inputs.
</p>
<p>Second, we install a button click handler, which grabs values from the
text inputs, creates a JSON string with the device configuration subtree
that <code>Config.Set</code> RPC call expects,
and calls a <code>/rpc/Config.Set</code> endpoint.
</p>
<p>Similarly, you can call any other RPC service that device has. Call
<code>RPC.List</code> to get a list of all RPC services available.
</p>
</div> </div>
<div class="row form"> <div class="row form">
@ -56,62 +81,32 @@
</div> </div>
<script> <script>
var ajax = function(opts) {
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
xhr.onreadystatechange = function() {
if (xhr.readyState != 4) return;
if (xhr.status == 200) {
(opts.success || function() {})(xhr.responseText, xhr);
} else {
(opts.error || function() {})(xhr.responseText, xhr);
}
};
xhr.open(opts.method || 'GET', opts.url, true);
xhr.send(opts.data ? JSON.stringify(opts.data) : '');
};
var e = function(id) {
return document.getElementById(id);
};
var log = function(msg) { var log = function(msg) {
var el = document.createElement('span'); $('<span/>').html(msg + '\n').appendTo('#result')
el.innerHTML = msg + '\n';
e('result').appendChild(el);
};
e('save').onclick = function() {
log('Calling /rpc/Config.Set ...');
ajax({
url: '/rpc/Config.Set',
method: 'POST',
error: function(data, xhr) {
console.log(xhr);
log('Error: ' + xhr.responseError);
},
data: {config: {wifi: {sta: {enable: true, ssid: e('ssid').value, pass: e('pass').value}}}},
success: function(data, xhr) {
log('Success. Saving and rebooting ...');
ajax({
url: '/rpc/Config.Save',
method: 'POST',
data: {reboot: true},
});
},
})
}; };
log('Calling /rpc/Config.Get ...'); log('Calling /rpc/Config.Get ...');
ajax({ $.ajax({
url: '/rpc/Config.Get', url: '/rpc/Config.Get',
success: function(data, xhr) { success: function(data) {
log('Result: ' + data); log('Result: ' + JSON.stringify(data));
try { $('#ssid').val(data.wifi.sta.ssid);
var o = JSON.parse(data); $('#pass').val(data.wifi.sta.pass);
e('ssid').value = o.wifi.sta.ssid; },
e('pass').value = o.wifi.sta.pass; });
} catch (e) {}
} $('#save').on('click', function() {
log('Calling /rpc/Config.Set ...');
$.ajax({
url: '/rpc/Config.Set',
data: JSON.stringify({config: {wifi: {sta: {enable: true, ssid: $('#ssid').val(), pass: $('#pass').val()}}}}),
type: 'POST',
// contentType: 'application/json',
success: function(data) {
log('Success. Saving and rebooting ...');
$.ajax({url: '/rpc/Config.Save', type: 'POST', data: JSON.stringify({"reboot": true})});
},
})
}); });
</script> </script>

2
fs/zepto.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

5
mos.yml
View File

@ -6,20 +6,15 @@ libs_version: ${mos.version}
modules_version: ${mos.version} modules_version: ${mos.version}
mongoose_os_version: ${mos.version} mongoose_os_version: ${mos.version}
sources:
- src
filesystem: filesystem:
- fs - fs
libs: libs:
# common mgos libs
- origin: https://github.com/mongoose-os-libs/ca-bundle - origin: https://github.com/mongoose-os-libs/ca-bundle
- origin: https://github.com/mongoose-os-libs/http-server - origin: https://github.com/mongoose-os-libs/http-server
- origin: https://github.com/mongoose-os-libs/i2c
- origin: https://github.com/mongoose-os-libs/rpc-service-config - origin: https://github.com/mongoose-os-libs/rpc-service-config
- origin: https://github.com/mongoose-os-libs/rpc-service-fs - origin: https://github.com/mongoose-os-libs/rpc-service-fs
- origin: https://github.com/mongoose-os-libs/rpc-uart - origin: https://github.com/mongoose-os-libs/rpc-uart
- origin: https://github.com/mongoose-os-libs/spi
- origin: https://github.com/mongoose-os-libs/wifi - origin: https://github.com/mongoose-os-libs/wifi
tags: tags:

5
src/main.c
View File

@ -1,5 +0,0 @@
#include "mgos_app.h"
enum mgos_app_init_result mgos_app_init(void) {
return MGOS_APP_INIT_SUCCESS;
}