uniApp原生Android蓝牙打印机,打印小票

 有需求就有供应,话不多说上demo

<template>
    <view class="printer">
        <view class="insert_blue">
            <view class="title">
                <text style="font-weight:bold;">打印机</text>
                <text style="color:#7c7c7c;font-size:25rpx; " @click="this.showpopup = true">添加蓝牙打印机</text>
            </view>
            <view class="blue" v-if="printer">
                <view > <text>{{printer}}</text> </view>
                <view>
                    <u-button type="error" size="mini" @click="onBreakConnect">断开连接</u-button>
                    <u-button type="error" size="mini" @click="this.showpopup = true">重新连接</u-button>
                </view>
            </view>
            <view class="empty" v-else>
                <text class="iconfont icon-wulanya"></text>
                尚未连接任何设备
                <view style="padding:10rpx 100rpx">
                    <u-button shape="circle" @click="this.showpopup = true">添加蓝牙打印机</u-button>
                </view>
            </view>
        </view>
        <view class="demo_blue" v-if="printer">
            <u-button type="success" @click="printSomething" >{{printer}}  打印机测试</u-button>
        </view>
        <u-popup v-model="showpopup" mode="bottom">
            <view class="popup">
                <view class="label">
                    附近可连接设备
                </view>
                <view
                    class="device"
                     v-for="(device,index) in deviceList" :key="index">
                    <view>
                        <view class="name">{{device.name}}</view>
                        <view class="address">{{device.address}}</view>
                    </view>
                    <view class="flex-item">
                        <u-button plain size="mini" @click="onConnect(device,printTest)" shape="circle" >连接</u-button>
                    </view>
                </view>
            </view>
        </u-popup>
        
    </view>
    
</template>

<script>
    export default {
        data() {
            return {
                showpopup:false,
                printer:"",
                device:null,
                deviceList: []
            }
        },
        onLoad() {
            this.initPrinter();
            uni.getStorage({
                key:"Bluetooth"
            }).then(res=>{
                console.log(res.data.devices);
            })
        },
        methods: {
            onConnect(device,printTest){
                this.printer = device.name
                this.device = device
                let func = printTest.toString()
                if(this.printer){
                    uni.showToast({title:"连接成功"}).then(()=>{
                        uni.setStorage({
                            key:"Bluetooth",
                            data:{devices:device}
                        })
                        this.showpopup = false
                    })
                }
            },
            onBreakConnect(){
                // 断开蓝牙
                this.printer = ""
                this.device = null
                printTests = null
            },
            initPrinter() {
                this.deviceList = [];
                var main = plus.android.runtimeMainActivity();
                var Context = plus.android.importClass("android.content.Context");
                var BManager = main.getSystemService(Context.BLUETOOTH_SERVICE);
                plus.android.importClass(BManager); 
                var BAdapter = BManager.getAdapter();
                plus.android.importClass(BAdapter); 
                var lists = BAdapter.getBondedDevices();
                plus.android.importClass(lists);
                var iterator = lists.iterator();
                plus.android.importClass(iterator);
                while (iterator.hasNext()) {
                    var d = iterator.next();
                    plus.android.importClass(d);
                    var temp = {
                        name: d.getName(),
                        address: d.getAddress(),
                        status: d.getBondState(),
                        uuids: d.getUuids(),
                        op: d
                    };
                    this.deviceList.push(temp);
                }
            },
            printSomething() {
                let dev = this.device
                var main = plus.android.runtimeMainActivity();
                var BluetoothAdapter = plus.android.importClass("android.bluetooth.BluetoothAdapter");
                var UUID = plus.android.importClass("java.util.UUID");
                var uuid = UUID.fromString("00001101-0000-1000-8000-00805F9B34FB");
                var BAdapter = BluetoothAdapter.getDefaultAdapter();
                var device = BAdapter.getRemoteDevice(dev.address);
                plus.android.importClass(device);
                var bluetoothSocket = device.createInsecureRfcommSocketToServiceRecord(uuid);
                plus.android.importClass(bluetoothSocket);
                console.log("开始连接打印机:"+dev.name);
                if (!bluetoothSocket.isConnected()) {
                    bluetoothSocket.connect();
                    if (bluetoothSocket.isConnected()) {
                        var outputStream = bluetoothSocket.getOutputStream();
                        plus.android.importClass(outputStream);
                        this.printTest(outputStream)
                        bluetoothSocket.close();
                        if (!bluetoothSocket.isConnected()) {
                            console.log("设备已关闭");
                        }
                    } else {
                        uni.showToast({
                            title: '设备连接失败',
                            icon:'error',
                            duration: 2000
                        });
                    }
                }
            },
            printTest(outputStream) {
                var text =
                `
                    \x1B\x21\x10 \t#易派到家# \r\n \x1B\x21\x01普通字体\r\n
                `
               // text += "\x1B\x45\x10 蓝斑打印测试-字体变大 -加粗\r\n"; 
               // text += "\x1B\x21\x01 普通字体\r\n";
                 const arrayBuffer = plus.android.invoke(text, 'getBytes', 'gbk');
                outputStream.write(arrayBuffer);
                outputStream.flush();
            },
        }
    }
</script>

<style scoped lang="scss">
    .demo_blue{
        background: #fff;
        padding:30rpx;border-radius:20rpx; margin:30rpx 0;
    }
    .blue{
        padding:30rpx; display: flex; justify-content: space-between;
        font-weight:bold;
    }
    .device{
        padding:20rpx 20rpx;
        margin:30rpx 0;
        display: flex; justify-content:space-between; align-items:center; line-height:50rpx;
        .address{
            color:#ff9900;font-size:25rpx;
        }
    }
    .popup{
        height:70vh; width:100%;
        padding:30rpx;
        .label{
            color:#999; font-size:25rpx;
        }
    }
    .empty{
        font-size:30rpx; color:#555555;
        line-height:70rpx;text-align: center;
        .iconfont{ font-size:40rpx }
    }
    .insert_blue{
        background: #fff;
        padding:30rpx;border-radius:20rpx;
        .title{
            padding:0 0 20rpx 0;display: flex;justify-content: space-between;
        }
        
    }
    .printer {
        padding:20rpx;
        font-size:30rpx;
    }
</style>
<style>
    page{
        background: #f8f8f8;
    }
</style>
 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蓝斑.json

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值