软件学习——esp32用http获取浏览器中数据(13)

HTTP协议数据明文传输,安全性较低,而HTTPS结合SSL提供加密处理,增强安全性。使用HTTPS需向CA申请证书,可能产生费用。HTTPS由于SSL握手,建立连接所需时间更长,且使用443端口。虽然更安全,但HTTPS会消耗更多服务器资源。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

http和https区别

HTTP 明文传输,数据都是未加密的,安全性较差,HTTPS(SSL+HTTP) 数据传输过程是加密的,安全性较好。

使用 HTTPS 协议需要到 CA(Certificate Authority,数字证书认证机构) 申请证书,一般免费证书较少,因而需要一定费用。证书颁发机构如:Symantec、Comodo、GoDaddy 和 GlobalSign 等。

HTTP 页面响应速度比 HTTPS 快,主要是因为 HTTP 使用 TCP 三次握手建立连接,客户端和服务器需要交换 3 个包,而 HTTPS除了 TCP 的三个包,还要加上 ssl 握手需要的 9 个包,所以一共是 12 个包。

http 和 https 使用的是完全不同的连接方式,用的端口也不一样,前者是 80,后者是 443。

HTTPS 其实就是建构在 SSL/TLS 之上的 HTTP 协议,所以,要比较 HTTPS 比 HTTP 要更耗费服务器资源。

http代码解析

### ESP32-CAM 集成 UniApp 开发指南 #### 1. 准备工作 为了成功将ESP32-CAM与UniApp集成,需准备如下材料和环境设置: - **硬件设备**:确保拥有安信可官方出品的ESP32-CAM开发板[^3]。 - **软件环境**: - 安装并配置好Arduino IDE用于编写ESP32-CAM固件程序[^2]。 - 设置好NodeMCU Lua或其他适合的语言来控制ESP32-CAM完成图像捕捉功能[^1]。 #### 2. 实现基本功能——通过Wi-Fi传输图片至服务器端 利用ESP32-CAM内置WiFi模块连接网络并将拍摄的照片上传到指定HTTP/HTTPS地址。此过程涉及修改`index.html`文件中的JavaScript部分以发起AJAX请求获取来自ESP32-CAM的数据流,并将其展示于前端页面内。 ```javascript function fetchImage() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { document.getElementById('image').src = URL.createObjectURL(xhr.response); } }; xhr.open("GET", "/capture", true); // 假设ESP32-CAM已部署了一个/capture接口返回JPEG格式照片数据包 xhr.responseType = 'blob'; xhr.send(null); } ``` #### 3. 创建简单的UniApp应用界面 在HBuilderX中新建项目,在pages目录下创建名为camera的新页面,编辑其对应的`.vue`文件定义UI布局结构以及交互逻辑。 ```html <template> <view class="content"> <button type="primary" @click="takePhoto">拍照</button> <img :src="photoUrl"/> </view> </template> <script> export default { data(){ return{ photoUrl:'' } }, methods:{ takePhoto:function(){ uni.request({ url: 'http://your.esp32-cam.local/capture', responseType:"arraybuffer", success(res){ this.photoUrl=uni.arrayBufferToBase64(res.data); }.bind(this), fail(err){console.log(err)} }) } } }; </script> ``` 以上代码片段展示了如何构建一个简易的应用场景,其中包含了触发远程命令让ESP32-CAM执行抓拍动作并通过WebSocket或者其他方式接收处理后的二进制图像信息最终呈现在界面上的功能实现思路。 #### 4. 运行测试 当所有准备工作完成后就可以尝试运行整个流程了。启动ESP32-CAM上的Web服务监听特定路径下的访问请求;与此同时打开手机浏览器扫描二维码预览编译打包好的UniApp小程序效果验证两者之间能否正常通信协作达成预期目标即点击按钮后能够看到最新捕获的画面显示出来。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值