Post topics, source code that relate to the Arduino Platform

User avatar
By Jmartens1114
#80373 Hi everyone I’m new here. I’d like to see if I could possibly get some help with a sketch I’ve found online. The name pretty much sez it all.
It’s based on a library called wifimanager with a cool feature called auto connect AP that will log you on WiFi. Well basically it has two buttons for turning on relays (sorry I’m still green as grass) that would be perfect for my use. The sketch will show up on my iPhone and ask for credentials and disappear like it’s connected but I can’t connect to the ip listed in sketch to pull up buttons in next step. Could anyone give me a hand?
Thank you in advance for your time and energy
#include <ESP8266WiFi.h> // https://github.com/esp8266/Arduino
#include <DNSServer.h>
#include <ESP8266WebServer.h>
#include <WiFiManager.h> // https://github.com/tzapu/WiFiManager
#include <string.h>

ESP8266WebServer server(80);

int relay1_pin = 0;
int relay2_pin = 2;

boolean relay1_state = true; // Turned on by default
boolean relay2_state = true; // Turned on by default

// See http://modtronix.com/mod-rly2-5v.html <- Active Low
boolean relay_module_active = LOW; // Are the relays turned on by going HIGH or LOW?

String page = "<!DOCTYPE html>\n<html>\n<head>\n<meta http-equiv=Content-Type content=\"text/html; charset=utf-8\" />\n<meta http-equiv=X-UA-Compatible content=\"IE=8,IE=9,IE=10\">\n<meta name=viewport content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\"/>\n<style>body{font-family:sans-serif}.switch{cursor:pointer;width:5.5em;border:1px solid #5f645b;color:#fff;border-radius:.8em;margin-left:20px}.toggle,.state{margin:.1em;font-size:130%;font-weight:normal;text-align:center;float:left}.toggle{width:1.1em;background-color:#f5f5f5;color:#000;text-align:center;border:1px solid grey;border-radius:.5em;margin-right:.1em;margin-left:.2em}.state{padding-top:.05em;width:2em}.on{background-color:#56c94d}.off{background-color:#eceeef;color:#aaaab8}.on .toggle{float:right}.off .toggle{float:left}.clearfix{clear:both}table td{vertical-align:middle}table h2{margin:0;padding:0;font-weight:normal;margin-top:4px}</style>\n<script>function toggle(a){document.location.href=\"relay\"+a+\"/toggle\"};</script>\n</head>\n<body>\n<h1>Relay Mangager</h1>\n<table border=0>\n<tr><td>\n<h2>Relay 1</h1>\n</td><td>\n<div class=\"switch {{relay1_state}}\" onclick=toggle(1)>\n<div class=toggle>&nbsp;</div>\n<div class=state>{{relay1_state}}</div><br class=clearfix />\n</div>\n</td></tr>\n<tr><td>\n<h2>Relay 2</h1>\n</td><td>\n<div class=\"switch {{relay2_state}}\" onclick=toggle(2)>\n<div class=toggle>&nbsp;</div>\n<div class=state>{{relay2_state}}</div><br class=clearfix />\n</div>\n</td>\n</tr>\n</table>\n</body>\n</html>";

IPAddress sta_ip = IPAddress(192,168,0,20);
IPAddress sta_gw = IPAddress(192,168,0,1);
IPAddress sta_sn = IPAddress(255,255,255,0);

String get_human_state(bool relay_state){
if(relay_state == 1){
return "on";
}else{
return "off";
}
}

String get_page(){
String x = page;
x.replace("{{relay1_state}}", get_human_state(relay1_state));
x.replace("{{relay2_state}}", get_human_state(relay2_state));
return x;
}

void handle_root() {
Serial.println("Request incoming...");
server.send(200, "text/html", get_page());
delay(100);
Serial.println("Request handled.");
}

void handle_not_found() {
Serial.println("404 Not Found ");
server.send(404, "text/plain", "Not Found. You requested \"" + server.uri() + "\"");
delay(100);
Serial.println("Request handled.");
}

int get_relay_pin(int relay_number){
if(relay_number == 1){
return relay1_pin;
}

if(relay_number == 2){
return relay2_pin;
}
}

bool get_relay_state(int relay_number){
if (relay_number == 1){
return relay1_state;
}
if (relay_number == 2){
return relay2_state;
}
}

void set_relay_state(int relay_number, bool state){
if (relay_number == 1){
relay1_state = state;
}
if (relay_number == 2){
relay2_state = state;
}
}

void handle_relay() {
int relay_number;
int relay_pin;

if (server.uri() == "/api/relay1"){
relay_pin = relay1_pin;
relay_number = 1;
}else if(server.uri() == "/api/relay2"){
relay_pin = relay2_pin;
relay_number = 2;
}

if (server.method() == HTTP_GET){
Serial.println("GET REQUESTed");
server.send(200, "text/json", "{\"state\": " + String(get_relay_state(relay_number)) + "}");

}else if (server.method() == HTTP_POST){
Serial.println("POST REQUESTed");

for ( uint8_t i = 0; i < server.args(); i++ ) {
Serial.println( "" + server.argName ( i ) + ": " + server.arg ( i ));
if (server.argName(i) == "state"){
set_relay(relay_number, bool(server.arg(i).toInt()));
server.send(200, "text/json", "{\"state\": " + String(get_relay_state(relay_number)) + ", \"set\": 1}");
}
}
}else{
server.send(501, "text/json", "{\"error\": \"Not Implemented: " + String(server.method()) + "\"}");
}

delay(100);
}

void handle_toggle(){
int relay_number;
int relay_pin;

if (server.uri() == "/relay1/toggle"){
relay_pin = relay1_pin;
relay_number = 1;
}else if(server.uri() == "/relay2/toggle"){
relay_pin = relay2_pin;
relay_number = 2;
}

set_relay(relay_number, !get_relay_state(relay_number));

server.sendHeader("Location", "/", true);
server.send (302, "text/plain", "");
server.client().stop();
}

void set_relay(int relay_number, bool state){
// Responsible for implementin the pin change and keeping track of the pin state.
// This method could be less verbose, but I like easily readable code.

if (state == 1){
// We want to turn this relay on, so we need to take it low
digitalWrite(get_relay_pin(relay_number), relay_module_active);
set_relay_state(relay_number, 1);
}else{
// We want to turn this relay off, so we need to take it high
digitalWrite(get_relay_pin(relay_number), !relay_module_active);
set_relay_state(relay_number, 0);
}
}

void setup() {
// Set up the pins and apply the default state.
pinMode(relay1_pin, OUTPUT);
pinMode(relay2_pin, OUTPUT);
set_relay(1,relay1_state);
set_relay(2,relay2_state);

Serial.begin(115200);

WiFiManager wifiManager;
//wifiManager.resetSettings();
wifiManager.setTimeout(180);
wifiManager.setSTAStaticIPConfig(sta_ip, sta_gw, sta_sn);

if(!wifiManager.autoConnect("AutoConnectAP")) {
Serial.println("Failed to connect and hit timeout");
delay(3000);
ESP.reset();
delay(5000);
}

Serial.println("Connected to Wifi...");

server.on("/", handle_root);
server.on("/api/relay1", handle_relay);
server.on("/api/relay2", handle_relay);
server.on("/relay1/toggle", handle_toggle);
server.on("/relay2/toggle", handle_toggle);

server.onNotFound (handle_not_found);
server.begin();
Serial.println("Server Started!");
}

void loop() {
server.handleClient();
}
User avatar
By theenggprojects
#80754 You are not gonna get help that way and neither that's a good way to start your project.

If you are new to ESP8266, then first of all spend some time with it. Try some builtin example codes, connect it to IP address and try GET or POST data examples and step by step move towards your goal. Otherwise you will have the complete code but you won't know what to do with it.
Last edited by theenggprojects on Sat Mar 06, 2021 6:56 pm, edited 2 times in total.
User avatar
By btidey
#80770 It is helpful if you post code inside the code tags </> This keeps the formatting and makes it much easier to read.

Note that wifimanager is nothing to do with the relay code. Wifimanager is a general purpsoe library included in many projects as it allows to initialise the wifi access via the temporary AP it sets up.

The relay code handlers do have serial print debug statements to indicate what is happening. You can use these to debug where it is going wrong. If necessary add more print statements.