구글 앱스 스크립트로 쿠팡 상품 자동 표시하기｜코드와 설정 방법

// 쿠팡 API 기본 URL 및 Deep Link 경로
const COUPANG_API_BASE_URL = "https://api-gateway.coupang.com";
const DEEPLINK_API_PATH = "/v2/providers/affiliate_open_api/apis/openapi/v1/deeplink";

// 상품 목록 조회 API 경로(상품 카테고리로 변경)
const PRODUCT_LIST_API_PATH = "/v2/providers/affiliate_open_api/apis/openapi/products/coupangPL";

// ---

// ==== GMT 날짜 형식 생성 함수 (yyMMdd'T'HHmmss'Z' 포맷) ====
function getCoupangApiDate() {
const date = new Date();
const year = date.getUTCFullYear().toString().substring(2); // YY (예: 2025 - 25)
const month = (date.getUTCMonth() + 1).toString().padStart(2, '0'); // MM
const day = date.getUTCDate().toString().padStart(2, '0'); // DD
const hours = date.getUTCHours().toString().padStart(2, '0'); // HH
const minutes = date.getUTCMinutes().toString().padStart(2, '0'); // mm
const seconds = date.getUTCSeconds().toString().padStart(2, '0'); // ss

return `$year}$month}$day}T$hours}$minutes}$seconds}Z`;
}

// ==== HMAC Signature 생성 함수 ====
function generateCoupangSignature(method, uri, secretKey, accessKey) {
const parts = uri.split('?');
const path = parts[0];
const query = (parts.length === 2) ? parts[1] : '';

const datetime = getCoupangApiDate();
const stringToSign = `$datetime}$method}$path}$query}`;

const signatureBytes = Utilities.computeHmacSha256Signature(stringToSign, secretKey);

const signatureHex = bytesToHex(signatureBytes);

return `CEA algorithm=HmacSHA256, access-key=$accessKey}, signed-date=$datetime}, signature=$signatureHex}`;
}

// ==== 바이트 배열을 16진수 문자열로 변환하는 헬퍼 함수 ====
function bytesToHex(bytes) {
return Array.from(bytes, function(byte) {
return ('0' + (byte & 0xFF).toString(16)).slice(-2);
}).join('');
}

// ---

// ==== Deep Link 생성 API 호출 함수 (사용자 요청 시 POST로 호출 가능) ====
function generateCoupangDeepLink(coupangUrls) {
const method = 'POST';
const uri = DEEPLINK_API_PATH;
const url = COUPANG_API_BASE_URL + uri;

const requestPayload = {
coupangUrls: coupangUrls
};
const requestBody = JSON.stringify(requestPayload);

const authorizationHeader = generateCoupangSignature(method, uri, COUPANG_SECRET_KEY, COUPANG_ACCESS_KEY);

const options = {
method: method,
headers: {
'Authorization': authorizationHeader,
'Content-Type': 'application/json;charset=UTF-8'
},
payload: requestBody,
muteHttpExceptions: true
};

try {
const response = UrlFetchApp.fetch(url, options);
const responseCode = response.getResponseCode();
const responseBody = response.getContentText();

if (responseCode === 200) {
const parsedResponse = JSON.parse(responseBody);
Logger.log("Deep Link API Response: " + JSON.stringify(parsedResponse, null, 2));
return parsedResponse;
} else {
Logger.log(`API Error: $responseCode} - $responseBody}`);
return null;
}
} catch (e) {
Logger.log(`Fetch Error: $e.message}`);
return null;
}
}

// ---

// ==== 상품 목록 조회 API 호출 함수 ====
function fetchCoupangProducts(limit = 20) { // 기본값 20개
const method = 'GET';
const uri = `$PRODUCT_LIST_API_PATH}?limit=$limit}`;
const url = COUPANG_API_BASE_URL + uri;

const authorizationHeader = generateCoupangSignature(method, uri, COUPANG_SECRET_KEY, COUPANG_ACCESS_KEY);

const options = {
method: method,
headers: {
'Authorization': authorizationHeader,
},
muteHttpExceptions: true
};

try {
const response = UrlFetchApp.fetch(url, options);
const responseCode = response.getResponseCode();
const responseBody = response.getContentText();

if (responseCode === 200) {
const parsedResponse = JSON.parse(responseBody);
Logger.log(`Product List API Response (limit=$limit}): ` + JSON.stringify(parsedResponse, null, 2));
return parsedResponse;
} else {
Logger.log(`API Error: $responseCode} - $responseBody}`);
return null;
}
} catch (e) {
Logger.log(`Fetch Error: $e.message}`);
return null;
}
}

// ---

// ==== 웹 앱으로 배포할 함수 (GET 요청 처리: 상품 목록 조회) ====
function doGet(e) {
let limit = parseInt(e.parameter.limit); // 블로그에서 보낸 limit 파라미터를 받음
if (isNaN(limit) || limit 1 || limit 100) {
limit = 20; // limit 값이 없거나 유효하지 않으면 기본 20개
}

const productsResult = fetchCoupangProducts(limit);

// 쿠팡 API 응답에서 'rCode'가 '0'이고 'data' 필드가 존재할 때만 'data' 필드의 내용을 반환
if (productsResult && productsResult.rCode === "0" && productsResult.data) {
return ContentService.createTextOutput(JSON.stringify(productsResult.data, null, 2))
.setMimeType(ContentService.MimeType.JSON);
} else {
// 오류가 있거나 데이터가 없는 경우, 오류 메시지를 포함하여 반환
const errorMessage = productsResult && productsResult.rMessage ? productsResult.rMessage : "상품 목록 조회 실패 또는 데이터 없음.";
Logger.log(`상품 조회 실패: $errorMessage}`);
return ContentService.createTextOutput(JSON.stringify({ error: errorMessage }))
.setMimeType(ContentService.MimeType.JSON);
}
}

// ==== 웹 앱으로 배포할 함수 (POST 요청 처리: Deep Link 생성 - 현재 블로그에서는 GET만 사용) ====
function doPost(e) {
try {
const requestData = JSON.parse(e.postData.contents);
const coupangUrls = requestData.coupangUrls;

if (!coupangUrls || !Array.isArray(coupangUrls) || coupangUrls.length === 0) {
return ContentService.createTextOutput(JSON.stringify({ error: "'coupangUrls' 배열을 JSON 바디에 포함해주세요." }))
.setMimeType(ContentService.MimeType.JSON);
}

const deepLinkResult = generateCoupangDeepLink(coupangUrls);

if (deepLinkResult) {
return ContentService.createTextOutput(JSON.stringify(deepLinkResult, null, 2))
.setMimeType(ContentService.MimeType.JSON);
} else {
return ContentService.createTextOutput(JSON.stringify({ error: "Deep Link 생성 실패" }))
.setMimeType(ContentService.MimeType.JSON);
}

try {
const response = await fetch(apiUrl);
if (!response.ok) throw new Error(`API 요청 실패: $response.status}`);

const data = await response.json();

const products = Array.isArray(data) ? data.slice(0, 3) :
data?.data?.slice(0, 3) || [];

if (products.length 0) {
let html = `
p class="product-title"쿠팡 추천 상품/p
div class="product-grid"
$products.map(product = `
div class="product-item"
a href="$product.productUrl || '#'}" target="_blank" rel="noopener"
img class="product-image" src="$product.productImage || 'https://via.placeholder.com/150'}" alt="$product.productName || ''}"
p class="product-name"$product.productName || '상품명 없음'}/h3
p class="product-price"$product.productPrice?.toLocaleString() + '원' || '가격 정보 없음'}/p
button class="detail-button"자세히 보기/button
/a
/div
`).join('')}
/div
`;
container.innerHTML = html;
} else {
container.innerHTML = 'p class="no-products"표시할 상품이 없습니다./p';
}
} catch (error) {
container.innerHTML = 'p class="error-message"상품 로딩 중 오류 발생/p';
console.error(error);
}
}

/* 개별 상품 스타일 */
.product-item {
border: 1px solid #eee;
padding: 15px;
border-radius: 8px;
text-align: center;
transition: transform 0.2s;
}

.product-item:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.product-image {
max-width: 100%;
object-fit: contain;
border-radius: 4px;
margin-bottom: 10px;
}

.product-name {
font-size: 1.1rem;
margin: 0 0 10px;
height: 3em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.product-price {
font-size: 1.2rem;
font-weight: bold;
color: #FF0000;
margin: 0;
}

.detail-button {
background-color: var(--dark); /* 이 변수가 정의되어 있지 않다면 다른 색상 코드로 변경하세요 (예: #1a73e8) */
color: white;
padding: 8px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 15px;
width: 100%;
}

/* 기타 스타일 */
.product-title {
font-size: 1.6rem;
color: #333;
margin-bottom: 15px;
}

.no-products,
.error-message {
color: #666;
text-align: center;
padding: 20px;
}

---

/* === 반응형 미디어 쿼리 추가 === */

/* 태블릿 (화면 너비가 600px 이상일 때) */
@media (min-width: 600px) {
.product-grid {
grid-template-columns: repeat(2, 1fr); /* 2열로 변경 */
}
}