flutterで、google認証させてFirebaseAuthするメモ
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
* 目次 [#g8b12124]
#contents
* お断り [#bf685724]
この記事はflutter初心者のメモなので、信頼性はないです。な...
わかってません。すみません。調べ中のメモです。flutter本家...
* とりあえずのゴール [#kd09bea0]
flutterでgoogle認証させてopenid取得したい
そのためにはgoogle cloudeでoauthのスコープの設定や、ドメ...
ドメインの設定には、ローカルでやるにはngrokを使って確認が...
firebaseにデプロイしても仮ドメインがもらえる。
というところまではわかった気がする。
そのためにはもしやサーバとして起動させなくてはならないの...
という疑問に当たった。
* 本家のドキュメント [#ad8b7074]
https://docs.flutter.dev/?_gl=1*qxmvbk*_up*MQ..*_ga*MTc0N...
** はじめてのflutterアプリ [#c0fc4c00]
入門書だな
コードラボというのが始まって８５分間見積られている感じの...
https://codelabs.developers.google.com/codelabs/flutter-c...
** 細分化された資料のインデックス [#s4ddde9d]
https://docs.flutter.dev/get-started/learn-more
** ウェブ開発者のためのFlutter [#xb443fda]
https://docs.flutter.dev/get-started/flutter-for/web-devs
** サンプル [#c317dfc5]
地図とfirebaseのサンプルだと！？
https://flutter.github.io/samples/flutter_maps_firestore....
場所のメモ
https://flutter.github.io/samples/place_tracker.html
** クックブック [#d5670d64]
逆引き集に近い感じだな
https://docs.flutter.dev/cookbook
** ソリューション [#qec893af]
いくつもあるが、抜粋だな
*** AI [#l344b57d]
https://docs.flutter.dev/cookbook
*** firebaseとfirestore [#p3ad76ce]
https://docs.flutter.dev/data-and-backend/firebase
*** アプリに地図を追加する [#sff163d4]
https://developers.google.com/maps/flutter-package/overvi...
https://codelabs.developers.google.com/codelabs/google-ma...
* ngrok [#d2386ab6]
インストールは簡単だった。
無料でもそこそこ使える。グローバルIP + 仮ドメインサービス...
** 起動 [#k587c154]
払いだされたアドレスをngrokのサイトで確認しに行き
ローカルで起動すると、ローカルのポートが外部公開される感...
* 参考になるかもしれない記事 [#l4519bce]
** フェデレーション ID とソーシャル ログイン [#i3c63037]
https://firebase.google.com/docs/auth/flutter/federated-a...
googleとfirebaseのサンプルコードがありました。
*** dart [#uea4e684]
以下をpubspec.yamlに入れておく必要があります。
google_sign_in
https://pub.dev/packages/google_sign_in
いや、いろいろめんどくさい設定あったはずやろ。説明が淡泊...
*** コード [#o7e7d8cc]
import 'package:google_sign_in/google_sign_in.dart';
Future<UserCredential> signInWithGoogle() async {
// Trigger the authentication flow
final GoogleSignInAccount? googleUser = await GoogleSi...
// Obtain the auth details from the request
final GoogleSignInAuthentication? googleAuth = await g...
// Create a new credential
final credential = GoogleAuthProvider.credential(
accessToken: googleAuth?.accessToken,
idToken: googleAuth?.idToken,
);
// Once signed in, return the UserCredential
return await FirebaseAuth.instance.signInWithCredentia...
}
*** webの場合 [#r1cf8751]
ウェブの場合、Firebase SDK は、Firebase プロジェクトを使...
Google 認証プロバイダを作成し、ユーザーから取得する追加の...
GoogleAuthProvider googleProvider = GoogleAuthProvider();
googleProvider.addScope('https://www.googleapis.com/auth...
googleProvider.setCustomParameters({
'login_hint': 'user@example.com'
});
認証情報を signInWithPopup メソッドに渡します。これにより...
Future<UserCredential> signInWithGoogle() async {
// Create a new provider
GoogleAuthProvider googleProvider = GoogleAuthProvider...
googleProvider.addScope('https://www.googleapis.com/au...
googleProvider.setCustomParameters({
'login_hint': 'user@example.com'
});
// Once signed in, return the UserCredential
return await FirebaseAuth.instance.signInWithPopup(goo...
// Or use signInWithRedirect
// return await FirebaseAuth.instance.signInWithRedire...
}
終了行:
* 目次 [#g8b12124]
#contents
* お断り [#bf685724]
この記事はflutter初心者のメモなので、信頼性はないです。な...
わかってません。すみません。調べ中のメモです。flutter本家...
* とりあえずのゴール [#kd09bea0]
flutterでgoogle認証させてopenid取得したい
そのためにはgoogle cloudeでoauthのスコープの設定や、ドメ...
ドメインの設定には、ローカルでやるにはngrokを使って確認が...
firebaseにデプロイしても仮ドメインがもらえる。
というところまではわかった気がする。
そのためにはもしやサーバとして起動させなくてはならないの...
という疑問に当たった。
* 本家のドキュメント [#ad8b7074]
https://docs.flutter.dev/?_gl=1*qxmvbk*_up*MQ..*_ga*MTc0N...
** はじめてのflutterアプリ [#c0fc4c00]
入門書だな
コードラボというのが始まって８５分間見積られている感じの...
https://codelabs.developers.google.com/codelabs/flutter-c...
** 細分化された資料のインデックス [#s4ddde9d]
https://docs.flutter.dev/get-started/learn-more
** ウェブ開発者のためのFlutter [#xb443fda]
https://docs.flutter.dev/get-started/flutter-for/web-devs
** サンプル [#c317dfc5]
地図とfirebaseのサンプルだと！？
https://flutter.github.io/samples/flutter_maps_firestore....
場所のメモ
https://flutter.github.io/samples/place_tracker.html
** クックブック [#d5670d64]
逆引き集に近い感じだな
https://docs.flutter.dev/cookbook
** ソリューション [#qec893af]
いくつもあるが、抜粋だな
*** AI [#l344b57d]
https://docs.flutter.dev/cookbook
*** firebaseとfirestore [#p3ad76ce]
https://docs.flutter.dev/data-and-backend/firebase
*** アプリに地図を追加する [#sff163d4]
https://developers.google.com/maps/flutter-package/overvi...
https://codelabs.developers.google.com/codelabs/google-ma...
* ngrok [#d2386ab6]
インストールは簡単だった。
無料でもそこそこ使える。グローバルIP + 仮ドメインサービス...
** 起動 [#k587c154]
払いだされたアドレスをngrokのサイトで確認しに行き
ローカルで起動すると、ローカルのポートが外部公開される感...
* 参考になるかもしれない記事 [#l4519bce]
** フェデレーション ID とソーシャル ログイン [#i3c63037]
https://firebase.google.com/docs/auth/flutter/federated-a...
googleとfirebaseのサンプルコードがありました。
*** dart [#uea4e684]
以下をpubspec.yamlに入れておく必要があります。
google_sign_in
https://pub.dev/packages/google_sign_in
いや、いろいろめんどくさい設定あったはずやろ。説明が淡泊...
*** コード [#o7e7d8cc]
import 'package:google_sign_in/google_sign_in.dart';
Future<UserCredential> signInWithGoogle() async {
// Trigger the authentication flow
final GoogleSignInAccount? googleUser = await GoogleSi...
// Obtain the auth details from the request
final GoogleSignInAuthentication? googleAuth = await g...
// Create a new credential
final credential = GoogleAuthProvider.credential(
accessToken: googleAuth?.accessToken,
idToken: googleAuth?.idToken,
);
// Once signed in, return the UserCredential
return await FirebaseAuth.instance.signInWithCredentia...
}
*** webの場合 [#r1cf8751]
ウェブの場合、Firebase SDK は、Firebase プロジェクトを使...
Google 認証プロバイダを作成し、ユーザーから取得する追加の...
GoogleAuthProvider googleProvider = GoogleAuthProvider();
googleProvider.addScope('https://www.googleapis.com/auth...
googleProvider.setCustomParameters({
'login_hint': 'user@example.com'
});
認証情報を signInWithPopup メソッドに渡します。これにより...
Future<UserCredential> signInWithGoogle() async {
// Create a new provider
GoogleAuthProvider googleProvider = GoogleAuthProvider...
googleProvider.addScope('https://www.googleapis.com/au...
googleProvider.setCustomParameters({
'login_hint': 'user@example.com'
});
// Once signed in, return the UserCredential
return await FirebaseAuth.instance.signInWithPopup(goo...
// Or use signInWithRedirect
// return await FirebaseAuth.instance.signInWithRedire...
}
ページ名:
