ESP32-Web-Server编程- 实现 Web 登录网页
概述
是时候实现更加安全的网页了。登录机制是最简单的控制网页访问权限的方法。
需求及功能解析
本节演示如何在 ESP32 上部署一个 Web 服务器,并建立登录页面的机制,用户可以实现登录、登出的功能,控制通过网页访问 ESP32 的内部信息的权限。文章来源:https://www.toymoban.com/news/detail-848775.html
目录结构
├── CMakeLists.txt
├── main
│ ├── CMakeLists.txt
│ └── main.c User application
├── components
│ └── fs_image
└── README.md This is the file you are currently reading
- 目录结构主要包含主目录 main,以及组件目录 components.
- 其中组件目录components中包含了用于存储网页文件的 fs_image 目录(即前述前端文件)。
前端代码
登录机制的实现主要是在 JS 文件内。首先在 components/fs_image/web_image/js/index.js 中设置了检查函数,通过检查 是否使能了 login_user
,来判断是否跳转到登录界面 login.html
.文章来源地址https://www.toymoban.com/news/detail-848775.html
$(function(){
if(!sessionStorage.getItem('login_user')){
window.location = "./logi
到了这里,关于ESP32-Web-Server编程- 实现 Web 登录网页的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!