PixAI DevLog: 배포

이전 글에서부터, 나는react와digital ocean 응용 프로그램 플랫폼에서 환경 변수 보호api 키를 어떻게 사용하는지 생각하기 시작했다.

Ayan Banerjee
•

I should be deploying by now, in fact I did but I took down cos my api_keys weren't secured, I've gone through posts about hiding stuff like on github with gitignore but I can't seem to get it working in production

너는 이것들을 환경 변수에 추가할 수 있다.사실 API 키를 숨기는 데 사용될 뿐입니다.😅
단계는 다음과 같습니다.

우선, 나는 하나를 만들었다.내 프로젝트 루트 디렉터리에 있는 env 파일

편집했습니다.env, 내 키 접두어는 REACT APP:

REACT_APP_API_KEY1 = value;
REACT_APP_API_KEY2 = value;

* 필요한 곳에 사용

const key = process.env.REACT_APP_API_KEY1;

마지막으로 디지털ocean 응용 프로그램 플랫폼의 환경 변수 옵션에서 키를 지정합니다.(암호화 옵션을 클릭하는 것을 잊지 마세요.)😉)

이렇게 기록하는 것은 좀 이상하지만, 나는 좋아하기 시작했다.어쨌든 애플리케이션 링크는 다음과 같습니다.
PixAI
그럼에도 불구하고, 덮어쓰기와 css 등 작은 세부 사항은 추가되어야 하지만, 기능과 '응답성' 은 마음에 드십시오.
내일이 이 시리즈의 마지막 부분이니 기대해 주세요.
나중✌✌.