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!(我改成了其他的)
但是我试了一下,如果是用外网的化是无法访问的
查了网上的资料,使用路由器端口映射也没有办法
要用一些专用软件才可以,不过不是本次的重点~

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

ESP32创建局域网服务器VScode相关推荐

  1. ESP32利用SPIFFS(闪存文件系统)创建 Web服务器实现引脚控制

    ESP32利用SPIFFS(闪存文件系统)创建 Web服务器实现引脚控制 在本教程中,我们将向您展示如何构建一个web服务器,以提供存储在ESP32文件系统中的HTML和CSS文件.我们将创建分离的H ...

  2. Python命令行创建http服务器,局域网内的文件传输好助手

    python拥有创建http服务器的包,一个命令即可创建一个http server 服务器 但是python2与python3的命令稍有不同 1.python2 使用 python -m Simple ...

  3. 基于ESP32搭建物联网服务器十三(自已搭建一个MQTT服务器)

    在之前的文章中:ESP32搭建WEB服务器十二(使用MQTT协议与ESP32互动)_你的幻境的博客-CSDN博客 我们已经实现了ESP32通过MQTT协议连接到公共MQTT服务器上,但是公共服务器在稳 ...

  4. 4高并发服务器:UDP局域网服务器(组播)

     1 UDP局域网服务器 A读出每一个客户端发送过来的数据包,然后fork出子进程,由子进程去处理客户端请求. B客户端与服务器段交换多个数据报,服务器为每一个客户端连接创建新的socket,在其 ...

  5. python 服务器_只要一行Python代码,就能搭建一个共享文件局域网服务器

    不知道大家有没有遇到过这样的情况,在做项目或者研发的时候,迫切想要将一个文件传输给另一台电脑,却找不到U盘,于是麻烦的通过登陆qq.微信等社交软件,或者邮箱等工具进行传输,十分麻烦,让人苦恼. 都说P ...

  6. 局域网服务器文件夹隐藏,局域网服务器共享文件夹访问权限设置win7隐藏无权限共享文件夹方法.docx...

    局域网服务器共享文件夹访问权限设置win7隐藏无权限共享文件夹方法 ??局域网服务器共享文件夹访问权限设置.win7隐藏无权限共享文件夹的方法在局域网文件管理中,文件服务器共享文件的管理一直是当前网络 ...

  7. 创建局域网内远程git仓库,并将本地仓库push推到远程仓库中

    转自原文 创建局域网内远程git仓库,并将本地仓库push推到远程仓库中 1. 先远程登录局域网内服务器 2. 在服务器里 切换到某个文件夹下, 然后新建一个文件夹用作git仓库(文件夹名最好跟准备推 ...

  8. 如何创建 SVN 服务器,并搭建自己的 SVN 仓库

    SVN是一个广泛使用的版本控制系统,在日常工作中有广泛的应用空间,比如文档管理,我们就可以搭建一个 SVN 仓库,日常需要归类保存的文档统统上传到仓库中,那如何创建 SVN 服务器, 又如何搭建 SV ...

  9. flask+uwsgi+supervisor+nginx在局域网服务器上部署实践

    flask可以快速的搭建http服务,但是为了搭建网站还是需要web服务器和相关监控管理操作,一套flask.uwsgi.supervisor.nginx是较好的完整解决方案. 本文对自己学习做一个记 ...

  10. esp虚拟服务器,esp32搭建web服务器

    esp32搭建web服务器 内容精选 换一换 云解析服务支持为域名快速添加网站解析,通过该功能可以简化解析记录的配置,包含如下两种场景:网站解析至IP地址:为域名的主域名和子域名分别添加一条A类型记录 ...

最新文章

  1. Word打開時出現嚴重錯誤無法開啟的处理方法
  2. 【MPI编程】任意节点数的蝶形求和(高性能计算)
  3. php 升级php5,thinkphp5升级步骤
  4. Java中List的用法
  5. 完美解决Ubuntu16.04虚拟机窗口自适应问题
  6. MFC如何使控件大小随着对话框大小自动调整
  7. USB-WiFi在x210板子上的移植
  8. 详解 Qt 串口通信程序全程图文 (5)
  9. 用virt-manager管理远程KVM虚拟机
  10. vector 注意事项
  11. PCB中 D-Subminiature(DB接口) 连接器系列分类及带有3D封装绘制
  12. 当年上大学时,编程老师让我们用html+CSS实现一个天猫官网
  13. 自动驾驶相关功能名词和汽车名词解释
  14. 保险经纪公司达信联合IBM开发区块链平台
  15. [转]爬虫的现状和反爬虫
  16. php k线公式源码,K线动能(附图,贴图 ,源码)
  17. 潇洒郎:批量压缩大师——python实现文件批量命名+批量加密码——GUI软件——打包exe文件
  18. 水平仪算公式计算机,水准仪的使用及计算方法
  19. 以编程的方式向窗体添加控件以及对内容高亮显示
  20. 智能手表的下半场,机遇与挑战并存

热门文章

  1. 利用Python删除Android项目中未使用的layout
  2. 最简单日柱推算法_日柱的简单计算方法
  3. js 视频插件zyMedia下载和使用方法
  4. 在html中进行表单设计,谈谈网页中的表单设计
  5. 文明IV模组(MOD)制作指南
  6. 推荐几个适合上班摸鱼的神操作!
  7. IntelliJ IDEA 激活 破解补丁
  8. Error: Failed to launch the browser process!
  9. English_do
  10. HR看完这种简历就崩溃?真相是这样的!