江南才子 发表于 2021-6-22 18:56:07

利用PhantomJS 自动截图Kibana ,phpmailer发送网站运营日报

  如题,先来张最终效果运营日报


 
  下面介绍下实现过程
  【前期准备】
  kibana配置视图,并做好条件过滤视图,这里就是做介绍,可以参考博文,
  视图做好后生成一个短链接,这里我们生成的是
http://10.0.0.110:5601/goto/4d641c075d7cbf2c7d70a82b16436769  1、安装配置PhantomJS
# yum -y install gcc gcc-c++ make flex bison gperf ruby \
openssl-devel freetype-devel fontconfig-devel libicu-devel sqlite-devel \
libpng-devel libjpeg-devel
#wget https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-2.1.1-linux-x86_64.tar.bz2
# tar xvjf phantomjs-2.1.1-linux-x86_64.tar.bz2 -C /usr/local/share/
# ln -s /usr/local/share/phantomjs-2.1.1-linux-x86_64/bin/phantomjs /usr/local/bin/
# phantomjs --version
2.1.1  2、PhantomJS截图脚本
  创建TimeOut2s.js
var page = require('webpage').create();
var address = 'http://10.0.0.110:5601/goto/4d641c075d7cbf2c7d70a82b16436769';
var output = 'TimeOut2s.png';
page.viewportSize = { width: 1600, height: 600 };
page.open(address, function (status) {
    if (status !== 'success') {
      console.log('Unable to load the address!');
      phantom.exit();
    } else {
      window.setTimeout(function () {
            page.render(output);
            phantom.exit();
      }, 20000);
    }
});  做完以上工作 ,我们先测试下,是否可以正常截图
#/data/programs/phantomjs-2.1.1-linux-x86_64/bin/phantomjs/data/scripts/reports/TimeOut2s.js果然在路径下产生了一个TimeOut2s.png,截图成功
好了,截图过程很简单吧,接下来配置phpmailer发送邮件过程
Phpmailer组件的好处不做累述,总之呢可以发送图片到邮件内容中,
下载phpmailer后,我们只用到以下这几个文件:
class.phpmailer.php 、class.pop3.php、class.smtp.php、 mailer.php
首先要配置的是mailer.php, 在这里我配置的是阿里的邮箱地址
<?php
header("content-type:text/html;charset=utf-8");
ini_set("magic_quotes_runtime",0);
require 'class.phpmailer.php';
$foo = date("Y-m-d");
try {
      $mail = new PHPMailer(true);
      $mail->IsSMTP();
      $mail->CharSet='UTF-8'; //设置邮件的字符编码,这很重要,不然中文乱码
      $mail->SMTPAuth   = true;                  //开启认证
      $mail->Port       = 25;                  
      $mail->Host       = "smtp.mxhichina.com";
      $mail->Username   = "monitor@***.com";   
      $mail->Password   = "********";            
      
      $mail->From       = "monitor@***.com";
      $mail->FromName   = "Monitor";
      $to = "mailerto@yourdomain.com";   //发送邮件
      $mail->AddAddress($to);
      $mail->addcc("mailerto@yourdomain.com");//抄送邮件
      $mail->Subject= "**官网性能数据TimeOut2s日报$foo";
      $mail->AddEmbeddedImage('TimeOut2s.png', 'logoimg', 'TimeOut2s.png');
      $mail->Body = "
   <h1>Test 1 of PHPMailer html</h1>
    <p>This is a test picture: <img src=\"cid:logoimg\" /></p>";
$mail->AltBody="This is text only alternative body.";

      $mail->WordWrap   = 80; // 设置每行字符串的长度
      //$mail->AddAttachment("f:/test.png");//可以添加附件
      $mail->IsHTML(true);
      $mail->Send();
      echo '邮件已发送';
} catch (phpmailerException $e) {
      echo "邮件发送失败:".$e->errorMessage();
}
?><span style="background-color: rgb(255, 255, 255);"> </span>  上面配置很简单吧,确保生成的图片和phpmail.php是同一路径,测试下
/usr/bin/php /data/scripts/reports/mailer.php果然收到邮件了。
接下来无非就是调下邮件的格式,加到自动执行脚本里,每天发送日报。
以上大致就是利用PhantomJS 自动截图Kibana ,phpmailer发送网站运营日报 ,如有问题请多多关注博文。
补充一个问题:
发现PhantomJS 对中文不能显示,是因为系统少了中文字体,
用phantomjs截图时中文乱码的解决方案:

  解决办法就是安装字体。

  在centos中执行:yum install bitmap-fonts bitmap-fonts-cjk
  在ubuntu中执行:sudo apt-get install xfonts-wqy
  这样再去截图中文的页面就不会出现一堆的方框了。
   
页: [1]
查看完整版本: 利用PhantomJS 自动截图Kibana ,phpmailer发送网站运营日报