wkhtmltopdf遇到的坑以及填坑指南
最近公司有⼀个中的需求,是将html表单转换成pdf 。
⽆⾮⽅式就只有两种,前端的⽅式咱就不说了,您能看到这⾥,必然是采⽤了市场占有率最⾼的wkhtmltopdf。
优缺点都很明显,废话不多说,直接说我踩过的坑和填过的坑。
No1. 有登陆权限验证的页⾯需要打印为pdf 。如果你要打印的页⾯是基于权限认证的,那你打印出来,必然是跳转到认证页⾯的pdf。 看到这⾥,不要懵逼。
wkhtmltopdf ⽀持账号密码和验证码登陆,同时也⽀持采⽤cookie 的⽅式进⾏登陆。⼤部分时候采⽤cookies 登陆即可。
具体的实现⽅式如下:
ProcessStartInfo psi = new ProcessStartInfo();
psi.FileName = "";
string cookieArgs = "";
var cookies = HttpContext.Current.Request.Cookies;
if (cookies != null)
{
var sb = new System.Text.StringBuilder();
// you probably only need the ".ASPXFORMSAUTH"
// and "ASP.NET_SessionId" cookies
// but I pass everything just in case
foreach (string key in cookies.AllKeys)
{
string value = cookies[key].Value;
sb.AppendFormat("--cookie {0} {1} ", key, value);
angular和angularjs}
cookieArgs = sb.ToString();
}
psi.Arguments = urlToPrint + " -q " + cookieArgs + " -";
Process.Start(psi);
No2.打印的内容不全。
这时候要分析具体原因,在wkhtmltopdf ⾥有⼀个参数是--window-status ,这个参数可以⽀持ajax异步请求 的。
做法是: 在调⽤wkhtmltopdf 时,传⼊参数 ,⽐如 传⼊ “ --window-status completed” ,然后在ajax 完成回调时 ,也将document 的window.status = "completed",这样的话,就会完全⽀持异步调⽤。有两点需要注意:1.每个参数之间必须有空格,不然⼀定会出现你想到的问题。2.window.status 的值必须与传⼊的参数值⼀样,否则的话,就会⼀直处于等待状态。
No3. 空⽩页⾯,⽹页显⽰完好⽆损,但打印出来的却是空⽩页⾯。
这是最⼤的⼀个坑,我研究了⼀天才踩平了。到现在还有⼀些疑问的地⽅,等到时候我在去重新踩 。说⼀下坑在哪⾥哈.
wkhtmltopdf 的⼯具是基于qt webkit 的。所以基本上⽬前的流⾏玩法都是⽀持的。但特么的也有例外,由于官⽹已经很久没有更新,我去github上看到的更新也是很久之前的。
如果是普通的mvc 和html 页⾯是完全没有问题的。但单页⾯应⽤程序的坑就⼤了。
我当时⽤的版本是angular js ,在页⾯显⽰完美,但在pdf 打印出来确实空⽩的。
起初我认为问题出现在wkhtmltopdf ,它并不⽀持单页⾯应⽤程序。但我⽤vue 测试的没有问题。于是我重新测试angular js ,我在github 看了每⼀个提问者的问题。发现⼀个提问者讲到,他⽤的angular js 1.4的版本出现了问题,回撤到1.3.5 则正常。于是我发现新⼤陆⼀样,将angular js 的版本也回车到了1.3.5 ,发现打印出来的页⾯不在是空⽩页⾯,是有内容的页⾯。由于我头⼀次接触angluar js ,我问同事才得知,angluar js 1.4版本跨度⽐较⼤,改变了好多的内容,包括请求⽅式都发⽣了很⼤的变化。这也就解释了,为啥使⽤angular js 打印的是空⽩页,因为angular js 1.4以上的版本,你⽤wkhtmltopdf 根本就调⽤不到后台的内容,压根就不会发起请求。
周六折腾了⼀天,总算是搞定了。希望对⼤家能有所帮助,如果有什么问题,⼤家及时留⾔。我会尽快的帮助⼤家解决。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论