본문으둜 κ±΄λ„ˆλ›°κΈ°

πŸ”— μ™ΈλΆ€ ν•™μŠ΅ 자료 JavaScript SDK

μ™ΈλΆ€ ν•™μŠ΅ 자료 SDK​

λ³Έ λ¬Έμ„œλŠ” μ—˜λ¦¬μŠ€μ˜ μ™ΈλΆ€ ν•™μŠ΅ 자료λ₯Ό 개발의 κ°€μ΄λ“œλΌμΈμ„ μ œκ³΅ν•©λ‹ˆλ‹€.

μ΄μ™Έμ˜ λ‹€λ₯Έ μ§ˆλ¬Έμ— λŒ€ν•΄μ„œλŠ” μ—˜λ¦¬μŠ€λ‘œ 연락 μ£Όμ‹œκΈ° λ°”λžλ‹ˆλ‹€.

SDK μ„€μΉ˜ 및 μ΄ˆκΈ°ν™”β€‹

μ™ΈλΆ€ ν•™μŠ΅ 자료 Javascript SDKλ₯Ό npm νŒ¨ν‚€μ§€λ‘œ μ„€μΉ˜ν•΄μ£Όμ„Έμš”. ν•΄λ‹Ή νŒ¨ν‚€μ§€λŠ” μ›Ή ν™˜κ²½μ—μ„œ μ‚¬μš© κ°€λŠ₯ν•©λ‹ˆλ‹€.

# npm
npm install @eliceio/content-sdk --save

# yarn
yarn add @eliceio/content-sdk

ν΄λž˜μŠ€β€‹

μ„€μΉ˜λœ SDKμ—μ„œ μ œκ³΅ν•˜λŠ” 클래슀 EliceContentsλ₯Ό μ‚¬μš©ν•˜μ—¬ μ™ΈλΆ€ ν•™μŠ΅μžλ£Œ κ°œλ°œμ— ν•„μš”ν•œ λ©”μ„œλ“œμ™€ 속성을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

import { EliceContents } from '@eliceio/content-sdk';

const eliceContents = new EliceContents({
baseUrl: 'https://api-external-contents.elice.io',
});

μ΄ˆκΈ°ν™”μ— μ œκ³΅ν•˜λŠ” μ˜΅μ…˜μ€ λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€:

μ΄λ¦„νƒ€μž…μ„€λͺ…
baseUrlstringElice ν”Œλž«νΌ API μ„œλ²„μ˜ base URLμž…λ‹ˆλ‹€. CORS 정책은 elice.io origin에 λŒ€ν•œ μš”μ²­λ§Œ ν—ˆμš©ν•©λ‹ˆλ‹€. λ”°λΌμ„œ 둜컬 ν™˜κ²½μ—μ„œ ν…ŒμŠ€νŠΈν•  경우 ν”„λ‘μ‹œ μ„œλ²„λ₯Ό κ΅¬μ„±ν•˜κ±°λ‚˜ λΈŒλΌμš°μ €μ˜ CORS κΈ°λŠ₯을 λΉ„ν™œμ„±ν™”ν•΄μ•Ό ν•©λ‹ˆλ‹€.

CORS μ—λŸ¬λ₯Ό ν•΄κ²°ν•˜κΈ° μœ„ν•΄μ„œλŠ” μ•„λž˜ λ‚΄μš©μ„ 확인 λΆ€νƒλ“œλ¦½λ‹ˆλ‹€.

ν”ŒλŸ¬κ·ΈμΈ μ„€μΉ˜λ₯Ό μ§„ν–‰ν•œ 이후에도 CORS μ—λŸ¬κ°€ λ°œμƒν•œλ‹€λ©΄, ν„°λ―Έλ„μ—μ„œ μ•„λž˜ λͺ…λ Ήμ–΄λ‘œ λΈŒλΌμš°μ € CORS κΈ°λŠ₯을 λΉ„ν™œμ„±ν™”ν•˜μ‹€ 수 μžˆμŠ΅λ‹ˆλ‹€.

# Windows
chrome.exe --user-data-dir="C://chrome-dev-disabled-security" --disable-web-security --disable-site-isolation-trials

# macOS
open /Applications/Google\ Chrome.app --args --user-data-dir="/var/tmp/chrome-dev-disabled-security" --disable-web-security --disable-site-isolation-trials

# Linux
google-chrome --user-data-dir="~/chrome-dev-disabled-security" --disable-web-security --disable-site-isolation-trials