ASP.NET网站从生产服务器打印TSC条码失败，咨询客户端打印方法

你的核心问题是本地环境下服务器与客户端是同一机器，能直接调用打印机，但生产服务器是远程的，无法访问客户端本地设备。以下是几种落地性强的解决方案：

方案1：浏览器原生打印API + 前端条码生成 #

实现逻辑 #

在客户端网页生成条码图片/HTML结构，调用浏览器window.print()触发打印，由用户选择本地TSC打印机。

步骤与代码示例 #

1. 前端生成条码：用JsBarcode这类JS库直接在客户端渲染条码，无需后端额外处理
2. 控制打印样式：通过CSS媒体查询隐藏非打印内容，确保条码尺寸匹配TSC标签
3. 触发打印：调用浏览器打印API

<!-- 隐藏的打印容器 -->
<div id="print-container" style="display: none;">
  <div id="barcode"></div>
  <div style="margin-top: 10px; font-size: 14px;">产品编号：<span id="prod-code"></span></div>
</div>

<button onclick="triggerPrint()">打印条码</button>

<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/dist/JsBarcode.all.min.js"></script>
<script>
function triggerPrint() {
  // 从后端接口获取产品编码（示例用固定值）
  const productCode = "PROD-2024-001";
  
  // 渲染条码
  JsBarcode("#barcode", productCode, {
    format: "CODE128",
    width: 2,
    height: 60,
    displayValue: false
  });
  document.getElementById("prod-code").textContent = productCode;
  
  // 触发打印
  window.print();
  
  // 打印后清空容器
  document.getElementById("barcode").innerHTML = "";
}
</script>

<style>
@media print {
  body * {
    visibility: hidden;
  }
  #print-container, #print-container * {
    visibility: visible;
  }
  #print-container {
    position: absolute;
    left: 20mm;
    top: 15mm; /* 匹配TSC标签的边距 */
  }
}
</style>

优缺点 #

• ✅ 无客户端软件依赖，兼容性覆盖所有现代浏览器
• ✅ 开发成本低
• ❌ 需要用户手动选择打印机，条码尺寸需精细调试

方案2：TSC官方Web打印SDK #

实现逻辑 #

利用TSC提供的Web SDK直接调用客户端本地安装的TSC打印机驱动，发送原生打印指令（无需用户选打印机）。

步骤 #

1. 客户端安装TSC打印机驱动及对应Web SDK组件（部分版本需安装ActiveX或浏览器插件，注意Chrome等现代浏览器的权限设置）
2. 前端引入SDK的JS文件，调用API连接打印机并发送打印指令

代码示例（伪代码，以TSC TTP-244为例） #

function printTSCBarcode() {
  // 初始化TSC打印机对象
  const tscPrinter = new TSC.WebPrinter();
  
  // 连接本地TSC打印机
  if (tscPrinter.connect("TSC TTP-244 Pro")) {
    // 设置标签尺寸（100mm宽，50mm高）
    tscPrinter.sendCommand("SIZE 100 mm, 50 mm");
    // 设置标签间隙
    tscPrinter.sendCommand("GAP 2 mm, 0 mm");
    // 打印条码（位置x=10mm, y=10mm，CODE128格式，高度50mm）
    tscPrinter.sendCommand(`BARCODE 10,10,"CODE128",50,1,0,2,4,"PROD-2024-001"`);
    // 打印产品文本
    tscPrinter.sendCommand(`TEXT 10,70,"Arial",0,2,2,"产品编号：PROD-2024-001"`);
    // 执行打印（1张）
    tscPrinter.sendCommand("PRINT 1,1");
    // 断开连接
    tscPrinter.disconnect();
  } else {
    alert("无法连接TSC打印机，请检查驱动与SDK是否安装");
  }
}

优缺点 #

• ✅ 直接控制打印机，打印精度高，无需用户手动选择设备
• ✅ 支持复杂标签布局
• ❌ 需要客户端安装SDK组件，现代浏览器对ActiveX支持有限，可能需配合Electron封装

方案3：客户端本地服务调用 #

实现逻辑 #

在客户端机器运行轻量本地服务（Windows服务/Node.js桌面应用），后端或前端通过HTTP/WebSocket调用该服务，由本地服务触发TSC打印。

步骤 #

1. 开发本地服务：用C#调用TSC的DLL，或用Node.js的printer库实现打印接口
2. 前端点击打印按钮时，向本地服务发送条码数据
3. 本地服务接收请求后执行打印

Node.js本地服务示例 #

const express = require('express');
const printer = require('printer');
const app = express();
app.use(express.json());

// 打印接口
app.post('/local-print', (req, res) => {
  const { productCode, printerName } = req.body;
  // 构造TSC原生打印指令
  const printCmd = `SIZE 100 mm, 50 mm
GAP 2 mm, 0 mm
BARCODE 10,10,"CODE128",50,1,0,2,4,"${productCode}"
TEXT 10,70,"Arial",0,2,2,"产品编号：${productCode}"
PRINT 1,1`;

  try {
    printer.printDirect({
      data: printCmd,
      printer: printerName,
      type: 'RAW',
      success: () => res.send('打印成功'),
      error: (err) => res.status(500).send(`打印失败：${err.message}`)
    });
  } catch (err) {
    res.status(500).send(`打印失败：${err.message}`);
  }
});

// 监听本地端口
app.listen(3001, 'localhost', () => {
  console.log('本地打印服务已启动：http://localhost:3001');
});

优缺点 #

• ✅ 完全自动化打印，无需用户干预
• ✅ 支持所有TSC打印机型号
• ❌ 需要用户安装本地服务，部署复杂度高

方案选择建议 #

• 优先选方案1：无客户端依赖，适合大多数普通场景
• 若需要精确控制打印参数，选方案2：需协调客户端安装SDK
• 若需完全自动化打印（如车间无人值守场景），选方案3：需额外部署本地服务

内容的提问来源于stack exchange，提问作者Vishakh Shetty