Webserver with HTML/CSS without SD card on ESP8266 NodeMCU

Posted on Sat 29th, January 2022

• #1

Abhigkar

Hi folks,

I wonder if there is a simple way to create a web server with some HTML/CSS without having an SD card module.

I have a ESP8266 NodeMCU module with Espruino 2V03 flashed. I want to create a web interface to control my neopixel led decoration item from laptop/mobile (wifi only)

For that I want to crate some simple wen interface in html and display that in browser when access the esp8266 from the IP address.

Any pointers ??

//Abhinav
• #2

影之刃 in reply to @Abhigkar

你能连接上热点吗？
• #3

allObjects

@Abhigkar, sure you can do that. After you implemented the neopixel control software, how much space / variables do you have left? That kind of will define what you can do... I assume you have your ESP8266 on a local LAN as a station and not as an access point. In such configuration you can even pull in via - for example http://forum.espruino.com/conversations/267420/ , https://dojotoolkit.org/documentation/tutorials/1.10/hello_dojo/ - pull in nice frameworks, as I showed a while ago - http://forum.espruino.com/comments/12280075/ - and so did others, http://www.espruino.com/Interactive+Web+UI, etc.

Post a reply
- Bold
- Italics
- Link
- Image
- List
- Quote
- code
- Preview
Formatting Help

Don't worry about formatting, just type in the text and we'll take care of making sense of it. We will auto-convert links, and if you put asterisks around words we will make them bold.

Tips:

Create headers by underlining text with ==== or ----

To *italicise* text put one asterisk each side of the word

To **bold** text put two asterisks each side of the word

Embed images by entering:
![](https://www.google.co.uk/images/srpr/logo4w.png)
That's the hard one: exclamation, square brackets and then the URL to the image in brackets.

* Create lists by starting lines with asterisks

1. Create numbered lists by starting lines with a number and a dot

> Quote text by starting lines with >

Mention another user by @username

For syntax highlighting, surround the code block with three backticks:

```
Your code goes here
```
Just like Github, a blank line must precede a code block.

If you upload more than 5 files we will display all attachments as thumbnails.

For a full reference visit the Markdown syntax.