- 쇼핑몰, 커뮤니티, 소개팅, 등의 자주 사용되는 서비스에 필요한 코드를 모두 넣어둔 템플릿입니다.
- 블루베리 템플릿의 모든 코드는
위젯 - 프로바이더
의 아주 단순한 구조로 이루어져 있습니다. - 빌드 후 필요한 화면을 찾으셨다면 해당 화면에 필요한 버튼(위젯)을 찾으시고 그 위젯과 연결된 프로바이더를 확인해주세요.
- 오픈소스인 블루베리 템플릿을 함께 만들어가실 개발자, 디자이너 모집중입니다 :)
- 카카오톡 링크 : https://open.kakao.com/o/savka5yg ( 플러터 초심자 분들의 협업 학습을 위한 2주간의 인턴 체험도 진행중이니 신청해주세요! )
-
Android Studio, Xcode의 최신화를 해 주세요.
-
플러터 버전을 최신으로 업데이트 해 주세요.
FVM 설정 예정
- Flutter Version Upgrade
- 앱 빌드를 위한 폴더들을 생성해주세요.
- 터미널에
flutter create .
입력
- 파이어베이스 설정을 해주세요.
- 파이어베이스 프로젝트 생성
- 'curl -sL https://firebase.tools | bash'
- 'dart pub global activate flutterfire_cli'
- `flutterfire configure --project={본인의 파이어베이스 프로젝트 명}'
Which platforms should your configuration support (use arrow keys & space to select)? [v] Android [v] iOS [v] Web Which Android application id (or package name) do you want to use for this configuration, e.g. 'com.example.app' package name : com.blueberry.template
- google-services.json, GoogleService-Info.plist 파일을 프로젝트에 추가해주세요.
-
파이어베이스 콘솔 접속 > 프로젝트 설정 > 프로젝트 설정 > 아래로 스크롤 > 내 앱
에서 다운로드 가능합니다.!!주의!!
3번 항목은 하지말아주세요!
빌드가 불안정하게 변합니다.
만약 이미 해버리셨다면 iOS 폴더를 삭제 후 다시
flutter create .
해주세요.
- Firebase 기능을 활성화 해주세요.
Authentication > 시작하기 > 로그인 방법 > 이메일/비밀번호 활성화
Firestore Database > 데이터베이스 만들기 > 테스트 모드에서 시작
Storage > 시작하기 > 테스트 모드에서 시작
- Freezed 파일과 Gen 파일을 생성해주세요.
flutter pub run build_runner build --delete-conflicting-outputs
커맨드를 터미널에 입력합니다.fluttergen
커맨드를 터미널에 입력합니다.
웹 빌드시에는 렌더러를 사용해야 합니다. WEB IMAGE RENDERING (https://docs.flutter.dev/development/platform-integration/web/renderers)
flutter run -d chrome --web-renderer html
로그인 기능(구글,애플,깃허브)를 이용하기 위해서 각 서비스의 키 설정이 필요합니다.