Web开发 – 第3页

3月 1, 2023

PHP使用签名URL对阿里云对象存储进行临时授权

作者 5xue 在 php开发

PHP使用签名URL对阿里云对象存储进行临时授权，代码如下：

<?php
require_once __DIR__ . '/aliyun/oss/autoload.php';

use OSS\OssClient;
use OSS\Core\OssException;

$accessKeyId = "yourAccessKeyId";
$accessKeySecret = "yourAccessKeySecret";
$endpoint = "oss-cn-beijing.aliyuncs.com";
$bucket= "examplebucket";
$object = "exampledir/Rihanna - Rude Boy.mp3"; //填写不包含Bucket名称在内的Object完整路径
$timeout = 600; //设置签名URL的有效时长为600秒。
try {
	$ossClient = new OssClient($accessKeyId, $accessKeySecret, $endpoint);
	$options = array(
		//填写Object的versionId（这里会报错，可能sdk版本问题）
		//$ossClient::OSS_VERSION_ID=>"CAEQEhiBgIDmgPf8mxgiIDA1YjZlNDIxY2ZmMzQ1MmU5MTM1Y2M4Yzk4NjIx****"
	);
	//生成签名URL。
	$signedUrl = $ossClient->signUrl($bucket, $object, $timeout, "GET", $options);
	printf("%s", $signedUrl);
} catch(OssException $e) {
	printf("%s", $e->getMessage());
}
?>

<?php

require_once __DIR__ . '/aliyun/oss/autoload.php';

use OSS\OssClient;

use OSS\Core\OssException;

$accessKeyId = "yourAccessKeyId";

$accessKeySecret = "yourAccessKeySecret";

$endpoint = "oss-cn-beijing.aliyuncs.com";

$bucket= "examplebucket";

$object = "exampledir/Rihanna - Rude Boy.mp3"; //填写不包含Bucket名称在内的Object完整路径

$timeout = 600; //设置签名URL的有效时长为600秒。

try {

$ossClient = new OssClient($accessKeyId, $accessKeySecret, $endpoint);

$options = array(

//填写Object的versionId（这里会报错，可能sdk版本问题）

//$ossClient::OSS_VERSION_ID=>"CAEQEhiBgIDmgPf8mxgiIDA1YjZlNDIxY2ZmMzQ1MmU5MTM1Y2M4Yzk4NjIx****"

);

//生成签名URL。

$signedUrl = $ossClient->signUrl($bucket, $object, $timeout, "GET", $options);

printf("%s", $signedUrl);

} catch(OssException $e) {

printf("%s", $e->getMessage());

}

阿里帮助中心：
首页>对象存储 OSS>SDK示例>PHP>PHP授权访问
https://help.aliyun.com/document_detail/32106.html

2月 17, 2023

PHP代码在线测试运行工具

作者 5xue 在 php开发

本例包含2个文件：提供PHP代码编写的前端页面index.html、接受PHP代码解析处理运行的do.php文件。

do.php提供了2种方法来处理PHP代码，一种方法是将处理过的PHP代码通过file_put_contents函数写入到另一个php文件，我们这里命名为了code.php，然后通过header函数跳转到code.php，code.php再将执行结果反馈给index.html。

第二种方法是通过eval函数执行PHP代码，然后将执行结果反馈给index.html。

文件代码如下：

index.html

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>PHP代码在线测试运行工具</title>
	<style type="text/css">
		* {
			margin: 0; padding: 0;
		}
		body {
			background-color: #FBF1D3
		}
		.header {
			width:100%; height:60px; text-align:center; font-size:24px; font-weight: bold
		}
		.header span {
			 line-height:60px; padding: 0 50px 6px 50px; border-bottom: 1px solid #666
		}
		.top {
			width:100%; height: 40px; color: red;
		}
		.top .left {
			width: calc(50% - 15px); margin-left:10px; padding-top:10px; text-align:left; float:left
		}
		.top .left  button{
			margin-left:20px; padding: 2px 10px
		}
		.top .right {
			width: calc(50% - 5px); padding-top:10px; text-align:left; float: right
		}
		.main {
			position: absolute; 	top: 100px; right: 0; bottom:0; left:0; padding: 0 10px
		}
		.main .left {
			width: calc(50% - 5px); height: 100%; box-sizing: border-box; border:1px solid #666; background: #fff; float: left; overflow: hidden
		}
		.main .left textarea {
			width: 100%; height: 100%; border: 0px solid #333; resize: none
		}
		.main .middle {
			width: 10px; height: 100%; float: left
		}
		.main .right {
			width: calc(50% - 5px); height: 100%; box-sizing: border-box; border:1px solid #666; background: #fff; float: left
		}
	</style>
</head>
<body>
	<div class="header"><span>PHP代码在线测试运行工具</span></div>
	<div class="top">
		<div class="left">PHP代码<button onclick=btnClick(1)>运行代码（方法1）</button><button onclick=btnClick(2)>运行代码（方法2）</button></div>
		<div class="right">运行结果</div>
	</div>
	<div class="main">
		<div class="left"><textarea>$a = 0;
$b= 12;
$c = $a * 2 + $b *4;
if ($a > 0 && $b > 0) echo $c;
else echo "a和b必须大于0";</textarea></div>
		<div class="middle"></div>
		<div class="right"></div>
	</div>
	<script type="text/javascript">
		function btnClick(tp) {
			var data = "type=" + tp + "&code=" + encodeURIComponent(document.querySelector("textarea").value); //
			var xhr = null;
			if (window.XMLHttpRequest) {
				xhr = new XMLHttpRequest();
			} else if (window.ActiveXObject) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
			xhr.onreadystatechange = function() {
				if (xhr.readyState == 4 && xhr.status == 200) {
					console.log(xhr.response)
					document.querySelector('.main .right').innerHTML = xhr.response;
				}
			}
			xhr.open("POST", "do.php", true);
			xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			xhr.send(data);
		}
	</script>
</body>
</html>

<!DOCTYPE html>

<head>

<title>PHP代码在线测试运行工具</title>

* {

margin: 0; padding: 0;

}

body {

background-color: #FBF1D3

}

.header {

width:100%; height:60px; text-align:center; font-size:24px; font-weight: bold

}

.header span {

line-height:60px; padding: 0 50px 6px 50px; border-bottom: 1px solid #666

}

.top {

width:100%; height: 40px; color: red;

}

.top .left {

width: calc(50% - 15px); margin-left:10px; padding-top:10px; text-align:left; float:left

}

.top .left button{

margin-left:20px; padding: 2px 10px

}

.top .right {

width: calc(50% - 5px); padding-top:10px; text-align:left; float: right

}

.main {

position: absolute; top: 100px; right: 0; bottom:0; left:0; padding: 0 10px

}

.main .left {

width: calc(50% - 5px); height: 100%; box-sizing: border-box; border:1px solid #666; background: #fff; float: left; overflow: hidden

}

.main .left textarea {

width: 100%; height: 100%; border: 0px solid #333; resize: none

}

.main .middle {

width: 10px; height: 100%; float: left

}

.main .right {

width: calc(50% - 5px); height: 100%; box-sizing: border-box; border:1px solid #666; background: #fff; float: left

}

</style>

</head>

<body>

<div class="header"><span>PHP代码在线测试运行工具</span></div>

<div class="left">PHP代码<button onclick=btnClick(1)>运行代码（方法1）</button><button onclick=btnClick(2)>运行代码（方法2）</button></div>

</div>

<div class="left"><textarea>$a = 0;

$b= 12;

$c = $a * 2 + $b *4;

if ($a > 0 && $b > 0) echo $c;

else echo "a和b必须大于0";</textarea></div>

</div>

function btnClick(tp) {

var data = "type=" + tp + "&code=" + encodeURIComponent(document.querySelector("textarea").value); //

var xhr = null;

if (window.XMLHttpRequest) {

xhr = new XMLHttpRequest();

} else if (window.ActiveXObject) {

xhr = new ActiveXObject("Microsoft.XMLHTTP");

}

xhr.onreadystatechange = function() {

if (xhr.readyState == 4 && xhr.status == 200) {

console.log(xhr.response)

document.querySelector('.main .right').innerHTML = xhr.response;

}

xhr.open("POST", "do.php", true);

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xhr.send(data);

}

</script>

</body>

</html>

do.php

<?php
if (isset($_POST["type"])) {
	$tp = ($_POST["type"] == 1) ? 1: 2;
} else {
	exit("type参数未设置！");
}
if(!empty($_POST["code"])) {
	$code = '<?php' . PHP_EOL . trim($_POST['code'], '<?php' . PHP_EOL);
} else {
	exit("你好像没有输入代码！");
}

if ($tp == 1) {
	file_put_contents('code.php', $code); //要有写入权限
	header('Location: code.php');
} else {
	function handle_error($error_level, $error_message, $error_file, $error_line, $error_context) {
		ob_end_clean();
		echo "[第" . $error_line . "行] " . "发生错误：" . $error_message;
		die();
	}

	function handle_exception($exception) {
		ob_end_clean();
		echo "[第" . $exception -> getLine() . "行] " . "发生错误：" . $exception -> getMessage();
		die();
	}

	function shutdown_function() {
		$error = error_get_last();
		if(!empty($error)) {
			ob_end_clean();
			echo "[第" . $error['line'] . "行] " . "发生错误：" . $error['message'];
			die();
		}
	}

	ini_set('xdebug.overload_var_dump', '1');
	error_reporting(E_ALL);
	set_error_handler('handle_error');
	set_exception_handler('handle_exception');
	register_shutdown_function('shutdown_function');

	$code = trim($code, '<?php');
	$code = trim($code, PHP_EOL);
	ob_start();
	eval($code);
	$output = ob_get_contents();
	ob_end_clean();
	echo $output;
}

<?php

if (isset($_POST["type"])) {

$tp = ($_POST["type"] == 1) ? 1: 2;

} else {

exit("type参数未设置！");

}

if(!empty($_POST["code"])) {

$code = '<?php' . PHP_EOL . trim($_POST['code'], '<?php' . PHP_EOL);

} else {

exit("你好像没有输入代码！");

}

if ($tp == 1) {

file_put_contents('code.php', $code); //要有写入权限

header('Location: code.php');

} else {

function handle_error($error_level, $error_message, $error_file, $error_line, $error_context) {

ob_end_clean();

echo "[第" . $error_line . "行] " . "发生错误：" . $error_message;

die();

}

function handle_exception($exception) {

ob_end_clean();

echo "[第" . $exception -> getLine() . "行] " . "发生错误：" . $exception -> getMessage();

die();

}

function shutdown_function() {

$error = error_get_last();

if(!empty($error)) {

ob_end_clean();

echo "[第" . $error['line'] . "行] " . "发生错误：" . $error['message'];

die();

}

ini_set('xdebug.overload_var_dump', '1');

error_reporting(E_ALL);

set_error_handler('handle_error');

set_exception_handler('handle_exception');

register_shutdown_function('shutdown_function');

$code = trim($code, '<?php');

$code = trim($code, PHP_EOL);

ob_start();

eval($code);

$output = ob_get_contents();

ob_end_clean();

echo $output;

}

2月 16, 2023

js数组赋值、遍历需要注意的问题

作者 5xue 在 Javascript

js数组赋值时不要跳跃式赋值，以免出现异常。如下面例子：

var arr=[];
arr["0"]="全部";
arr["1"]="Flash";
arr["2"]="Html";
arr["3"]="Css";
arr["4"]="JavaScript";
arr["5"]="Php";
arr["6"]="数据库";
arr["7"]="服务器";
arr["99"]="其它";

//遍历数组
//方法1：
for (let item of arr) {
	//循环100次
	console.log("方法1：" + item);
}

//方法2：
arr.forEach((item,index)=>{
	//循环10次
	console.log("方法2：" + item);
})

//方法3：
for (let i in arr) {
	//循环10次
	console.log("方法3：" + arr[i]);
}

//方法4：
for (let i = 0; i < arr.length; i ++) {
	//循环100次
	console.log("方法4：" + arr[i]);
}

var arr=[];

arr["0"]="全部";

arr["1"]="Flash";

arr["2"]="Html";

arr["3"]="Css";

arr["4"]="JavaScript";

arr["5"]="Php";

arr["6"]="数据库";

arr["7"]="服务器";

arr["99"]="其它";

//遍历数组

//方法1：

for (let item of arr) {

//循环100次

console.log("方法1：" + item);

}

//方法2：

arr.forEach((item,index)=>{

//循环10次

console.log("方法2：" + item);

})

//方法3：

for (let i in arr) {

//循环10次

console.log("方法3：" + arr[i]);

}

//方法4：

for (let i = 0; i < arr.length; i ++) {

//循环100次

console.log("方法4：" + arr[i]);

}

浏览样例：http://5xue.cc/wp-content/uploads/samples/20230216

2月 15, 2023

php上传文件到阿里云对象存储

作者 5xue 在 php开发

本例含2个文件的代码，一个是选择上传文件的表单页面文件（upload.html），一个是负责上传的sendOss.php文件。

upload.html代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>php上传文件到阿里云对象存储</title>
</head>
<body>
<form method="post" action="sendOss.php" enctype="multipart/form-data" target="_blank"><input type="file" name="file" /><br /><input type="submit" value=" 上传 " /></form>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>php上传文件到阿里云对象存储</title>

</head>

<body>

</body>

</html>

sendOss.php代码

<?php
if ($_FILES["file"]["error"] > 0) {
	exit("Error: " . $_FILES["file"]["error"]);
}

require_once __DIR__ . '/aliyun/oss/autoload.php';

use OSS\OssClient;
use OSS\Core\OssException;

//阿里云账号AccessKey拥有所有API的访问权限，风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维，请登录RAM控制台创建RAM用户
$accessKeyId = "yourAccessKeyId";
$accessKeySecret = "yourAccessKeySecret";

//yourEndpoint填写Bucket所在地域对应的Endpoint。以华东1（杭州）为例，Endpoint填写为https://oss-cn-hangzhou.aliyuncs.com
$endpoint = "yourEndpoint";

//填写Bucket名称，例如examplebucket
$bucket= "examplebucket";

//Object完整路径，不含Bucket名称。exampledir是你阿里云对象存储Bucket下的目录名称，对象名称这里保留了原文件名称，你也可以改成别的名称
$object = "exampledir/" . $_FILES["file"]["name"];

//要上传的本地文件
$filePath = $_FILES["file"]["tmp_name"]; 

try{
	$ossClient = new OssClient($accessKeyId, $accessKeySecret, $endpoint);
	$ossClient->uploadFile($bucket, $object, $filePath);
} catch(OssException $e) {
	printf("%s", __FUNCTION__ . ": FAILED\n");
	printf("%s", $e->getMessage());
    return;
}
printf("%s", __FUNCTION__ . "OK");
?>

<?php

if ($_FILES["file"]["error"] > 0) {

exit("Error: " . $_FILES["file"]["error"]);

}

require_once __DIR__ . '/aliyun/oss/autoload.php';

use OSS\OssClient;

use OSS\Core\OssException;

//阿里云账号AccessKey拥有所有API的访问权限，风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维，请登录RAM控制台创建RAM用户

$accessKeyId = "yourAccessKeyId";

$accessKeySecret = "yourAccessKeySecret";

//yourEndpoint填写Bucket所在地域对应的Endpoint。以华东1（杭州）为例，Endpoint填写为https://oss-cn-hangzhou.aliyuncs.com

$endpoint = "yourEndpoint";

//填写Bucket名称，例如examplebucket

$bucket= "examplebucket";

//Object完整路径，不含Bucket名称。exampledir是你阿里云对象存储Bucket下的目录名称，对象名称这里保留了原文件名称，你也可以改成别的名称

$object = "exampledir/" . $_FILES["file"]["name"];

//要上传的本地文件

$filePath = $_FILES["file"]["tmp_name"];

try{

$ossClient = new OssClient($accessKeyId, $accessKeySecret, $endpoint);

$ossClient->uploadFile($bucket, $object, $filePath);

} catch(OssException $e) {

printf("%s", __FUNCTION__ . ": FAILED\n");

printf("%s", $e->getMessage());

return;

}

printf("%s", __FUNCTION__ . "OK");

说明：
本例中阿里云OSS的php版sdk放在了/aliyun/oss/目录下。

参考资料：阿里帮助中心 – 首页>对象存储 OSS>SDK示例>PHP>PHP上传文件>PHP简单上传
https://help.aliyun.com/document_detail/88473.html?spm=a2c4g.11186623.0.0.7e404a9cu3c2kT

分类目录Web开发