LED via Mobile 📱💡

<?php
/**
 * API simples para controle do LED
 * Armazena o estado em um arquivo JSON
 */

// Permitir requisições de qualquer origem (CORS)
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type");
header("Content-Type: application/json");

// Responder preflight (OPTIONS)
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
    http_response_code(200);
    exit();
}

// Arquivo que armazena o estado do LED
$arquivo = __DIR__ . '/led_estado.json';

// Inicializar arquivo se não existir
if (!file_exists($arquivo)) {
    file_put_contents($arquivo, json_encode(['ligado' => false]));
}

// GET: Retorna o estado atual do LED
if ($_SERVER['REQUEST_METHOD'] === 'GET') {
    $estado = json_decode(file_get_contents($arquivo), true);
    echo json_encode([
        'success' => true,
        'ligado' => $estado['ligado'] ?? false
    ]);
    exit();
}

// POST: Altera o estado do LED
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $dados = json_decode(file_get_contents('php://input'), true);
    
    if (isset($dados['ligado'])) {
        $novoEstado = ['ligado' => (bool)$dados['ligado']];
        file_put_contents($arquivo, json_encode($novoEstado));
        
        echo json_encode([
            'success' => true,
            'message' => 'Estado atualizado!',
            'ligado' => $novoEstado['ligado']
        ]);
    } else {
        http_response_code(400);
        echo json_encode(['success' => false, 'error' => 'Campo "ligado" é obrigatório']);
    }
    exit();
}

// Método não suportado
http_response_code(405);
echo json_encode(['error' => 'Método não permitido']);
?>

/************************************************
 * LED CONTROLADO VIA MOBILE - ESP32
 * O ESP32 consulta a API a cada segundo
 * e liga/desliga o LED conforme o comando
 ***********************************************/

#include <WiFi.h>
#include <HTTPClient.h>

// ========== CONFIGURAÇÕES ==========
// ALTERE PARA SUA REDE WIFI!
const char* SSID = "NOME_DA_SUA_REDE";
const char* SENHA = "SENHA_DA_SUA_REDE";

// ALTERE PARA O IP DO SEU COMPUTADOR!
// Descubra com: ipconfig (Windows) ou ifconfig (Linux/Mac)
const char* URL_API = "http://192.168.1.100/iot/api/led.php";

// Pino do LED
const int PINO_LED = 13;

void setup() {
  Serial.begin(115200);
  
  // Configura o LED como saída
  pinMode(PINO_LED, OUTPUT);
  digitalWrite(PINO_LED, LOW);

  // Conecta ao WiFi
  Serial.println("Conectando ao WiFi...");
  WiFi.begin(SSID, SENHA);

  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println("");
  Serial.println("✅ WiFi conectado!");
  Serial.print("IP: ");
  Serial.println(WiFi.localIP());
  Serial.println("Aguardando comandos do app...");
}

void loop() {
  if (WiFi.status() == WL_CONNECTED) {
    HTTPClient http;
    
    // Faz requisição GET para a API
    http.begin(URL_API);
    int httpCode = http.GET();

    if (httpCode == 200) {
      String resposta = http.getString();
      
      // Verifica se deve ligar o LED
      if (resposta.indexOf("\"ligado\":true") > 0) {
        digitalWrite(PINO_LED, HIGH);
        Serial.println("💡 LED LIGADO");
      } else {
        digitalWrite(PINO_LED, LOW);
        Serial.println("🔌 LED DESLIGADO");
      }
    } else {
      Serial.print("Erro HTTP: ");
      Serial.println(httpCode);
    }

    http.end();
  } else {
    Serial.println("⚠️ WiFi desconectado! Reconectando...");
    WiFi.begin(SSID, SENHA);
  }

  // Consulta a cada 1 segundo
  delay(1000);
}

/**
 * App de Controle do LED - Etapa 2
 * Tutorial do Prof. Reginaldo
 */

import React, { useState, useEffect } from 'react';
import { 
  View, 
  Text, 
  TouchableOpacity, 
  StyleSheet,
  ActivityIndicator 
} from 'react-native';

// ⚠️ ALTERE PARA O IP DO SEU COMPUTADOR!
const URL_API = 'http://192.168.1.100/iot/api/led.php';

export default function App() {
  // Estado do LED (true = ligado, false = desligado)
  const [ligado, setLigado] = useState(false);
  const [carregando, setCarregando] = useState(false);
  const [erro, setErro] = useState(null);

  // Carregar estado inicial ao abrir o app
  useEffect(() => {
    carregarEstado();
  }, []);

  // Função para carregar o estado atual do LED
  const carregarEstado = async () => {
    try {
      const resposta = await fetch(URL_API);
      const dados = await resposta.json();
      setLigado(dados.ligado);
      setErro(null);
    } catch (e) {
      setErro('Erro ao conectar com a API');
    }
  };

  // Função para alternar o estado do LED
  const alternarLED = async () => {
    setCarregando(true);
    
    try {
      const novoEstado = !ligado;
      
      const resposta = await fetch(URL_API, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ ligado: novoEstado })
      });
      
      const dados = await resposta.json();
      
      if (dados.success) {
        setLigado(novoEstado);
        setErro(null);
      }
    } catch (e) {
      setErro('Erro ao enviar comando');
    }
    
    setCarregando(false);
  };

  return (
    <View style={styles.container}>
      <Text style={styles.titulo}>💡 Controle do LED</Text>
      <Text style={styles.subtitulo}>Toque para ligar/desligar</Text>
      
      <TouchableOpacity 
        style={[
          styles.botao,
          ligado ? styles.botaoLigado : styles.botaoDesligado
        ]}
        onPress={alternarLED}
        disabled={carregando}
      >
        {carregando ? (
          <ActivityIndicator size="large" color="#fff" />
        ) : (
          <>
            <Text style={styles.emoji}>
              {ligado ? '💡' : '🔌'}
            </Text>
            <Text style={styles.botaoTexto}>
              {ligado ? 'LIGADO' : 'DESLIGADO'}
            </Text>
          </>
        )}
      </TouchableOpacity>
      
      {erro && (
        <Text style={styles.erro}>⚠️ {erro}</Text>
      )}
      
      <Text style={styles.rodape}>
        Tutorial do Prof. Reginaldo
      </Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#0f172a',
    alignItems: 'center',
    justifyContent: 'center',
    padding: 20,
  },
  titulo: {
    fontSize: 28,
    fontWeight: 'bold',
    color: '#22d3ee',
    marginBottom: 8,
  },
  subtitulo: {
    fontSize: 16,
    color: '#64748b',
    marginBottom: 40,
  },
  botao: {
    width: 200,
    height: 200,
    borderRadius: 100,
    alignItems: 'center',
    justifyContent: 'center',
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 4 },
    shadowOpacity: 0.3,
    shadowRadius: 8,
    elevation: 8,
  },
  botaoLigado: {
    backgroundColor: '#22c55e', // Verde
  },
  botaoDesligado: {
    backgroundColor: '#475569', // Cinza
  },
  emoji: {
    fontSize: 60,
    marginBottom: 10,
  },
  botaoTexto: {
    fontSize: 18,
    fontWeight: 'bold',
    color: '#fff',
  },
  erro: {
    color: '#ef4444',
    marginTop: 20,
    fontSize: 14,
  },
  rodape: {
    position: 'absolute',
    bottom: 40,
    color: '#475569',
    fontSize: 12,
  },
});