【Flutter + microCMS】 랜덤 스트레스 해소 앱 만들어 보았다

0. 소개

【Windows편】Flutter와 Codemagic을 사용하여 Android/iOS 앱을 생성할 때까지

↑를 썼을 때, Flutter 앱 만들겠다-라고 말해 두면서, 전혀 손을 붙이지 않았습니다 w
아니, 변명하면 앱은 만들었는데 기사를 쓰지 않았어요! w

그래서 이전에 사용해 본 microCMS가 재미 있었기 때문에 이번에는 Flutter와 연계한 앱을 만들어 보았습니다.
아래는 과거에 게시한 microCMS 관련 기사입니다.

【Nuxt.js + COTOHA API + microCMS】 COTOHA 틱한 플래시 카드 만들어 보았다

1. 어떤 앱?

스트레스 해소법을 무작위로 표시하는 앱입니다.
※현재는 10건 밖에 데이터가 들어 있지 않습니다

간단하지만 이런 느낌으로 작동하도록 했습니다.

microCMS에서 "타이틀", "이미지", "설명"을 등록합니다.

앱이 시작될 때 env 파일에서 microCMS URL과 API 키를로드합니다.

microCMS와 통신하여 등록 된 모든 데이터를 얻습니다.

업데이트 버튼을 누르면 획득 한 데이터가 무작위로 표시됩니다.

2. 환경

Flutter

http ... microCMS에 대한 요청

flutter_dotenv ... env 파일로드 (microCMS URL, API 키)

dart : math ... 난수 취득

dart : convert ... Json 디코딩

microCMS

3. 클래스 다이어그램

4. 구현

random_de_stress

5. 데모

6. 참고

매우 이해하기 쉬웠습니다! 고마워요 m (_ _) m

이해하기 쉬운 Flutter 참조(HTTP에 요청)

Flutter와 microCMS로 만드는 간단한 미디어 앱

7. 결론

그건 그렇고, Codemagic을 사용했지만 좋은 느낌으로 움직였습니다
업무에서 사용하지 않는 언어를 먹는 것은 중요합니다
다음은 Flutter+Firebase 근처에서 뭔가 만들어 보려고 생각합니다
React 모르케와 React Native도 만져 보면 좋다
안드로이드 기기 원