文章目錄

• 前言
• 一、本文目的
• 二、使用步驟
• • 1.準備工作
  • 2.引入庫文件
  • 3.頁面使用
• 總結

---

前言

在項目中使用了lodop控件，然而蛋疼的發現這玩意uniapp app端不能直接使用，在vip售后群里面也問過，客服讓自己研究發了什么請求，搞了幾天也沒什么進展，后面百度大法發現一篇博文 uni-APP使用lodop打印工具 ，作者給的方法倒也是能用，但是博文里的庫文件需要修改部分代碼，有時間的可以去原文下載研究，下文會放出修改后的庫文件下載鏈接，如果本博文幫助到您，希望您能點贊收藏加關注。

---

一、本文目的

由于uniapp的app端沒有document，所以app端不能使用lodop的js文件，本文將解決該問題，實現uniapp中使用lodop打印控件在app端的打印功能。

二、使用步驟

1.準備工作

• 將打印服務器設置為固定ip；
• 將打印機連接到打印服務器，也就是安裝lodop控件的電腦；
• 在打印服務器上安裝CLodop軟件，直接上官網下載即可，如果有防火墻，一律允許；
• 測試打印機是否正常打印，可以在h5項目中測試是否能用代碼打印；
• 在手機瀏覽器 用ip+端口 測試是否能正常訪問lodop，默認是8000和18000端口，出現類似下圖頁面即可，根據業務需求設置廣域局域打印，關于廣域網局域網打印的配置可參考lodop官網說明；
  
• 因為該方法只能實現直接打印，不能使用lodop的預覽打印，而lodop直接打印在沒有購買注冊號的情況下會有“試用版輸出”字樣水印（預覽打印是沒有水印的），自行購買注冊即可，只做測試的話，可以忽略該步驟。
• 下載庫文件： 本站下載

沒有積分下載的朋友評論或私信郵箱地址獲取

2.引入庫文件

將下載好的庫文件復制到項目中；

修改16、17行ip地址為打印服務器地址；

strHostURI: "http://192.168.0.16:8000", wsHostURI: "ws://192.168.0.16:8000/c_webskt/",

修改126行ip地址為打印服務器地址，可以通過uni.setStorageSync(‘fl_ip’,‘ip’) 修改本地緩存的ip，根據需求自行調整；

let ip = uni.getStorageSync('fl_ip') || '192.168.0.16';

3.頁面使用

引入頁面

import {getCLodop, getPrinterList} from "../../../common/CLodopfuncs";

獲取LODOP對象

let LODOP = getCLodop();

初始化

LODOP.PRINT_INIT(null, "192.168.0.16");

設置由哪個打印機執行打印，注意這里不能像在h5中直接使用打印服務器中保存的打印機名稱，須傳入打印機在打印服務器中的序號，排序規則為打印機列表逆序從0開始，-1為默認打印機；

LODOP.SET_PRINTER_INDEX(5);

代碼如下（示例）：

import {getCLodop, getPrinterList} from "../../../common/CLodopfuncs"; export default {data(){},methods:{test() {let LODOP = getCLodop();// 更換為打印服務器ip 不需要加前綴LODOP.PRINT_INIT(null, "192.168.0.16");// 打印機序號 規則為打印服務器打印機列表倒數從0開始 -1為默認打印機 LODOP.SET_PRINTER_INDEX(5);// 設置打印紙大小LODOP.SET_PRINT_PAGESIZE(1, 800, 600, "");// 根據需求插入打印代碼LODOP.PRINT(); // 打印},} }

除了前兩句代碼、不能預覽外，使用方法和官網一致，在低版本的lodop控件中會存在二維碼缺失的情況。

---

總結

以上就是本文要講的內容，本文僅僅簡單介紹了該庫文件的的使用，實際使用可在調通之后，根據業務進行修改，如果本文對您有所幫助，請點贊收藏加關注。

總結

以上是生活随笔為你收集整理的uniapp中使用lodop打印控件实现app广域、局域网打印功能，亲测可用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。