기타 언어 : 영어
이 프로젝트는 기본 템플릿 또는 스타터가 되어 Flutter 및 Firebase가 빠르게 프로젝트를 시작하는 것을 목표로합니다.
베팅은 로그인 과 홈의 두 화면으로 구성됩니다
이 화면에서 사용자는 다음을 수행 할 수 있습니다.
우리가 한 번 식별하고 세션을 완료 할 수있는 화면.
응용 프로그램은 또한 로그인 할 때마다 사용자 시간과 ID가 저장되는 Activity 라는 데이터베이스에서 문서를 작성합니다.
이 프로젝트의 목적은 FireBase와 함께 Flut
개발 팀에 플러터 설치 :
https://flutter.dev/docs/get-started/install/macos
Android Studio 및 Xcode가 설치되어 있는지 확인하십시오.
Xcode 다운로드
안드로이드 스튜디오 다운로드 (Mac 용)
설치되면 설치를 확인하십시오.
flutter doctor
git clone [email protected]:ramoncardena/flutter-firebase-starter.git flutter-firebase-starter
cd flutter-firebase-starter
flutter packages get
Xcode : ~/flutter-firebase-starter/ios 에서 iOS 프로젝트를 열었습니다
프로젝트의 구조에서 우리는 루트 러너를 선택하고 Identity 섹션의 일반 섹션에서 번들 ID ( 번들 식별자 )와 버전 ( 버전 )을 정의합니다.
그런 다음 서명 및 기능 섹션으로 이동하고 서명 섹션에서는 프로젝트에 서명하기 위해 적절한 장비 ( 팀 )를 선택합니다.
~/flutter-firebase-starter/android/app/build.gradle 에서 졸업이 정의되는 프로젝트 폴더로 이동합시다.
그리고 Application ID ( ApplicationID )로 DefaultConfig 섹션을 수정하고 SDK ( MinsdKversion )의 최소 버전을 21로 설정합니다.
defaultConfig {
applicationId "com.ramoncardena.firebasestarter"
minSdkVersion 21
targetSdkVersion 28
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
}
이 기사에서 영어로 된 자세한 정보를 찾을 수 있습니다.
우리는 Firebase 콘솔로갑니다.
우리는 새로운 프로젝트를 만들고 일단 생성 된 일단 생성 된 두 개의 응용 프로그램 (Android와 다른 iOS)을 추가합니다.
Firebase 콘솔에서 새로운 iOS 응용 프로그램을 작성하고 기본 데이터를 채 웁니다.
그런 다음 googleservice-info.plist 구성 파일을 다운로드합니다.
중요 : Xcode를 열고 러너/러너 폴더의 오른쪽 버튼을 사용하여 FireBase 구성 파일과 닫힌 Xcode를 추가하십시오.
또한 Google 로그인 으로 인증하려면 ios/Runner/Info.plist 파일에 해당 키를 추가해야합니다.
<!-- Google Sign-in Section -->
<key>CFBundleURLTypes</key>
<array>
<dict>
<key>CFBundleTypeRole</key>
<string>Editor</string>
<key>CFBundleURLSchemes</key>
<array>
<!-- TODO Replace this value: -->
<!-- Copied from GoogleService-Info.plist key REVERSED_CLIENT_ID -->
<string>com.googleusercontent.apps.861823949799-vcuujjn0vvnmcvjppkn</string>
</array>
</dict>
</array>
<!-- End of the Google Sign-in Section -->
기본 데이터와 함께 Firebase 콘솔에서 새로운 Android 응용 프로그램을 만듭니다.
SHA 서명 키를 추가하려면 터미널에서 프로젝트 폴더로 이동하여 실행합니다.
keytool -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore
(비밀번호로 우리는 android 사용합니다)
이 부분에서 이미 프로젝트에서 구현되었으며 유익합니다.
그런 다음 Google-Services 파일을 다운로드합니다. 설정 및 프로젝트 폴더로 복사합니다 : android/app .
파일이 복사되면 FireBase와 함께 작업하려면 졸업을 구성해야합니다. 처음부터 android/build.gradle :
buildscript {
repositories {
// Check that you have the following line (if not, add it):
google() // Google's Maven repository
}
// ...
dependencies {
// ...
// Add the following line:
classpath 'com.google.gms:google-services:4.3.3' // Google Services plugin
}
}
allprojects {
// ...
repositories {
// Check that you have following line (if not, add it):
google() // Google's Maven repository
// ...
}
}
android/app/build.gradle 에서 :
dependencies {
// ...
}
// Add the following line to the bottom of the file:
apply plugin: 'com.google.gms.google-services' // Google Play services Gradle plugin
마지막으로 android/gradle.properties 파일을 편집하고 추가합니다.
android.useAndroidX=true
android.enableJetifier=true
마지막으로 우리는 실행합니다.
flutter packages get
ID가 수정되면 새로 설치된 응용 프로그램이 두 시스템에서 실행되는지 확인합니다 (Android 모바일과 iPhone을 연결합니다.
flutter packages get
flutter run -d all
(또는 Android Studio에서 프로젝트 시작)
이 부분은 이미 프로젝트에서 구현되었으며 유익한 정보 만 있습니다.
pubspec.yaml 에서 Firebase가 필요한 플러그인을 종속 섹션에서 추가합니다.
dependencies:
flutter:
sdk: flutter
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^0.1.2
## AQUÍ DEPENDENCIAS FIREBASE Y OTRAS...
firebase_core: ^0.4.1+5
firebase_analytics: ^5.0.6
cloud_firestore: ^0.12.10
firebase_auth: ^0.14.0+9
google_sign_in: ^4.0.14
rxdart: ^0.22.6
provider: 2.0.0+1
font_awesome_flutter: 8.4.0
플러그인이 정의되면 다음을 설치합니다.
flutter packages get
그리고 우리는 모든 것이 작동하는지 확인하기 위해 앱을 실행합니다.
flutter run -d all
내 웹 사이트에서 나에 대해 자세히 알아 보거나 블로그에서 내 기사를 읽을 수 있습니다.