Esphome dynamic wifi

ThaNerd · July 16, 2022, 9:04pm

Is there a way to change the ssid and pass dynamically via input_text?

something like:

wifi:
  ssid: id(wifi_ssid)
  password: id(wifi_pass)

  - platform: homeassistant
    name: "WIFI SSID"
    id: wifi_ssid
    entity_id: input_text.wifi_ssid
    
  - platform: homeassistant
    name: "WIFI PASS"
    id: wifi_pass
    entity_id: input_text.wifi_pass

nickrout · July 17, 2022, 7:20am

Chicken, meet egg.

The homeassistant sensor will not work unless wifi is already up. Go to 2
The wifi will not work without the ssid and password. Go to 1.

zoogara · July 17, 2022, 7:59am

No.

You can however:

Specify multiple wifi networks - it will connect to the strongest one. This is handy if you have a portable item that you move between different locations, it will connect to the “strongest” one. i.e. the one it can see.
Turn on captive portal. Then if it can’t connect to wifi you will be able to connect to the device in AP mode and set the credentials. Note however these credentials are not saved between reboots.

ThaNerd · July 18, 2022, 10:09pm

I specified multiple wifi and it did not work in my other house. Do both houses need to have a hassio server?

zoogara · July 18, 2022, 10:29pm

If you want to control your device from HA then yes. If you only have the one HA instance you can:

connect your device and HA to an external MQTT server - not recommended as it poses security risks
configure your device so that it can be controlled locally using the ESPHome web server (ESP32 recommended)

Note that if you aren’t connecting to a HA instance or a MQTT server you will need to set reboot_timeout to zero on either MQTT or API settings.

ThaNerd · July 18, 2022, 10:51pm

Oh i like the webserver option, will have to look into that.

ThaNerd · July 20, 2022, 2:31pm

For version 2, where is the folder located if I want to include my own?
“CSS and JS URL’s are set to empty value, so no internet access is needed for this device to show it’s web interface. V2 embeds the css within the js file so is not required, however you could include your own CSS.”

web_server:
  js_include: "./v2/www.js"
  js_url: ""
  version: 2

zoogara · July 20, 2022, 8:44pm

You can change things I believe - this is the docs:

github.com

esphome/esphome-docs/blob/39cd2b5fa72fe6788722bdbbb75d4f4ac5aa8834/components/web_server.rst

Web Server Component
====================

.. seo::
    :description: Instructions for setting up a web server in ESPHome.
    :image: http.svg
    :keywords: web server, http, REST API

The ``web_server`` component creates a simple web server on the node that can be accessed
through any browser and a simple `REST API`_. Please note that enabling this component
will take up *a lot* of memory and can lead to problems, especially on the ESP8266.

To navigate to the web server in your browser, either use the IP address of the node or
use ``<node_name>.local/`` (note the trailing forward slash) via mDNS.

To conserve flash size, the CSS and JS files used on the root page to show a simple user
interface are hosted by esphome.io. If you want to use your own service, use the
``css_url`` and ``js_url`` options in your configuration.

.. _REST API: /web-api/index.html

This file has been truncated. show original

At the bottom you can see stuff about including your own stylesheets etc for v1, or modifying the .js file for v2. I’m not enough of a web programmer to know what can be modified.