inflearn logo
강의

Course

Instructor

No-code app development made easy with FlutterFlow

31. wrap-up

완강 이후, 추가적인 내용(API Key 보안)에 대한 질문입니다!

79

dlfgh15

7 asked

0

강의 내에서 궁금한 점들은 거의 대부분 해소를 하였으나, 검색을 통해 찾기 어려운 부분이 있어 질문드립니다!

 

API Key값을 하드코딩하면 보안상에 문제가 있다는 점을 알게 되었고, 그 대안으로 파이어베이스 클라우드 펑션을 통해 서버와 연결하라는 답변을 받은 적이 있습니다!

 

저는 서버에는 감이 아예 없어서, 이 기능을 구현하는 과정을 조금 설명해주실 수 있으실지 여쭤봅니다!

firebase no-code flutterflow

Answer 1

0

ujean

안녕하세요. 안일호님 우선 완강까지 해주셔서 너무 감사합니다~!

로컬에서 개발할 때는 보통 API Key를 .env 파일에 넣고 Git에 올라가지 않도록 관리하는데요. 실제 서비스 단계에서는 키를 별도 저장소나 서버에서 관리하는 것이 더욱 안전합니다.

문의 주신 Cloud Functions를 사용하실 경우, 앱 코드에는 키가 전혀 포함되지 않고 서버(Function) 쪽에서만 키를 보관·사용하기 때문에 직접적인 노출을 방지할 수 있습니다.

모든 내용을 여기서 다루긴 어렵지만, 아래 예제를 참고하시면 단계별로 수행하실수 있으리라 생각됩니다. (제가 사용했던 방법이기도 합니다.)

https://community.flutterflow.io/community-tutorials/post/securing-api-keys-with-flutterflow-and-firebase-DxDNd5nFlEDrmT7

순서를 간단히 정리 드리면.

1. Firebase CLI 설치 & 로그인

2. Cloud Functions에 API 키 보관

- ex.) firebase functions:config:set your_key="your-openai-api-key"

3. Cloud Functions에서 프록시 함수 작성 및 배포

- 클라이언트에서 보낸 요청 데이터와 처리결과를 FlutterFlow로 반환하는 값에 대한 함수 작성

4. FlutterFlow에서 Cloud Functions 연결 (Custom Code에서 Firebase Functions에 액션 추가)

5. FlutterFlow에서 Custom Code로 api 를 호출

이렇게 되겠습니다. 도움이 되시길 바랄게요~!

더백님 감사합니다

1

37

1

구글 클라우드 연결

0

24

2

39. Main화면 추가 UI 에서 자료는 어디서 받나요??

0

36

1

세션3-19강 질문있습니다.

0

27

1

미션 마감일시를 좀 늘려주세요

0

45

1

개인브랜딩 사이트 만들기가 마감일시가 있었네요.

0

38

1

최종 과제 제출

0

82

3

이정도 수준의 수업은 올리지 말아주세요

0

25

1

주사위앱 소개 및 레이아웃 설정 문제

0

59

2

구글폼연결

0

58

3

파이어베이스 문의

0

41

2

네이버 인증

0

67

3

searchable이 화면 하단에 위치해요

0

61

2

구글 플레이스토어 배포시 테스트 요건

1

69

2

Recoil 에러

0

70

1

노이즈 제거 가능할까요?

0

38

0

텔레그램 명령어를 만들어서 다양한 워크플로우를 트리거 시킬수도 있나요?

0

44

2

비전공자가 7강 자체를 따라하는 방법

0

84

2

16-17강 이미지 업로드 부분 잘 안되는데 확인 좀 부탁드립니다.

0

80

2

icon 과 iconbuttn 의 기능차이가 뭐가 있나요

0

68

1

6장 15:38 경에 나오는 row에 naming이 나는안돼요

0

62

2

이미지업로드에러

0

147

3

하단에 왜 이런 에러가 발생하는 건가요

0

98

2

list view 설정 후에도 스크롤이 내려가지 않습니다

0

88

1