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

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

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

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

OAuth 2.0

OAuth 2.0(Open Authorization 2.0)は、APIを通して保護されたリソース(サードパーティのアプリケーション)へアクセスする為のオープンプロトコルです。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

Q&A

解決済

1回答

3763閲覧

flutterでflutter_appauthプラグインを使ってoauthログインを実装したい

sagme

総合スコア10

Flutter

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

OAuth 2.0

OAuth 2.0(Open Authorization 2.0)は、APIを通して保護されたリソース(サードパーティのアプリケーション)へアクセスする為のオープンプロトコルです。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

0グッド

0クリップ

投稿2020/03/27 07:09

編集2020/03/27 07:41

前提・実現したいこと

表題の件について
下記リンクflutter_appauth 0.8.1のページのReadmeの手順にしたがって実装を進めています。
flutter_appauth 0.8.1

とりあえず、ボタンを押すとログインページにリダイレクトする用の初期画面を作り、
上記のページの、Getting Started の
FlutterAppAuth appAuth = FlutterAppAuth();
の行のところまで進めました。
それ以外はまだ何も実装していない状態です。

そこでDebugモードでエミュレータで一旦ビルドしようとしたところ、下記のエラーが出てビルド出来ませんでした。

発生している問題・エラーメッセージ

エラーメッセージ ~home/flutter_auth_login_app/android/app/src/debug/AndroidManifest.xml Error: Attribute data@scheme at AndroidManifest.xml requires a placeholder substitution but no value for <appAuthRedirectScheme> is provided. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:processDebugManifest'. > Manifest merger failed : Attribute data@scheme at AndroidManifest.xml requires a placeholder substitution but no value for <appAuthRedirectScheme> is provided. * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 5m 0s Gradle task assembleDebug failed with exit code 1 Exited (sigterm)

該当のソースコード

lib/main.dart

import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; import 'package:flutter_appauth/flutter_appauth.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } 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 FlutterAppAuth _appAuth = FlutterAppAuth(); @override void initState() { super.initState(); } void _loginFunc() { setState(() { }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text(widget.title),), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Padding( padding: EdgeInsets.only(bottom: 40), child: Text('アプリ初期画面'), ), FlatButton(key:null, onPressed: _loginFunc, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(3.0)), color: Color(0xFF4c6cb3), // 群青色 child: Text('ログインページへ',), ) ], ), ), ); } }

 
android/app/src/debug/AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.flutter_auth_login_app"> <!-- Flutter needs it to communicate with the running application to allow setting breakpoints, to provide hot reload, etc. --> <uses-permission android:name="android.permission.INTERNET"/> </manifest>

 
pubspec.yaml

name: flutter_auth_login_app description: A new Flutter project. version: 1.0.0+1 environment: sdk: ">=2.1.0 <3.0.0" dependencies: flutter: sdk: flutter cupertino_icons: ^0.1.2 http: ^0.12.0+1 flutter_appauth: ^0.8.1 dev_dependencies: flutter_test: sdk: flutter flutter: uses-material-design: true

試したこと

上記で示したエラーの原因かどうかわからないのですが
flutter_appauth 0.8.1のページの一番下の方の
Android setup と iOS setup のそれぞれで
<your_custom_scheme>を設定するよう書いてあり、
設定しようと調べたのですが、そこに何を設定したらいいのかが分からず困っています。

また、それ以外で不足の設定があればご指摘いただけると嬉しいです。

補足情報(FW/ツールのバージョンなど)

macOS Mojave
Flutter 1.12.13+hotfix.5
Tools • Dart 2.7.0

どうぞよろしくお願いいたします。

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

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

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

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

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

guest

回答1

0

自己解決

自己解決しました!

やはり、Android setup と iOS setup の設定をしないといけなかったみたいです。

Android側
android/app/build.gradle の defaultConfig の中に↓を追記する

manifestPlaceholders = [
'appAuthRedirectScheme': 'io.identityserver.demo'
// 認証サーバのサイトurl demo.identityserver.io を逆さまにした文字列を指定     
]

ios側
ios/info.plist の <dict>の中に↓を追記する。

<key>CFBundleURLTypes</key>
<array>
<dict>
<key>CFBundleTypeRole</key>
<string>Editor</string>
<key>CFBundleURLSchemes</key>
<array>
<string>io.identityserver.demo</string>

<!-- 認証サーバのサイトurl demo.identityserver.io を逆さまにした文字列を指定 --> </array> </dict> </array>

説明文中の<your_custom_scheme>が何のことか分からず悩んでしまいました。
とりあえずビルドだけは出来たので、続きを実装していきます。

投稿2020/03/27 14:00

sagme

総合スコア10

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問