摘要:背景之前已经使用写过调用的文章不让我使用所以只好使用调用上的包功能很冗余我只需要用到的截图功能知识储备系统安装权限相关知识基本语法知识函数调用截图文档代码代码环境为框架获取参数中文件的决定路径获取有权限的临时文件目录获取有权限的临时文件目
背景
之前已经使用golang写过调用phantomjs的文章
CTO不让我使用golang所以只好使用php调用phantomjs
packagist上的composer包功能很冗余,我只需要用到phantomjs的截图功能
知识储备*unix系统安装phantomjs,权限相关知识
基本JavaScript语法知识
php exec函数调用REPL phantomjs
phantomjs js截图文档 http://javascript.ruanyifeng....
代码(php 代码环境为yii2框架)</>复制代码
js_path = "{$dir}/script.js";
/** @var bool|string 获取php 有777权限的临时文件目录 */
$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";
//执行的phantomjs命令
//phantomjs 可执行文件必须是 绝对路径 否则导致 exec 函数返回值127错误
$cmd = "usrlocalinphantomjs {$this->js_path} "$url" "$outputFilePath"";
//捕捉不到phantomjs命令输出结果
exec($cmd, $output);
//检查截图文件是否存在
$isShotImgaeExist = file_exists($outputFilePath);
if (!$isShotImgaeExist) {
throw new BizException(0, "phantomjs截图失败", BizException::SELF_DEFINE);
}
//保存截图到oss
$result = $this->postScreenShotImageToOss($outputFilePath);
//删除临时文件夹的截图图片
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;
}
}
/**
* 调用管理后台阿里云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脚本内容
</>复制代码
"use strict";
var system = require("system");
var webPage = require("webpage");
var page = webPage.create();
//设置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 函数的命令行参数
if (system.args.length !== 3) {
console.log(system.args);
console.log("参数错误");
console.log("第2个参数为url地址 第3个参数为截图文件名称");
phantom.exit(1);
}
//命令行 截图网址参数
var url = system.args[1];
//图片输出路径
var filePath = system.args[2];
console.log("-------");
console.log(url);
console.log("-------");
console.log(filePath);
console.log("-------");
//设置浏览器视口
page.viewportSize = {width: 480, height: 960};
//打开网址
page.open(url, function start(status) {
//1000ms之后开始截图
setTimeout(function () {
//截图格式为jpg 80%的图片质量
page.render(filePath, {format: "jpg", quality: "80"});
console.log("success");
//退出phantomjs 避免phantomjs导致内存泄露
phantom.exit();
}, 1000);
});
php调用phantomjs目录结构
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/28894.html
摘要:背景之前已经使用写过调用的文章不让我使用所以只好使用调用上的包功能很冗余我只需要用到的截图功能知识储备系统安装权限相关知识基本语法知识函数调用截图文档代码代码环境为框架获取参数中文件的决定路径获取有权限的临时文件目录获取有权限的临时文件目 背景 之前已经使用golang写过调用phantomjs的文章 CTO不让我使用golang所以只好使用php调用phantomjs packa...
摘要:微信小程序官方并未提供分享到朋友圈的方法,所以目前基本整个行业都是使用生成图文海报发到朋友圈,然后识别太阳码进入到小程序。背景图片和微信头像合成后清晰度不够。 微信小程序官方并未提供分享到朋友圈的方法,所以目前基本整个行业都是使用生成图文海报发到朋友圈,然后识别太阳码进入到小程序。 通过谷歌或者百度有很多同学已经提供了一些解决方案,但是在我们使用后效果并不是很理想,主要体现在以下方面:...
摘要:有一天张大胖接到了产品的一个需求,需求中涉及到了小程序和两端。会后大胖对自己所知道的可以把动态网页转成图片的方案详细的对比了下相信大家都知道这个,这是一个浏览器端的库,可以把结构转成图片。接下来大胖就用了最后的方案,去实施。 有一天张大胖接到了产品的一个需求,需求中涉及到了小程序 和 app 两端。 主要是基于微信的一个活动,需要在 app 和小程序端生成带二维码的图片,生成图片是为了...
摘要:有一天张大胖接到了产品的一个需求,需求中涉及到了小程序和两端。会后大胖对自己所知道的可以把动态网页转成图片的方案详细的对比了下相信大家都知道这个,这是一个浏览器端的库,可以把结构转成图片。接下来大胖就用了最后的方案,去实施。 有一天张大胖接到了产品的一个需求,需求中涉及到了小程序 和 app 两端。 主要是基于微信的一个活动,需要在 app 和小程序端生成带二维码的图片,生成图片是为了...
阅读 3417·2023-04-26 01:31
阅读 1986·2023-04-25 22:08
阅读 3729·2021-09-01 11:42
阅读 2907·2019-08-30 12:58
阅读 2275·2019-08-29 18:31
阅读 2510·2019-08-29 17:18
阅读 3139·2019-08-29 13:01
阅读 2639·2019-08-28 18:22