在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

时间:2021-09-10 10:58:39

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现本地文件上传流程

by shuijingwan · 2016/01/13

1、SDK安装

github地址:https://github.com/aliyun/aliyun-oss-php-sdk

2、复制aliyun-oss-php-sdk-master\src\OSS至passport.hmwis.com\ThinkPHP\Library\Vendor\OSS,如图1、2

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

复制aliyun-oss-php-sdk-master\src\OSS至passport.hmwis.com\ThinkPHP\Library\Vendor\OSS

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

复制aliyun-oss-php-sdk-master\src\OSS至passport.hmwis.com\ThinkPHP\Library\Vendor\OSS

3、注册新的命名空间OSS,编辑文件passport.hmwis.com\Application\Common\Conf\config.php,如图3

‘AUTOLOAD_NAMESPACE’ => array(‘Addons’ => ONETHINK_ADDON_PATH, ‘OSS’ => VENDOR_PATH.’OSS’), //扩展模块列表

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

注册新的命名空间OSS

4、实例化OSS下面的类库时,如

new OSS\OssClient();

自动加载对应的类库文件OssClient.class.php,因此需要重命名OSS目录下的文件名,将OssClient.php重命名为OssClient.class.php,OSS目录下所有文件皆如是处理,如图4

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

重命名OSS目录下的文件名,将OssClient.php重命名为OssClient.class.php,OSS目录下所有文件皆如是处理

5、编辑passport.hmwis.com\Application\Common\Conf\config.php,生产环境下的OSS数据中心访问域名设置为内网,如图5

/* OSS初始化设置 */

‘OSS’ => array(

‘ACCESS_KEY_ID’ => ”, //从OSS获得的AccessKeyId

‘ACCESS_KEY_SECRET’ => ”, //从OSS获得的AccessKeySecret

‘ENDPOINT’ => ‘oss-cn-hangzhou-internal.aliyuncs.com’, //您选定的OSS数据中心访问域名,例如oss-cn-hangzhou.aliyuncs.com

),

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

生产环境下的OSS数据中心访问域名设置为内网

6、编辑passport.hmwis.com\Application\Common\Conf\debug.php,开发环境下的OSS数据中心访问域名设置为外网,如图6

/* OSS初始化设置 */

‘OSS’ => array(

‘ACCESS_KEY_ID’ => ”, //从OSS获得的AccessKeyId

‘ACCESS_KEY_SECRET’ => ”, //从OSS获得的AccessKeySecret

‘ENDPOINT’ => ‘oss-cn-hangzhou.aliyuncs.com’, //您选定的OSS数据中心访问域名,例如oss-cn-hangzhou.aliyuncs.com

),

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

开发环境下的OSS数据中心访问域名设置为外网

7、实现上传本地文件至OSS的功能,如修改头像,如图7:

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

实现上传本地文件至OSS的功能,如修改头像

8、编辑passport.hmwis.com\Application\Home\Controller\ProfileController.class.php,导入OSS的客户端类、异常类,如图8

use OSS\OssClient;

use OSS\Core\OssException;

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

导入OSS的客户端类、异常类

9、实例化OssClient类,调用上传本地文件方法,如图9

/**

* 根据Config配置,得到一个OssClient实例

*/

try {

$ossClient = new OssClient(C(‘OSS.ACCESS_KEY_ID’), C(‘OSS.ACCESS_KEY_SECRET’), C(‘OSS.ENDPOINT’), false);

} catch (OssException $e) {

$return[‘status’] = 0;

$return[‘info’] = $e->getMessage();

/* 返回JSON数据 */

$this->ajaxReturn($return);

}

$bucket = ‘avatar-ygt-cm’;

try {

$ossClient->uploadFile($bucket,$oss_file_path,$avatar);

} catch (OssException $e) {

$return[‘status’] = 0;

$return[‘info’] = $e->getMessage();

/* 返回JSON数据 */

$this->ajaxReturn($return);

}

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

实例化OssClient类,调用上传本地文件方法

10、基于ThinkPHP文件上传操作使用Think\Upload类定制,实现通过表单上传文件至OSS,复制passport.hmwis.com\ThinkPHP\Library\Think\Upload.class.php至passport.hmwis.com\ThinkPHP\Library\Vendor\OSS\OssUpload.class.php,编辑passport.hmwis.com\ThinkPHP\Library\Vendor\OSS\OssUpload.class.php,如图10

namespace OSS;

use OSS\OssClient;

use OSS\Core\OssException;

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

基于ThinkPHP文件上传操作使用Think\Upload类定制,实现通过表单上传文件至OSS

11、编辑默认上传配置,如图11

/**

* 默认上传配置

* @var array

*/

private $config = array(

‘accessKeyId’ => ‘l0k4ZMxs44FAjAWH’, //AccessKeyId

‘accessKeySecret’ => ‘hjU4DPhzKl6pwT6K0HlTkVMNaE9rZo’, //AccessKeySecret

‘endpoint’ => ‘oss-cn-hangzhou.aliyuncs.com’, //区域地址

‘mimes’ => array(), //允许上传的文件MiMe类型

‘maxSize’ => 0, //上传的文件大小限制 (0-不做限制)

‘exts’ => array(), //允许上传的文件后缀

‘autoSub’ => true, //自动子目录保存文件

‘subName’ => array(‘date’, ‘Y-m-d’), //子目录创建方式,[0]-函数名,[1]-参数,多个参数使用数组

‘rootPath’ => ‘./Uploads/’, //保存根路径

‘savePath’ => ”, //保存路径

‘saveName’ => array(‘uniqid’, ”), //上传文件命名规则,[0]-函数名,[1]-参数,多个参数使用数组

‘saveExt’ => ”, //文件保存后缀,空则使用原后缀

‘replace’ => false, //存在同名是否覆盖

‘hash’ => true, //是否生成hash编码

‘callback’ => false, //检测文件是否存在回调,如果存在返回文件信息数组

);

注:主要为取消文件上传驱动及文件目录相关的操作功能实现,由于改动过多,建议查看SVN日志,或者直接复制OssUpload.class.php;

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

主要为取消文件上传驱动及文件目录相关的操作功能实现,由于改动过多,建议查看SVN日志,或者直接复制OssUpload.class.php

12、编辑上传文件方法upload,如图12

/* 保存文件 并记录保存成功的文件 */

/*

if ($this->uploader->save($file,$this->replace)) {

unset($file[‘error’], $file[‘tmp_name’]);

$info[$key] = $file;

} else {

$this->error = $this->uploader->getError();

}*/

/**

* 根据Config配置,得到一个OssClient实例

*/

try {

$ossClient = new OssClient($this->accessKeyId, $this->accessKeySecret, $this->endpoint, false);

} catch (OssException $e) {

$this->error = $e->getMessage();

}

/**

* 上传本地文件

*/

$bucket = ‘avatar-ygt-cm’;

$object = $this->rootPath . $file[‘savepath’] . $file[‘savename’];

try {

$ossClient->uploadFile($bucket,$object,$file[‘tmp_name’]);

unset($file[‘error’], $file[‘tmp_name’]);

$file[‘oss’] = $bucket . ‘/’ . $object;

$info[$key] = $file;

} catch (OssException $e) {

$this->error = $e->getMessage();

}

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

编辑上传文件方法upload

13、实现通过表单上传文件至OSS,编辑passport.hmwis.com\Application\Home\Controller\ProfileController.class.php,导入OSS的文件上传类

use OSS\OssUpload;

所有上传实现建议参考Think\Upload类的文档,基本上一致

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

by shuijingwan · 2016/02/25

1、在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调,前提是先参照:http://www.shuijingwanwq.com/2016/01/13/909/ 实现,设置Bucekt(storage4-hmwis-com)的CORS,如图0;

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

设置Bucekt(storage4-hmwis-com)的CORS

2、查看帮助文档Web端直传实践——服务端签名直传并设置上传回调,下载代码示例,应用服务器返回签名代码:oss-h5-upload-js-php-callback.tar.gz、回调应用服务器版本:callback-php-demo.zip,如图1、2

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

应用服务器返回签名代码:oss-h5-upload-js-php-callback.tar.gz

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

回调应用服务器版本:callback-php-demo.zip

3、复制:E:\wwwroot\oss-h5-upload-js-php-callback\php\get.php中的function gmt_iso8601至E:\wwwroot\ke.hmwis.com\Application\Common\Common\function.php,如图3

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

复制function gmt_iso8601

4、打开:E:\wwwroot\ke.hmwis.com\Application\Home\Controller\FileController.class.php,新建上传表单的方法,如图4

/* 文件上传表单,基于OSS,web直传 */

public function ossUpload(){

$this->display();

}

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

新建上传表单的方法

5、打开:E:\wwwroot\oss-h5-upload-js-php\index.html,复制全部内容至:E:\wwwroot\ke.hmwis.com\Application\Home\View\default\File\ossUpload.html,且调整其中的相应文件路径,如图5

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

编辑上传表单模板

6、打开:http://ke.ygt.cm/File/ossUpload.html ,查看网页源代码,如图6

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

查看上传表单网页源代码

7、复制E:\wwwroot\oss-h5-upload-js-php-callback下的相应文件至:E:\wwwroot\static.hmwis.com\ke\Public\static\oss目录,如图7

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

复制相应文件至对应资源目录下

8、打开:E:\wwwroot\oss-h5-upload-js-php-callback\php\get.php,导入OSS的客户端类、异常类,如图8

use OSS\OssClient;

use OSS\Core\OssException;

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

导入OSS的客户端类、异常类

9、打开:E:\wwwroot\oss-h5-upload-js-php-callback\php\get.php,复制除function

gmt_iso8601之外的所有代码至:E:\wwwroot\ke.hmwis.com\Application\Home\Controller\FileController.class.php下的public
function ossGet(),且实例化OSS2.0.4的客户端类,如图9

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

新建public function ossGet(),且实例化OSS2.0.4的客户端类

10、配置zhidao.ygt.cm的虚拟主机:

* 注意:如果要使用HTTP_AUTHORIZATION头,你需要先在apache或者nginx中设置rewrite,以apache为例,修改

* 配置文件/etc/httpd/conf/httpd.conf(以你的apache安装路径为准),如图10

添加一行:

RewriteRule .* – [env=HTTP_AUTHORIZATION:%{HTTP:Authorization},last]

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

配置zhidao.ygt.cm的虚拟主机,以使用HTTP_AUTHORIZATION头

11、编辑:E:\wwwroot\static.hmwis.com\ke\Public\static\oss\upload.js,如图11

phpUrl = ‘http://ke.ygt.cm/File/ossGet.html’

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

设置phpUrl

12、编辑:E:\wwwroot\oss-h5-upload-js-php-callback\callback.php,如图12

file_put_contents(‘./data/1.txt’, json_encode($body));

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

编辑callback.php,以测试回调数据

13、测试上传成功,如图13、14

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

网页直传测试成功

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

OSS上检测文件已经上传成功

14、测试回调成功,查看zhidao.ygt.cm/data/1.txt,如图15

“filename=user-dir%2F10.png&size=218185&mimeType=image%2Fpng&height=453&width=674”

在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程

测试回调成功