您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)php怎樣調(diào)用phantomJS截圖,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
php調(diào)用phantomJS截圖
知識(shí)儲(chǔ)備
*unix系統(tǒng)安裝phantomjs,權(quán)限相關(guān)知識(shí)
基本JavaScript語(yǔ)法知識(shí)
php exec函數(shù)調(diào)用REPL phantomjs
phantomjs js截圖文檔 http://javascript.ruanyifeng.com/tool/phantomjs.html
代碼(php 代碼環(huán)境為yii2框架)
<?php namespace weapp\library\phantomjs; use weapp\library\BizException; class ScreenShot { /** @var string 獲取phantomjs 參數(shù)中 js文件的決定路徑 */ private $js_path; /** @var bool|string 獲取php 有777權(quán)限的臨時(shí)文件目錄 */ private $temp_dir; function __construct() { $dir = __DIR__; $this->js_path = "{$dir}/script.js"; /** @var bool|string 獲取php 有777權(quán)限的臨時(shí)文件目錄 */ $this->temp_dir = \Yii::getAlias('@runtime'); } /** * 截圖并上傳 * @param string $url * @param string $filename * @return string * @throws BizException */ public function screenShotThenSaveToOss(string $url, string $filename = 'temp.jpg') { //輸出圖片的路徑 $outputFilePath = "{$this->temp_dir}/$filename"; //執(zhí)行的phantomjs命令 //phantomjs 可執(zhí)行文件必須是 絕對(duì)路徑 否則導(dǎo)致 exec 函數(shù)返回值127錯(cuò)誤 $cmd = "\usr\local\bin\phantomjs {$this->js_path} '$url' '$outputFilePath'"; //捕捉不到phantomjs命令輸出結(jié)果 exec($cmd, $output); //檢查截圖文件是否存在 $isShotImgaeExist = file_exists($outputFilePath); if (!$isShotImgaeExist) { throw new BizException(0, 'phantomjs截圖失敗', BizException::SELF_DEFINE); } //保存截圖到oss $result = $this->postScreenShotImageToOss($outputFilePath); //刪除臨時(shí)文件夾的截圖圖片 unlink($outputFilePath); return $result; } /** * 上傳截圖到阿里云直傳oss * @param string $screenshot_path * @return string */ public function postScreenShotImageToOss(string $screenshot_path): string { $ossKey = 'raw_file_name'; $file = new \CURLFile($screenshot_path, 'image/jpeg', 'file'); $tokenArray = $this->getOssPolicyToken('fetch'); $url = $tokenArray->host; $postData = [ 'key' => "{$tokenArray->dir}/$ossKey", 'policy' => $tokenArray->policy, 'OSSAccessKeyId' => $tokenArray->accessid, 'success_action_status' => '200', 'signature' => $tokenArray->signature, 'callback' => $tokenArray->callback, 'file' => $file ]; $ch = curl_init(); //$data = array('name' => 'Foo', 'file' => '@/home/user/test.png'); curl_setopt($ch, CURLOPT_URL, $url); // Disable SSL verification curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($ch, CURLOPT_POST, 1); curl_setopt($ch, CURLOPT_SAFE_UPLOAD, true); // required as of PHP 5.6.0 curl_setopt($ch, CURLOPT_POSTFIELDS, $postData); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_TIMEOUT, 20); curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 20); //curl_setopt($ch, CURLOPT_HTTPHEADER, ["Content-Type: $mime_type"]); $res = curl_exec($ch); $res = json_decode($res); curl_close($ch); if (empty($res) || $res->code != 0) { return ''; } else { return $res->data->url; } } /** * 調(diào)用管理后臺(tái)阿里云oss token接口 * @param null $url * @return array */ public function getOssPolicyToken($url = null) { $url = \Yii::$app->params['oss_screen_shot_token_api']; $ch = curl_init(); // Disable SSL verification curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); // Will return the response, if false it print the response curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); // Set the url curl_setopt($ch, CURLOPT_URL, $url); // Execute $result = curl_exec($ch); // Closing curl_close($ch); $res = json_decode($result); if (empty($res) || $res->code != 0) { return []; } else { return $res->data; } } } phantomjs javascript腳本內(nèi)容 "use strict"; var system = require('system'); var webPage = require('webpage'); var page = webPage.create(); //設(shè)置phantomjs的瀏覽器user-agent page.settings.userAgent = 'Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1'; //獲取php exec 函數(shù)的命令行參數(shù) if (system.args.length !== 3) { console.log(system.args); console.log('參數(shù)錯(cuò)誤'); console.log('第2個(gè)參數(shù)為url地址 第3個(gè)參數(shù)為截圖文件名稱(chēng)'); phantom.exit(1); } //命令行 截圖網(wǎng)址參數(shù) var url = system.args[1]; //圖片輸出路徑 var filePath = system.args[2]; console.log('-------'); console.log(url); console.log('-------'); console.log(filePath); console.log('-------'); //設(shè)置瀏覽器視口 page.viewportSize = {width: 480, height: 960}; //打開(kāi)網(wǎng)址 page.open(url, function start(status) { //1000ms之后開(kāi)始截圖 setTimeout(function () { //截圖格式為jpg 80%的圖片質(zhì)量 page.render(filePath, {format: 'jpg', quality: '80'}); console.log('success'); //退出phantomjs 避免phantomjs導(dǎo)致內(nèi)存泄露 phantom.exit(); }, 1000); });
關(guān)于php怎樣調(diào)用phantomJS截圖就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。