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

Posted caigan的技术博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在OneThink(ThinkPHP3.2.3)中整合阿里云OSS的PHP-SDK2.0.4,实现Web端直传,服务端签名直传并设置上传回调的实现流程相关的知识,希望对你有一定的参考价值。

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

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

技术分享

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

技术分享

复制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’), //扩展模块列表

技术分享

注册新的命名空间OSS

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

new OSS\OssClient();

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

技术分享

重命名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
),

技术分享

生产环境下的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
),

技术分享

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

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

技术分享

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

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

技术分享

导入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);
}

技术分享

实例化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;

技术分享

基于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;

技术分享

主要为取消文件上传驱动及文件目录相关的操作功能实现,由于改动过多,建议查看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();
}

技术分享

编辑上传文件方法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端直传,服务端签名直传并设置上传回调的实现流程

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;

技术分享

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

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

技术分享

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

技术分享

回调应用服务器版本: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

技术分享

复制function gmt_iso8601

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

/* 文件上传表单,基于OSS,web直传 */
public function ossUpload(){
$this->display();
}

技术分享

新建上传表单的方法

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

技术分享

编辑上传表单模板

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

技术分享

查看上传表单网页源代码

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

技术分享

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

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

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

技术分享

导入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

技术分享

新建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]

技术分享

配置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’

技术分享

设置phpUrl

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

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

技术分享

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

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

技术分享

网页直传测试成功

技术分享

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端直传,服务端签名直传并设置上传回调的实现流程的主要内容,如果未能解决你的问题,请参考以下文章

ThinkPHP3.2.3 Nginx 下 URL_MODEL 的配置

ThinkPHP3.2.3相关笔记

ThinkPHP3.2.3 where注入

ThinkPHP3.2.3中三大自动中的缺陷问题

ThinkPHP3.2.3整合smarty模板

新手使用ThinkPHP3.2.3的命名空间问题