前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >商家自动打印订单小票,原来可以这样做

商家自动打印订单小票,原来可以这样做

作者头像
腾讯云开发TCB
发布2020-06-03 15:02:41
3.3K0
发布2020-06-03 15:02:41
举报
文章被收录于专栏:云开发

云开发(CloudBase)是一款云端一体化的产品方案 ,采用 serverless 架构,免环境搭建等运维事务 ,支持一云多端,助力快速构建小程序、Web应用、移动应用。

很多商家,尤其是餐饮/超市行业的商家,他们的小程序在收到新订单的时候,无法像美团那样自动打印订单小票,这给他们配货、送货带来很大的不便。所以他们非常希望小程序能够对接小票打印机自动打印小票,我们今天就介绍一下如何通过云开发实现这个功能。

作者介绍

唐全,小程序云开发的布道师,持续分享云开发代开发、云开发对接外部系统的课程和知识。

2013年大学毕业后从事银行设备软件的开发、售前技术支持工作,在东南亚、中东各国开发过项目。2018年9月,开始从事小程序开发创业工作,尤其专注于云开发技术的研究,对于云开发第三方平台代开发、云开发与外部系统对接等有着丰富的经验。2019年1月,正式创立广州采云信息科技有限公司,公司致力于为广大中小商家提供优质的云开发小程序。希望将云开发普及到各行各业,让云开发帮助商家(开发者)降低成本、提升效率。

1、 准备一台网络小票打印机

我们以飞鹅这个牌子为例。首先购买一台飞鹅打印机,然后在飞鹅网站上注册成为开发者,添加这台打印机,USER和UKEY会用在云开发后台来调用打印机。

2、云开发后台调用打印机

在打印机所有接口中,最重要是“小票机打印订单”这个接口。在这个接口中,我们看到只需要将打印参数组装好,然后通过POST请求发送给URL即可。

代码非常简单,如下:

代码语言:javascript
复制
request('http://api.feieyun.cn/Api/Open/', qs.stringify(postData))

postData是要发送的数据,因为打印机要求请求头是:application/x-www-form-urlencoded,所以请注意请求头而且请求数据需要进行qs.stringify()拼接操作。至于postData的具体内容将在第3步中介绍。

3、postData组成

根据文档,数据由用户名、时间戳、签名、接口名、打印机编号、打印内容、打印次数等组合而成。我们按照要求将数据进行组合就行了。

代码非常简单,如下:

代码语言:javascript
复制
const postData = {
    user: USER,   //用户名
    stime:timeStamp, //时间戳
    sig: crypto.createHash('sha1').update(USER + UKEY + timeStamp).digest('hex'),//签名
    apiname: "Open_printMsg",
    sn: printer, //打印机编号
    content: util.formatOrderInfo (orderInfo), //打印内容
    times: times,//打印份数
  };

4、打印效果如下

5、打印格式参考代码

打印内容处理:

代码语言:javascript
复制
const formatOrderInfo = function (cloudOrder, name = '') {
var orderInfo = '<CB>' + name + ' 新订单</CB><BR>';
orderInfo = '<B>' + cloudOrder.startDate + '</B><BR><BR>';
orderInfo += '名称 数量 单价 总价<BR>';
orderInfo += '--------------------------------<BR>';
for (var i = 0; i < cloudOrder.products.length; i++) {
let price = cloudOrder.products[i].price
orderInfo += cloudOrder.products[i].name + ' ' + cloudOrder.products[i].label + hanleSpace(cloudOrder.products[i].name + ' ' + cloudOrder.products[i].label, 16) + cloudOrder.products[i].number + hanleSpace(cloudOrder.products[i].number.toString(), 4) + price + hanleSpace(price.toString(), 6) + parseFloat(parseFloat(cloudOrder.products[i].number * price).toFixed(2)) + '<BR><BR>';
}
if (cloudOrder.coupon) orderInfo += "优惠券抵扣:-" + cloudOrder.coupon.disCount + "<BR>";
if (cloudOrder.remark) orderInfo += "<B>备注:" + cloudOrder.remark + "</B><BR>";
orderInfo += '--------------------------------<BR>';
orderInfo += '<B>总计:' + cloudOrder.amount + '元</B><BR>';
orderInfo += '<B>' + cloudOrder.linkMan + ' ' + cloudOrder.mobile + "</B><BR>";
if (cloudOrder.city || cloudOrder.address) orderInfo += '<B>' + cloudOrder.city + cloudOrder.address + "</B><BR>";

orderInfo += '支付方式:' + cloudOrder.payWay + "<BR>";
orderInfo += '下单时间:' + cloudOrder.dateTime + "<BR>";
orderInfo += "订单编号:" + cloudOrder.orderId + "<BR>";
orderInfo += "下单手机:" + cloudOrder.phoneNumber + "<BR>";
orderInfo += "会员卡号:" + cloudOrder.cardNumber + "<BR>";

//orderInfo += '<QR>http://www.pcloud.ac.cn</QR>';
return orderInfo
}

空格处理:

代码语言:javascript
复制
const hanleSpace = function (item, widht) {
var len = 0;
for (var j = 0; j < item.length; j++) {
var c = item.charCodeAt(j);
//单字节加1
if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
len++;
} else {
len += 2;
}
}
let tmp = widht - len % 32
len = tmp > 0 ? tmp : 32 + tmp;
var kong = '';
for (var a = 0; a < len; a++) {
kong += ' ';
}
return kong
}
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-04-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 腾讯云开发CloudBase 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档