H5網頁呼叫58熱敏小票印表機實現列印小票

2021-08-29 03:37:58 字數 902 閱讀 9683

雲列印我的理解是印表機直連雲端,列印需求方通過api呼叫雲伺服器,雲伺服器下發訂單到印表機。此方案可以解決藍芽印表機和usb印表機的諸多缺陷,特別適合外賣單,堂食單,網上商超,收銀支付,後廚選單,倉庫訂單等場景。

查閱網上資料得知成都優聲科技出了雲印表機,於是對接了他們,現分享乙個網頁版的demo,後端是用php寫的,方便有需要的朋友對接學習。

請填寫如下表單

印表機終端號

請輸入印表機終端號

印表機秘鑰

請輸入印表機秘鑰

列印內容請輸入列印內容

提交列印

print.php

<?php 

require_once __dir__ . "/../vendor/autoload.php";

$device_id = $_post['device_id'];

$device_secret = $_post['device_secret'];

$zprinter = new \ushengyun\printer($rpc);

$printdata = empty($_post['printdata']) ? '優聲雲擁有自主研發的雲印表機,提供穩定高效,高可用的雲列印方案' : $_post['printdata'];

try catch (exception $e)

列印效果:

不得不說,還是很理想的

h5網頁開發

如果使用vue框架,不足 過渡不行,會出現 使用v html或v cloak解決,注意 務忘記需要分頁的頁面是否需要跳轉前有資料更新需要先修改頁面顯示再跳轉防止返回時的顯示錯誤 如 未讀列表進入詳情,返回後應該是已讀 常見問題 儲存資料不完整導致切換時資料丟失 在進入支付頁前需清除之前遺留資料防止出...

微信內嵌H5網頁 解決js倒計時失效

專案本身的開發跟移動端網頁並無太多差異,只是這昨天遇到乙個問題,說是棘手,到也簡單。使用者下單後,在選擇支付方式頁面,有個倒計時的邏輯 從下單時開始計算,24小時後未支付,會有ws自動取消這個訂單 js 如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 ...

微信內嵌H5網頁 解決js倒計時失效

專案本身的開發跟移動端網頁並無太多差異,只是這昨天遇到乙個問題,說是棘手,到也簡單。使用者下單後,在選擇支付方式頁面,有個倒計時的邏輯 從下單時開始計算,24小時後未支付,會有ws自動取消這個訂單 js 如下 頁面效果如下 這樣寫,本來沒有任何問題的,而且本地測試都ok。後來,後來當然不能著急啊,各...