Web蓝牙打印Demo以及Webbluetooth的用法

简介: Web蓝牙打印Demo以及Webbluetooth的用法

最近项目需要连接蓝牙进行打印,一般连接连接蓝牙进行打印的都是通过APP,我们之前的项目也是通过Websoket发送打印数据,APP接收后,进行连接蓝牙打印,但是这样的方式就是不便捷的,对于用户来说,在下载一个APP,在进行打印,是比较麻烦的,所以找到了Webbluetooth,也是参考了很多文章。主要逻辑就是使用

 navigator.bluetooth.requestDevice({
          filters: [{
            namePrefix: 'CS3',
            acceptAllDevices: true,
           services: ['0000fee7-0000-1000-8000-00805f9b34fb'],

          }]
        })
                .then(device => {
                  console.log('> Found ' + device.name);
                  console.log('Connecting to GATT Server...');
                  return device.gatt.connect();
                })
                .then(server => server.getPrimaryService("0000fee7-0000-1000-8000-00805f9b34fb"))
                .then(service => service.getCharacteristic("0000fec7-0000-1000-8000-00805f9b34fb"))
                .then(characteristic => {
                  // Cache the characteristic
                  printCharacteristic = characteristic;
                 // console.log(printCharacteristic);
                  sendPrinterData();

上面的services就是打印服务的UUID,如何查找呢?主要通过:在浏览器中:输入chrome://bluetooth-internals/#adapter

就可以扫描到:

0bd162d9f2d3572ce8354030cf13632763d0c30c.jpg

这里就是services:

7aec54e736d12f2e7d2afa7512c2d562853568fc.jpg
demo:https://www.ylesb.com/demos/bluetooth-printer/index.html
就是打印服务的UUID,替换上面,然后打印数据函数自己定义好就可以了。最后附上一些参考学习的文章以及项目。
参考:

https://googlechrome.github.io/samples/web-bluetooth/index.html

https://www.jianshu.com/p/d991f0fdec63

https://webbluetoothcg.github.io/demos/bluetooth-printer/

https://webbluetoothcg.github.io/demos/

https://github.com/WebBluetoothCG/demos

https://github.com/Sun-Target/print

https://www.cnblogs.com/jam-liu/p/14654548.html

 

目录
相关文章
|
7月前
|
存储 开发框架 NoSQL
ASP.NET WEB——项目中Cookie与Session的用法
ASP.NET WEB——项目中Cookie与Session的用法
94 0
|
3月前
|
数据采集 Web App开发 JavaScript
Puppeteer的高级用法:如何在Node.js中实现复杂的Web Scraping
随着互联网的发展,网页数据抓取已成为数据分析和市场调研的关键手段。Puppeteer是一款由Google开发的无头浏览器工具,可在Node.js环境中模拟用户行为,高效抓取网页数据。本文将介绍如何利用Puppeteer的高级功能,通过设置代理IP、User-Agent和Cookies等技术,实现复杂的Web Scraping任务,并提供示例代码,展示如何使用亿牛云的爬虫代理来提高爬虫的成功率。通过合理配置这些参数,开发者可以有效规避目标网站的反爬机制,提升数据抓取效率。
311 4
Puppeteer的高级用法:如何在Node.js中实现复杂的Web Scraping
|
3月前
|
数据采集 存储 JavaScript
Puppeteer的高级用法:如何在Node.js中实现复杂的Web Scraping
在现代Web开发中,数据采集尤为重要,尤其在财经领域。本文以“东财股吧”为例,介绍如何使用Puppeteer结合代理IP技术进行高效的数据抓取。Puppeteer是一个强大的Node.js库,支持无头浏览器操作,适用于复杂的数据采集任务。通过设置代理IP、User-Agent及Cookies,可显著提升抓取成功率与效率,并以示例代码展示具体实现过程,为数据分析提供有力支持。
139 2
Puppeteer的高级用法:如何在Node.js中实现复杂的Web Scraping
|
2月前
|
JSON API 开发者
深入解析Python网络编程与Web开发:urllib、requests和http模块的功能、用法及在构建现代网络应用中的关键作用
深入解析Python网络编程与Web开发:urllib、requests和http模块的功能、用法及在构建现代网络应用中的关键作用
23 0
|
4月前
|
移动开发 数据挖掘 API
HTML5 中 Web Workers API 的用法
【8月更文挑战第24天】
58 0
|
6月前
|
存储 前端开发 中间件
Go Web 开发 Demo【用户登录、注册、验证】(3)
Go Web 开发 Demo【用户登录、注册、验证】
|
6月前
|
前端开发 数据库连接 Go
Go Web 开发 Demo【用户登录、注册、验证】(1)
Go Web 开发 Demo【用户登录、注册、验证】
|
6月前
|
JSON 前端开发 Java
Go Web 开发 Demo【用户登录、注册、验证】(4)
Go Web 开发 Demo【用户登录、注册、验证】
|
6月前
|
Go 数据库
Go Web 开发 Demo【用户登录、注册、验证】(2)
Go Web 开发 Demo【用户登录、注册、验证】
|
7月前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性