React 웹 앱의 로컬 개발을 위해 .env 파일의 API 키 및 링크 숨기기

API 키를 저장하고 숨기는 매우 안전한 방법은 .env 파일을 사용하는 것입니다. 일부 상황에서는 외부인이 .env 파일에 저장될 때 여전히 API 키에 액세스할 수 있지만 대부분 .env가 저장소에 커밋되지 않고 로컬 개발에만 사용된다고 가정합니다.Netlify와 같은 호스팅 플랫폼에서 배포된 사용에 대해서는 내 다른 기사를 참조하십시오.

.env에 API 키를 저장하는 방법을 살펴보겠습니다.

먼저 프로젝트의 루트 폴더에 .env 파일을 만듭니다.

이제 .env 파일에서 API 키를 보유할 실제 변수를 선언해 보겠습니다.

/* The variable name must start with the format REACT_APP 
followed by the actual variable name in snake case */

REACT_APP_API_KEY = myApiKey

이제 구성 요소의 .env 파일에서 API 키를 사용하겠습니다.

const ApiKey = process.env.REACT_APP_API_KEY

그게 다야 우리 모두 끝났어!

Reference

이 문제에 관하여(React 웹 앱의 로컬 개발을 위해 .env 파일의 API 키 및 링크 숨기기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/renegadedev/hiding-api-keys-and-links-in-env-files-for-local-development-of-react-web-apps-26oi

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다