質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Cloud Firestore

Cloud Firestore は、自動スケーリングと高性能を実現し、アプリケーション開発を簡素化するように構築された NoSQLドキュメントデータベースです。

ログイン

ログインは、ユーザーがコンピューターシステムにアクセスするプロセスの事を呼びます。

SNS

SNS(ソーシャル・ネットワーキング・サービス)は、 人と人とのつながりを促進したり、サポートしたりすることが可能なコミュニティ型のWebサービスです。

Q&A

0回答

1419閲覧

flutterでのユーザー情報保持について

su_da221

総合スコア59

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Cloud Firestore

Cloud Firestore は、自動スケーリングと高性能を実現し、アプリケーション開発を簡素化するように構築された NoSQLドキュメントデータベースです。

ログイン

ログインは、ユーザーがコンピューターシステムにアクセスするプロセスの事を呼びます。

SNS

SNS(ソーシャル・ネットワーキング・サービス)は、 人と人とのつながりを促進したり、サポートしたりすることが可能なコミュニティ型のWebサービスです。

0グッド

1クリップ

投稿2021/01/29 10:59

SNSのようなものを作成したいのですが、ユーザー情報の保持に仕方がわかりません。
下記のコードでログイン後ユーザー情報を表示しているのですが、

import 'package:firebase_auth/firebase_auth.dart'; import 'package:flutter/material.dart'; import 'package:google_sign_in/google_sign_in.dart'; import 'package:cloud_firestore/cloud_firestore.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( primarySwatch: Colors.blue, ), //ここ home: MyHomePage()); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { final GoogleSignIn _googleSignIn = GoogleSignIn(); final FirebaseAuth _auth = FirebaseAuth.instance; Future<FirebaseUser> _handleSignIn() async { GoogleSignInAccount googleCurrentUser = _googleSignIn.currentUser; try { if (googleCurrentUser == null) googleCurrentUser = await _googleSignIn.signInSilently(); if (googleCurrentUser == null) googleCurrentUser = await _googleSignIn.signIn(); if (googleCurrentUser == null) return null; GoogleSignInAuthentication googleAuth = await googleCurrentUser.authentication; final AuthCredential credential = GoogleAuthProvider.getCredential( accessToken: googleAuth.accessToken, idToken: googleAuth.idToken, ); final FirebaseUser user = (await _auth.signInWithCredential(credential)).user; print("signed in " + user.displayName); await Firestore.instance .collection('users') // コレクションID .document(user.uid) // ドキュメントID .setData({'name': '斉藤', 'age': 40}); return user; } catch (e) { print(e); return null; } } void transitionNextPage(FirebaseUser user) { if (user == null) return; Navigator.push(context, MaterialPageRoute(builder: (context) => NextPage(userData: user))); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('widget.title'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ RaisedButton( child: Text('Sign in Google'), onPressed: () { _handleSignIn() .then((FirebaseUser user) => transitionNextPage(user)) .catchError((e) => print(e)); }, ), ]), ), ); } }
class NextPage extends StatefulWidget { FirebaseUser userData; NextPage({Key key, this.userData}) : super(key: key); @override _NextPageState createState() => _NextPageState(userData); } class _NextPageState extends State<NextPage> { FirebaseUser userData; String name = ""; String email; String photoUrl; final GoogleSignIn _googleSignIn = GoogleSignIn(); _NextPageState(FirebaseUser userData) { this.userData = userData; this.name = userData.displayName; this.email = userData.email; this.photoUrl = userData.photoUrl; } Future<void> _handleSignOut() async { await FirebaseAuth.instance.signOut(); try { await _googleSignIn.signOut(); } catch (e) { print(e); } Navigator.pop(context); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("ユーザー情報表示"), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Image.network(this.photoUrl), Text( this.name, style: TextStyle( fontSize: 24, ), ), Text( this.email, style: TextStyle( fontSize: 24, ), ), RaisedButton( child: Text('Sign Out Google'), onPressed: () { _handleSignOut().catchError((e) => print(e)); }, ), ]), ), ); } }

ここでユーザー情報を渡しているために表示できています。
loginページ

void transitionNextPage(FirebaseUser user) { if (user == null) return; Navigator.push(context, MaterialPageRoute(builder: (context) => NextPage(userData: user))); }

ネクストページ

FirebaseUser userData; String name = ""; String email; String photoUrl; final GoogleSignIn _googleSignIn = GoogleSignIn(); _NextPageState(FirebaseUser userData) { this.userData = userData; this.name = userData.displayName; this.email = userData.email; this.photoUrl = userData.photoUrl; }

現状は名前、アドレス、画像を表示していますが、
uidをfirestoreに登録してプロフ画像は別で登録、他に年齢とエリアを登録する予定です。

投稿する際はuidに紐付けて投稿、コメント投稿、DMも実装予定です。
その場合、

await Firestore.instance .collection('users') // コレクションID .document('posts') // ドキュメントID .setData({'text': 'hogehoge'});

これのようにのように入れたいです。

このpostsをusers>idと紐付けるというコードも分からず、途方に暮れています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hoshi-takanori

2021/01/31 00:39

コードを書く前に、まずデータ構造を考える必要がありそうですね…。
su_da221

2021/02/02 10:10

データ構造ってどんなですか?
hoshi-takanori

2021/02/02 11:13

例えばユーザーが 3 人 (A, B, C) いたとして、それぞれの投稿やコメントはどこに保存されてどう表示されるか、DM はどうするかとかですね。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問