如何用Baas快速在騰訊雲上開發小程序-系列3 ：實現騰訊雲COS API調用

版權聲明：本文由賀嘉  原創文章，轉載請註明出處: 
文章原文連接：https://www.qcloud.com/community/article/640268001487425627

來源：騰雲閣 https://www.qcloud.com/community

 

1、實驗簡介

本實驗經過調用騰訊雲對象存儲（COS）接口，實現將圖片上傳到指定的 Bucket 功能；同時封裝圖片上傳接口，用於上傳商品圖片。

2、實驗目標

1. 掌握 RESTFul API 接口調用和調試方法
2. 掌握 RESTFul API 封裝方法

3、實驗步驟

3.1 添加雲應用

第一步: clone xqcloud 項目

1. cd <your project path> 2. git clone https://git.oschina.net/xpmjs/xqcloud.git xqcloud 

第二步: 修改遠程倉庫地址，提交到遠程倉庫

1. git remote remove origin 2. git remote add origin ssh://git@dev.appcook.cn:2222/source/xqcloud.git 3. git push origin master 

3.2 調用 COS API，實現文件上傳功能

第一步: 編寫 Cos Model vi xqcloud/model/Cos.php

1. <?php 2. use \Tuanduimao\Mem as Mem; 3. use \Tuanduimao\Excp as Excp; 4. use \Tuanduimao\Err as Err; 5. use \Tuanduimao\Conf as Conf; 6. use \Tuanduimao\Model as Model; 7. use \Tuanduimao\Utils as Utils; 8. use \Tuanduimao\Loader\App as App; 9. /** 10. * cos對象存儲11. */ 12. class CosModel { 13. function __construct( $opt=[] ) { 14. $this->appid = isset($opt['appid']) ? $opt['appid'] : ""; 15. $this->bucket = isset($opt['bucket']) ? $opt['bucket'] : ""; 16. $this->SecretID = isset($opt['SecretID']) ? $opt['SecretID'] : ""; 17. $this->SecretKey = isset($opt['SecretKey']) ? $opt['SecretKey'] : ""; 18. } 19. /** 20. * 簽名 21. * @param array $opt [description] 22. * @return [type] [description] 23. */ 24. function sign( $opt=[] ) { 25. $randstr= $this->generateId(10); 26. $t = isset($opt['e']) ? time()+86400 : 0; 27. $a = isset($opt['appid']) ? $opt['appid'] : $this->appid; 28. $b = isset($opt['bucket']) ? $opt['bucket'] : $this->bucket; 29. $k = isset($opt['SecretID']) ? $opt['SecretID'] : $this->SecretID; 30. $e = isset($opt['e']) ? $opt['e'] : time()+3600; 31. $SecretKey = isset($opt['SecretKey']) ? $opt['SecretKey'] : $this->SecretKey; 32. $s = [ 33. "a" => $a, 34. "b" => $b, 35. "k" => $k, 36. "e" => $e, 37. "t" => time(), 38. "r" => $randstr, 39. "f" =>$opt['file'], 40. ]; 41. // 拼接字符串 42. $orignal = "a={$s['a']}&k={$s['k']}&e={$s['e']}&t={$s['t']}&r={$s['r']}&f={$s['f']}&b={$s['b']}"; 43. $signTmp = hash_hmac( 'SHA1', $orignal, $SecretKey , true ); 44. $sign = base64_encode($signTmp.$orignal); 45. return $sign; 46. } 47. 48. /** 49. * 文件轉.字符串 50. * @param [type] $imageUrl [description] 51. * @param array $opt [description] 52. * @return [type] [description] 53. */ 54. function uploadByUrl( $imageUrl, $opt=[] ) { 55. $imageData = file_get_contents( $imageUrl ); 56. return $this->upload( $imageData, $opt ); 57. } 58. 59. /** 60. * 文件上傳61. * @param [type] $imageData [description] 62. * @param array $opt [description] 63. * @return [type] [description]S 64. */ 65. function upload( $imageData, $opt=[] ){ 66. // 生成隨機數 

第二步: 編寫測試用控制器 vi xqcloud/controller/Cos.php

1. <?php 2. use \Tuanduimao\Loader\App as App; 3. use \Tuanduimao\Utils as Utils; 4. use \Tuanduimao\Tuan as Tuan; 5. use \Tuanduimao\Excp as Excp; 6. use \Tuanduimao\Conf as Conf; 7. 8. class CosController extends \Tuanduimao\Loader\Controller { 9. 10. function __construct() { 11. } 12. 13. function tryit() { 14. 15. $config = [ 16. 'region'=>'<tj/sh/gd>', 17. 'appid'=>'<your appid>', 18. 'bucket'=>'<your bucket>', 19. 'SecretID'=>"<your SecretID>", 20. 'SecretKey'=>"<your SecretKey>" 21. ]; 22. $cos = App::M('Cos',$config); 23. $content =file_get_contents("http://7xleg1.com1.z0.glb.clouddn.com/x1/2/lab/uploadit.jpg"); 24. $resp = $cos->upload( $content, ['region'=>$config['region'], ' filetype'=>'jpg'] ); 25. Utils::out($resp); 26. } 27. 28. } 

第三步: 提交代碼並更新線上

1. git add * 2. git commit -m '+COS Tryit {{pull}}' # {{pull}} feed 指令更新線上代碼 3. git push 

第四步： 安裝 XQCloud 應用
訪問 https://dev.appcook.cn/core-system/appmanager/index , 安裝應用

第五步: 登陸雲主機，運行測試

1. docker exec -it xpmjs-server /bin/bash # 進入容器 2. tdm app run /apps/xqcloud/controller/Cos.php tryit # 運行測試 

3.3 封裝圖片上傳接口

第一步: 建立配置文件 vi xqcloud/config.php

1. <?php 2. $GLOBALS['_QC'] = [ 3. 'cos'=>[ 4. 'region'=>'<tj/sh/gd>', 5. 'appid'=>'<your appid>', 6. 'bucket'=>'<your bucket>', 7. 'SecretID'=>"<your SecretID>", 8. 'SecretKey'=>"<your SecretKey>" 9. ] 10. ]; 

第二步: 修改控制器 vi xqcloud/controller/Cos.php

1. <?php 2. require_once(__DIR__ . '/../config.php'); 3. use \Tuanduimao\Loader\App as App; 4. use \Tuanduimao\Utils as Utils; 5. use \Tuanduimao\Tuan as Tuan; 6. use \Tuanduimao\Excp as Excp; 7. use \Tuanduimao\Conf as Conf; 8. 9. class CosController extends \Tuanduimao\Loader\Controller { 10. 11. function __construct() { 12. } 13. 14. /** 15. * 上傳文件接口 16. * @return [type] [description] 17. */ 18. function upload() { 19. 20. $file = !empty($_FILES['wxfile']) ? $_FILES['wxfile'] : []; 21. $content = !empty($file['content']) ?base64_decode($file['content']) : NULL; 22. $filetype = Utils::mimes()->getExtension($file['type']); 23. 24. if ( $content == null ) { 25. echo (new Excp("未接收到文件", 502, ['_FILES'=>$_FILES]))->toJSON(); 26. return; 27. } 28. 29. $config = $GLOBALS['_QC']['cos']; 30. $cos = App::M('Cos',$config); 31. try { 32. $resp = $cos->upload( $content, ['region'=>$config['region' ], 'filetype'=>$filetype] ); 33. } catch( Excp $e ){ 34. $extra = $e->getExtra(); 35. echo (new Excp("COS API 錯誤", 502, ['resp'=>$resp, 'e'=>$extra]))->toJSON(); 36. return; 37. } 38. if ( $resp['code'] == 0) { 39. Utils::out($resp['data']); 40. return; 41. } 42. echo (new Excp("COS API 錯誤", 502, ['resp'=>$resp]))->toJSON(); 43. return; 44. 45. } 46. } 

第三步: 提交代碼更新

1. git add * 2. git commit -m '+COS Upload {{pull}}' # {{pull}} feed 指令更新線上代碼 3. git push 

第四步: 登陸雲主機，運行測試

1. docker exec -it xpmjs-server /bin/bash # 進入容器 2. cd ~ 3. wget http://wxapp-1252011659.file.myqcloud.com/4883017283.jpg 4. tdm app run /apps/xqcloud/controller/Cos.php upload --f='''{"wxfile":"4883017283.jpg"}''' --vv 

4、實驗結果

經過調用 COS 接口，掌握 RESTFul API 調用和調試的方法；經過封裝圖片上傳接口，掌握
RESTFul API 的封裝方法。

若是你看了以上的文章以爲不過癮。想要系統性學習如何在騰訊雲上開發微信小程序，建議報名參加咱們的TCCE微信開發課程培訓：https://www.qcloud.com/training/courses/wx-dev