3. Software a instalar

Para la parte web

Microsoft Edge Chromium
Mozilla Firefox
Google Chrome
PHP
Para Linux y apple

Se puede instalar desde las tiendas de software.

Para Windows
  1. Descarga la versión Thread Safe que corresponda a la arquitectura de tu computadora (x64 o x86, la maypría son x64) desde https://windows.php.net/download#php-8.3.

  2. Crea una carpeta con nombre php en el disco C: y descompacta ahí el php

  3. Crea el archivo C:\php\php.ini con el siguiente contenido

    extension = php_mbstring.dll
    extension=php_pdo_sqlite.dll
    extension=php_pdo_mysql.dll
    extension=php_openssl.dll
    extension=php_sockets.dll
    extension=php_fileinfo.dll
    zend_extension = xdebug
    xdebug.mode = debug
    xdebug.start_with_request = yes
    
  4. Añade la ruta C:\php a la variable de ambiente PATH.

    1. Haz clic en el logo de Windows.

    2. Haz clic en Configuración.

    3. Haz clic en Sistema.

    4. Haz clic en Acerca de.

    5. Haz clic en Configuración avanzada del sistema. Te pide que autorices. Autoriza.

    6. Haz clic en Variables de entorno.

    7. En Variables del sistema selecciona Path y haz clic en Editar...

    8. Haz clic en Nuevo. Se abre una entrada y en ella teclea C:\php. Haz clic en Aceptar.

    9. Haz clic en Aceptar para cerrar las variables de entorno.

    10. Haz clic en Aceptar para cerrar las propiedades del sistema.

Visual Studio Code

Usa la URL https://code.visualstudio.com/.

Instala las extensiones:

  • es6-string-html de Tobermory
  • anuragsingk-PHP Server de Anuragsingk
  • PHP Debug de Xdebug
  • PHP Estension Pack de Xdebug
  • PHP Intellephsense de Ben Mewburn
  • PHP IntelliSense de Damjan Cvetko
  • Live Server de Ritwick Dey
  • SQLite Viewer de Florian Klampfer
  • Zip Tools de Adam Raichu

Haz clic en el engrane de abajo a la izquierda y seleciona Settings. En Extensions > PHP Server configuration configura lo siguiente

Phpserver Ip
localhost
Phpserver port
80

Xdebug
  • Crea una carpeta vacía y ábrela con Visual Studio Code.

  • Crea el archivo index.php con el siguiente contenido

    <?php
    
    phpinfo();
    
  • Haz clic derecho en index.php y selecciona PHP Server: serve project

  • Sigue las instrucciones de https://xdebug.org/wizard

Para ESP32

CP210x USB to UART Bridge VCP Drivers
Arduino IDE
Arduino core for ESP8266 WiFi chip
Arduino core for ESP32 WiFi chip
EspMQTTClient
  • Puedes descargar Arduino IDE desde https://www.arduino.cc/.

  • Video de Instalación de Arduino IDE + ESP8266 + ESP32 + ArduinoWebSockets.

    En el video no se muestra la instalación de la libresría EspMQTTClient, pero se instala como una librería normal. Si te solicita instalar otras librerías, instálalas también.

  • Las instrucciones de instalación son los siguientes:

    1. Selecciona la pestaña SOFTWARE y busca el DOWNLOAD para tu sistema operativo.

    2. Una vez instalado Arduino IDE, entra a esta aplicación, selecciona el menú Archivo > Preferencias. Se abre un cuadro de diálogo y en el campo Gestor de URLs Adicionales de Tarjetas introduce el valor

      https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json,https://arduino.esp8266.com/stable/package_esp8266com_index.json
    3. Selecciona el menú Herramientas > Placa:xxx > Gestor de tarjetas…. En ocasiones el gestor de tarjetas tarda un poco en habilitarse, por lo que tendrás que cerrar el menú y volver a abrirlo posiblemente unas cuantas veces.

    4. Instala las tarjetas esp32 y esp8266.

    5. Selecciona el menú Herramientas > Administrar bibliotecas…. En ocasiones el gestor de tarjetas tarda un poco en habilitarse, por lo que tendrás que cerrar el menú y volver a abrirlo posiblemente unas cuantas veces.

    6. Instala la libresría EspMQTTClient. Se instala como una librería normal. Si te solicita instalar otras librerías, instálalas también.

skip_previous skip_next