[flutter] velocity_x를 사용하여 플러터 앱의 Firebase 실시간 데이터베이스 연동하기
Flutter에서 Firebase 실시간 데이터베이스를 사용하려면 velocity_x 라이브러리를 사용하여 간단하게 구현할 수 있습니다.
1. Firebase 프로젝트 설정
먼저, Firebase 콘솔에서 새 프로젝트를 만들고, 앱에 Firebase를 추가합니다. 이후 Firebase 실시간 데이터베이스를 설정하고 앱에 필요한 규칙을 추가합니다.
2. Flutter 프로젝트에 Firebase 연동
pubspec.yaml 파일에 firebase_core와 firebase_database 라이브러리를 추가합니다.
dependencies:
flutter:
sdk: flutter
firebase_core: ^1.10.0
firebase_database: ^12.1.0
velocity_x: ^4.0.0
3. Firebase 초기화
앱의 진입점에서 Firebase를 초기화합니다.
import 'package:firebase_core/firebase_core.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
runApp(MyApp());
}
4. Firestore 데이터베이스를 사용하여 데이터 읽기
velocity_x를 사용하여 데이터를 읽을 수 있습니다. 아래는 예시 코드입니다.
import 'package:firebase_database/firebase_database.dart';
import 'package:velocity_x/velocity_x.dart';
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
DatabaseReference _testRef = FirebaseDatabase.instance.reference().child('test');
return VxStreamBuilder(
stream: _testRef.onValue,
builder: (context, snapshot) {
if (snapshot.data == null) {
return CircularProgressIndicator().centered();
}
var _data = snapshot.data.snapshot.value;
return _data.toString().text.make();
},
);
}
}
위 코드에서 FirebaseDatabase.instance.reference().child('test')를 통해 test 데이터베이스에 접근하고, VxStreamBuilder를 사용하여 데이터를 읽습니다.
위 내용을 참고하여 velocity_x를 사용하여 Flutter 앱의 Firebase 실시간 데이터베이스를 연동하는 방법을 구현할 수 있습니다.