ESP32创建局域网服务器VScode

ESP32创建局域网服务器VScode

之前把VScode的ESP32环境搞定了，一直想实现看到视频里面那种连接之后直接在浏览器输入一个IP就可以看到视频的那种效果，于是就各种查资料试试看。但是发现用VScode相关的实现资料好少，无奈只能自己看看一步一步的走试一试。
整体分析了下，要实现这个主要要分几步
1：先实现数据的连接。就是说我能打开浏览器看到一些东西，首先要先连接起来，毕竟先有数据交互是一切的基础
2：然后看如何让浏览器看到我指定要显示的东西，比如图片，文字，或者视频
3：接着如何实现浏览器的操作反馈。
不过还好官方是有专门的例程库，今天我们就来看看这个实现这个目标的第一步——先让我们连接好之后能从浏览器上面看到我们预设的简单信息。
首先打开官方例程：

打开这个http_server simple项目。
我在打开这个项目后其中里面有个头文件是看不到的，这个把对应的路径加入即可

然后连接我们的ESP32cam，注意要配置我们的wifi以及密码，点击最下面的小齿轮按钮，就会弹出配置界面，在里面搜索ssid和password，进行配置，配置完成之后点击保存。

点击编译，下载，以及运行显示，就会出现以下信息

到这一步，连接同样局域网的终端就可以打开网页看到信息啦
浏览器要输入的信息就是运行过程中这里显示的IP和端口以及文件信息，比如我这里就是192.168.1.106：80\hello（注意用英文符号）（后面的那个hello是帮助文件里面看到的URL，其实就是它设置好的，我们也可以修改）

这里我们登入这个连接就会显示我们预先设置的内容，在本次例程里面就是hello word！（我改成了其他的）
但是我试了一下，如果是用外网的化是无法访问的
查了网上的资料，使用路由器端口映射也没有办法
要用一些专用软件才可以，不过不是本次的重点~

好了，现在第一步实现啦！接下来我们要做的就是尽量看懂这个代码实现过程，不然就算实现了也很难用好~