https部署C-Lodop打印控件

发布：2018-12-29 更新：2019-02-15 Web技术, 前端开发

使用C-Lodop打印控件作为Web网站/系统项目的打印部署，如果通过https协议访问需要下载安装C-Lodop扩展版(支持https，请在lodop官网下载安装)

使用C-Lodop打印控件作为Web网站/系统项目的打印部署，如果通过https协议访问需要下载安装C-Lodop扩展版(支持https，请在lodop官网下载安装)。

前端JS代码改造

假设之前已经安装部署了C-Lodop，在安装了C-Lodop扩展版之后需要改造一下原来的LodopFuncs.js文件（该文件是前端开发人员作为界面升级打印控件及全局调用的核心文件）。具体改造方法参考如下：

//====页面引用CLodop云打印必须的JS文件,用双端口(8000和18000）避免其中某个被占用：====
if (needCLodop()) {
    var src1 = "http://localhost:8000/CLodopfuncs.js?priority=1";
    var src2 = "http://localhost:18000/CLodopfuncs.js?priority=0";

    var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
    var oscript = document.createElement("script");
    oscript.src = src1;
    head.insertBefore(oscript, head.firstChild);
    oscript = document.createElement("script");
    oscript.src = src2;
    head.insertBefore(oscript, head.firstChild);
    CLodopIsLocal = !!((src1 + src2).match(/\/\/localho|\/\/127.0.0./i));
}
/*******之前旧版本可能是这样写的：*********/
//====页面引用CLodop云打印必须的JS文件：====
if (needCLodop()) {
    var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
    var oscript = document.createElement("script");
    oscript.src ="http://localhost:8000/CLodopfuncs.js?priority=1";
    head.insertBefore( oscript,head.firstChild );

    //引用双端口(8000和18000）避免其中某个被占用：
    oscript = document.createElement("script");
    oscript.src ="http://localhost:18000/CLodopfuncs.js?priority=0";
    head.insertBefore( oscript,head.firstChild );
};

将上面JS代码if语句调整为以下代码：

//====页面引用CLodop云打印必须的JS文件,用双端口(8443和8444）避免其中某个被占用：====
if (needCLodop()) {
    var src1 = "https://localhost:8443/CLodopfuncs.js?priority=1";
    var src2 = "https://localhost:8444/CLodopfuncs.js?priority=0";

    var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
    var oscript = document.createElement("script");
    oscript.src = src1;
    head.insertBefore(oscript, head.firstChild);
    oscript = document.createElement("script");
    oscript.src = src2;
    head.insertBefore(oscript, head.firstChild);
    CLodopIsLocal = !!((src1 + src2).match(/\/\/localho|\/\/127.0.0./i));
}

注意：如果https没有完全覆盖(一般是未设置http强制跳转到https)即产品有些用户还在使用http访问，上面的代码还得改造一下：通过JS判断URL网址采用的是什么协议。

if (needCLodop()) {
	var protocol = window.location.protocol;//http、https
	var src1,src2;
	if(protocol == 'https:'){
		src1 = "https://localhost:8443/CLodopfuncs.js?priority=1";
		src2 = "https://localhost:8444/CLodopfuncs.js?priority=0";
	}else{
		src1 = "http://localhost:8000/CLodopfuncs.js?priority=1";
		src2 = "http://localhost:18000/CLodopfuncs.js?priority=0";
	}

    var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
    var oscript = document.createElement("script");
    oscript.src = src1;
    head.insertBefore(oscript, head.firstChild);
    oscript = document.createElement("script");
    oscript.src = src2;
    head.insertBefore(oscript, head.firstChild);
    CLodopIsLocal = !!((src1 + src2).match(/\/\/localho|\/\/127.0.0./i));
}