tencent cloud

Cloud Object Storage

COS_HarmonyOS 직접 업로드 사례

PDF
포커스 모드
폰트 크기
마지막 업데이트 시간: 2025-09-19 10:43:53

소개

본 문서는 SDK에 의존하지 않고 간단한 코드로 HarmonyOS에서 COS(Cloud Object Storage)의 버킷으로 파일을 직접 업로드하는 방법을 설명합니다.
주의:
본 문서의 내용은 XML 버전의 API를 기반으로 합니다.

전제 조건

COS 콘솔에 로그인하여 버킷을 생성하고 Bucket(버킷 이름)과 Region(리전 이름)을 획득하세요. 자세한 내용은 버킷 생성을 참고하십시오.
CAM 콘솔에 로그인하여 프로젝트 SecretId와 SecretKey를 획득합니다.

작업 절차

전체 단계는 다음과 같습니다:
1. 클라이언트가 서버 인터페이스를 호출하여 파일 확장자를 전달하면, 서버는 확장자와 타임스탬프 등을 기반으로 cos key와 직접 업로드 url을 생성합니다.
2. 서버는 STS SDK를 통해 임시 키를 획득합니다.
3. 서버는 획득한 임시 키로 직접 업로드 url에 서명하고 url, 서명, 토큰 등의 정보를 반환합니다.
4. 클라이언트는 절차 3에서 획득한 정보를 바탕으로 직접 put 요청을 보내며, 서명과 토큰 등을 헤더에 포함하여 업로드합니다.
구체적인 코드는 HarmonyOS 예제를 참고하십시오.

서버 서명 구현 구성

주의:
정식 배포 시 서버에는 귀하의 웹사이트 자체 권한 검증 단계를 추가해야 합니다.
보안상의 이유로 서버드는 임시 키를 획득한 후 직접 업로드 url을 생성하고 즉시 서명해야 합니다. 자세한 내용은 서버 서명 사례을 참고하십시오.
구체적인 절차는 다음과 같습니다.
1. STS SDK를 통해 임시 키를 획득합니다.
2. 확장자에 따라 cos key와 직접 업로드 url을 생성합니다.
3. 임시 키를 사용하여 직접 업로드 url에 서명하고 직접 업로드 url, 서명, 토큰 등의 정보를 반환합니다.
서버 구성 절차:
1. 키, bucket 및 region을 구성합니다.
var config = {
// Tencent Cloud 키를 획득합니다. 제한된 권한을 가진 서브 사용자의 키 사용을 권장합니다. https://console.tencentcloud.com/cam/capi
secretId: process.env.COS_SECRET_ID,
secretKey: process.env.COS_SECRET_KEY,
// 키 유효 기간
durationSeconds: 1800,
// 여기에 버킷 및 리전을 입력합니다. 예: test-1250000000, ap-guangzhou
bucket: process.env.PERSIST_BUCKET,
region: process.env.PERSIST_BUCKET_REGION,
// 제한된 업로드 확장자
extWhiteList: ['jpg', 'jpeg', 'png', 'gif', 'bmp'],
};
2. 터미널 실행
npm install
3. 서비스 시작
node app.js
여기까지 서버가 성공적으로 시작되었으며, 클라이언트 프로세스를 시작할 수 있습니다.
다른 언어 또는 자체 구현이 필요한 경우 다음 프로세스를 참조할 수 있습니다.
1. 서버에서 임시 키를 획득합니다. 서버는 먼저 고정 키 SecretId, SecretKey를 사용하여 STS 서비스에서 임시 키를 획득하고, 임시 키 tmpSecretId, tmpSecretKey, sessionToken을 획득합니다. 자세한 내용은 임시 키 생성 및 사용 가이드 또는 cos-sts-sdk를 참고하십시오.
2. 직접 업로드 url에 서명하여 authorization을 생성합니다.
3. 직접 업로드 url, authorization, sessionToken 등의 정보를 반환하며, 클라이언트가 파일을 업로드할 때 획득한 서명과 sessionToken을 각각 요청 헤더의 authorization 및 x-cos-security-token 필드에 넣습니다.

HarmonyOS 업로드 예시

1. 서버에서 직접 업로드 및 서명 정보를 요청합니다.
import http from '@ohos.net.http';

/**
* 직접 업로드 url 및 서명 등 획득
*
* @param ext 파일 확장자. 직접 업로드 시 서버드에서 확장자에 따라 cos key 생성
* @return 직접 업로드 url 및 서명 등
*/
public static async getStsDirectSign(ext: string): Promise<Object> {
// 각 httpRequest는 하나의 HTTP 요청 작업에 해당하며 재사용할 수 없음
let httpRequest = http.createHttp();
//직접 업로드 서명 비즈니스 서버 url(정식 환경에서는 정식 직접 업로드 서명 비즈니스 url로 교체해 주세요)
//직접 업로드 서명 비즈니스 서버 코드 예제는 다음을 참고하세요: https://github.com/tencentyun/cos-demo/blob/main/server/direct-sign/nodejs/app.js
let url = "http://127.0.0.1:3000/sts-direct-sign?ext=" + ext;
try {
let httpResponse = await httpRequest.request(url, { method: http.RequestMethod.GET });
if (httpResponse.responseCode == 200) {
let result = JSON.parse(httpResponse.result.toString())
if (result.code == 0) {
return result.data;
} else {
console.info(`getStsDirectSign error code: ${result.code}, error message: ${result.message}`);
}
} else {
console.info("getStsDirectSign HTTP error code: " + httpResponse.responseCode);
}
} catch (err) {
console.info("getStsDirectSign Error sending GET request: " + JSON.stringify(err));
} finally {
// 해당 요청 사용이 완료되면 destroy 메서드를 호출하여 직접 파기합니다.
httpRequest.destroy();
}
return null;
}
2. 획득한 직접 업로드 및 서명 정보를 사용하여 파일 업로드를 시작합니다.
import http from '@ohos.net.http';
import promptAction from '@ohos.promptAction'
import fs from '@ohos.file.fs';
import request from '@ohos.request';
import common from '@ohos.app.ability.common';
import { MediaBean } from '../bean/MediaBean';
import { MediaHelper } from './MediaHelper';

/**
* 파일 업로드(uploadTask로 구현)
* @param context context
* @param media 미디어 파일
*/
public static async uploadFileByTask(context: common.Context, media: MediaBean, progressCallback: (uploadedSize: number, totalSize: number) => void) {
// 직접 업로드 서명 등 정보 획득
let ext = MediaHelper.getFileExtension(media.fileName);
let directTransferData: any = await UploadHelper.getStsDirectSign(ext);
if (directTransferData == null) {
promptAction.showToast({ message: 'getStsDirectSign fail' });
return;
}

// 비즈니스 서버에서 반환된 업로드 정보
let cosHost: String = directTransferData.cosHost;
let cosKey: String = directTransferData.cosKey;
let authorization: String = directTransferData.authorization;
let securityToken: String = directTransferData.securityToken;

// 업로드 url 생성
let url = `https://${cosHost}/${cosKey}`;
try {
// uri 파일을 cacheDir에 복사(request.uploadFile은 internal: 유형의 경로만 허용)
let file = await fs.open(media.fileUri, fs.OpenMode.READ_ONLY);
let destPath = context.cacheDir + "/" + media.fileName;
await fs.copyFile(file.fd, destPath);
let realuri = "internal://cache/" + destPath.split("cache/")[1];

let uploadConfig = {
url: url,
header: {
"Content-Type": "application/octet-stream",
"Authorization": authorization,
"x-cos-security-token": securityToken,
"Host": cosHost
},
method: "PUT",
files: [{ filename: media.fileName, name: "file", uri: realuri, type: ext }],
data: []
};
// 업로드 시작
let uploadTask = await request.uploadFile(context, uploadConfig)

uploadTask.on('progress', progressCallback);
let upCompleteCallback = (taskStates) => {
for (let i = 0; i < taskStates.length; i++) {
promptAction.showToast({ message: '업로드 성공' });
console.info("upOnComplete taskState:" + JSON.stringify(taskStates[i]));
}
};
uploadTask.on('complete', upCompleteCallback);

let upFailCallback = (taskStates) => {
for (let i = 0; i < taskStates.length; i++) {
promptAction.showToast({ message: '업로드 실패' });
console.info("upOnFail taskState:" + JSON.stringify(taskStates[i]));
}
};
uploadTask.on('fail', upFailCallback);
} catch (err) {
console.info("uploadFile Error sending PUT request: " + JSON.stringify(err));
promptAction.showToast({ message: "uploadFile Error sending PUT request: " + JSON.stringify(err) });
}
}


도움말 및 지원

문제 해결에 도움이 되었나요?

피드백