כלים ללכידה ולהמרה של האינטרנט

איך save צילום מסך של JavaScript?

זה אפשרי ש save צילום מסך של JavaScript, אבל תצטרך להשתמש באחד ממשקי ה-API של צד השרת שלנו, כגון PHP GetResult שיטה ליישם שירות אינטרנט קטן save התמונה בצד השרת. שירות אינטרנט PHP לדוגמה ל save צילום המסך, מוצג למטה.

include("lib/GrabzItClient.php");

$id = $_GET["id"];

// Custom id can be used to store user ids or whatever is needed for the later processing of the
// resulting screenshot

$grabzIt = new \GrabzIt\GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret");
$result = $grabzIt->GetResult($id);

if (!$result)
{
   return;
}

//assuming jpg screenshots
file_put_contents("results" . DIRECTORY_SEPARATOR . $id + ".jpg", $result);

ל intהסר את שירות האינטרנט PHP עם ה-API של JavaScript שתצטרך להשתמש ב- אירוע OnFinish. לאחר מכן ניתן להשתמש בזה כדי לבצע קריאת AJAX לשירות האינטרנט בצד השרת, שיכיל את המזהה של צילום המסך שהושלם. שירות האינטרנט יכול לאחר מכן להשתמש במידע זה כדי save התמונה בשרת האינטרנט. שים לב שהדוגמה שלהלן משתמשת jQuery.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
	{"onfinish": function (id){
		$.ajax("http://www.example.com/mywebservice.php?id="+id);
	}}).Create();
</script>

ייצא לכידה לפתרון אחסון

ניתן לייצא לכידות ישר לאמזון S3, DropBox, FTP ו-WebDav לאחר שהן נוצרו על ידי הגדרת export פָּרָמֶטֶר. כדי לעשות זאת אתה צריך ליצור ייצוא URL ולהעביר אותו ל-JavaScript API.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com", 
    {"export": "dropbox://",
     "onfinish": function (id){
		$.ajax("http://www.example.com/mywebservice.php?id="+id);
    }}).Create();
</script>

כאשר כתובות ה-URL של ייצוא מציינות שם משתמש וסיסמה, מומלץ ליצור משתמש רק עבור משימה זו, כך שיהיה קל לבטל את הגישה במידת הצורך. כמו כן, מכיוון שזה ב-JavaScript, אנא ודא שאתה בוחר את כתובת URL של ייצוא מאובטח אפשרות שכן הדבר ימנע מאנשים לגנוב את שם המשתמש והסיסמה של פתרון האחסון שלך.

שיטת onfinish בדוגמה אינה נדרשת אך מאפשרת לך לאחסן את מזהה הלכידה עם המשתמש או הפעולה המתאימים וכו'.

השתמש במקום זאת בשיטת Data URI

שיטה חלופית היא להשתמש ב- שיטת DataURI בספריית JavaScript כדי לקבל את URI הנתונים של לכידת הערך הזה יכול להיות מפורסם לשרת שלך אם אתה יכול save התמונה.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.spacex.com").DataURI(callback);

function callback(dataUri)
{
    $.post("http://www.example.com/mywebservice.php", {data: dataUri});
}
</script>