flutter에서 notion api 호출하기
2023. 7. 18. 15:29ㆍ개발공부/Flutter (ft.Dart)
이번 Flutter 프로젝트에서도 Notion Api를 호출한다.
바로 이전 Next.js 플젝에서 사용하였는데도 중간중간 삐걱거려서 이번엔 블로그에 정리해두기로했다.
우선 노션 developers에서 integration을 추가해준다.
Notion API
developers.notion.com
DB로 사용하려는 나의 노션 페이지로가서 방금 만든 integration을 검색하여 connect해준다.
이제 테스트를위해 database_id와 api token이 필요하다.
나는 DB를 inline으로 만들어두었기때문에 open as full page로 가야한다.
fullpage로 갔을때 url의 'notion.so/' 뒤부터 '?' 앞까지가 나의 database_id이다.
api token은 integration 생성 후 나오는 secret key이다 잘 복사해둔다.
나는 포스트맨에서 먼저 테스트해보았는데,
위와 같이 'http://api.notion.com/v1/database' base url을 먼저 넣어주고, 뒤에 우리 고유 id를 넣어준다.
api token은 authorization에서 bearer token으로 넣어주고, 그 외 추가 에러가 나면 필요하다는대로 headers에 넣어준다.
생각보다 넘넘 간단하다!
flutter 코드도 아래 공유한다.
final String notionDatabaseUrl = 'https://api.notion.com/v1/databases/2****************';
final String notionToken = 'secret_9**************************l';
Future<void> getDatabase(cardTitle) async {
final response = await http.get(
Uri.parse(notionDatabaseUrl),
headers: {
'Authorization': 'Bearer $notionToken',
'Notion-Version': '2022-06-28',
},
);
if (response.statusCode == 200) {
print(response.body);
} else {
print('Error: ${response.statusCode}');
}
}
'개발공부 > Flutter (ft.Dart)' 카테고리의 다른 글
플러터 페이지 이동하는 법 (0) | 2023.12.03 |
---|---|
다트 문법 공부 (0) | 2023.11.26 |
카드 뒤집기 기능 구현 (0) | 2023.08.13 |
플러터에서 반복문 돌려 카드박스 만들기 (0) | 2023.07.13 |