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

Question

前提・実現したいこと

Both English and Japanese are written.
英語圏の方にも相談したいので、英語併記させて頂いています。

This is a continuation from the previous question.
I want to implement oauth login using flutter_appauth plugin with flutter 3

I'm trying to make an application with Flutter that performs OAuth authentication and obtains an API.
The app will not use Firebase or SNS authentication, but will authenticate with its own authentication server. The server is built using KeyCloak software.
The authentication server is running on localhost using Docker.　
The plugin uses the following:
flutter_appauth 0.8.2

The sample code referred to the following Github:
MaikuB/flutter_appauth

前回の質問　flutterでflutter_appauthプラグインを使ってoauthログインを実装したい３ からの続きの質問です。

アプリから、認証サーバのログインページを呼び出してログインし、認証が済んだら
アプリに戻ってアクセストークンでAPIを取得しようとしています。

認証サーバは自前で用意したものを使います。（FirebaseやSNS認証などは使わない）
今回はKeycloakを使い、DockerのコンテナでローカルPCに立ち上げています。
そのため、以下のプラグインを使用して実装しようとしています。
flutter_appauth 0.8.2

こちらのGitHubのサンプルコードを参照して実装しました。
MaikuB/flutter_appauth

発生している問題・エラーメッセージ Occurring problems and error messages

What's in trouble ①
From the app, I call the login page of the authentication server to log in, and I have been authenticated → callback to return to the app.
It will end abnormally the moment I callback the app. It seems that it is falling inside the plugin
No error message is displayed and I cannot enter Try catch.

It's easy to understand if you watch the video, but there's no video, so here's a picture


困っていることその①
アプリから、認証サーバのログインページを呼び出してログインし、認証済み→callbackでアプリに戻るのですが
アプリに戻った瞬間に異常終了してしまいます。プラグイン内部で落ちていると思われるのですが
エラーメッセージも出ず、Try catchにも入りません。

動画が貼れれば分かりやすいのですが

Application initial screen. Click the "Go to Login Page" button to move the screen.
アプリ初期画面　「ログインページへ」ボタンを押して画面遷移


Display the web screen of the authentication server.
認証サーバのweb画面を表示


Enter the ID and PW and press the login button.
ID、PWを入力してログインボタンをおす


Return to the app for a moment.
見えないくらい一瞬だけアプリに戻る


Immediately terminates abnormally.
すぐに落ちる

error message
(The print statement I put in the code showed up halfway through and stopped there. )
エラーメッセージ（コード中に入れたprintを途中まで表示して止まった）

エラーメッセージ　error message

Launching lib/main.dart on Android SDK built for x86 64 in debug mode...
✓ Built build/app/outputs/apk/debug/app-debug.apk.
I/flutter ( 4932): 1
I/flutter ( 4932): 2

該当のソースコード The corresponding source code

main.dart

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:flutter_appauth/flutter_appauth.dart';
import 'package:flutter_auth_login_app/screen1.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 String _clientId = 'test001';                         // Client ID registered in the authentication server
  final String _redirectUrl = 'jp.co.milabo:/oauthredirect';  // Specify this app as the redirect destination

  final List<String> _scopes = <String>[
    'openid',
    'offline_access',
  ];

//  String _codeVerifier;
//  String _authorizationCode;
  String _accessToken;
  String _refreshToken;
  String _userInfo = '';

  final FlutterAppAuth _appAuth = FlutterAppAuth();
//  final TextEditingController _authorizationCodeTextController = TextEditingController();
  final TextEditingController _idTokenTextController = TextEditingController();
  final TextEditingController _accessTokenExpirationTextController = TextEditingController();
  final TextEditingController _accessTokenTextController = TextEditingController();
  final TextEditingController _refreshTokenTextController = TextEditingController();

  final AuthorizationServiceConfiguration _serviceConfiguration =
    AuthorizationServiceConfiguration(
      'http://10.0.2.2:18080/…/auth',  // Authentication endpoint of own authentication server　NG
      'http://10.0.2.2:18080/…/token'  // Token endpoint of own authentication server　NG
　　　　// 'https://demo.identityserver.io/connect/authorize', // Authentication endpoint of demo authentication server.　　OK
       // 'https://demo.identityserver.io/connect/token');    // Token endpoint of demo authentication server.　OK
    );

  @override
  void initState() {
    super.initState();
  }

  void _loginFunc() async {
    // Authentication and access, ID, and refresh token acquisition all at once
    // 認証とアクセス、ID、リフレッシュトークン取得を一度にやる場合
    print('1');
    try {
      print('2');   
      // It flows up to this point and the print statement is displayed. Then it doesn't go into try catch.
      // ここまで流れてprint文が表示されている。その後 try catch には入らない
      final AuthorizationTokenResponse result =
          await _appAuth.authorizeAndExchangeCode(
        AuthorizationTokenRequest(
          _clientId,
          _redirectUrl,
          serviceConfiguration: _serviceConfiguration,
          scopes: _scopes),
      );

      print('3');
      // Stores access, ID, and refresh token.
      // アクセス、ID、リフレッシュトークン格納
      if (result != null) {
        _accessToken = _accessTokenTextController.text = result.accessToken;
        _idTokenTextController.text = result.idToken;
        _refreshToken = _refreshTokenTextController.text = result.refreshToken;
        _accessTokenExpirationTextController.text = result.accessTokenExpirationDateTime?.toIso8601String();
      }

      // Get the API.
      // API取得
      print('4=$result');
      if (result != null) {
        print('4 in');
        await _testApi(result);
      }

      // Screen transition
      // 画面遷移
      print('5');
      _gotoScreen1();

    // Error handling
    // エラー処理
    } catch(e) {
      print('e=$e'); //エラー時のメッセージ出力
    }
  }

  // Function to get API
  // API取得
  Future<void> _testApi(TokenResponse response) async {
    final http.Response httpResponse = await http.get(
        'http://10.0.2.2:18082/…/data',  // APIのエンドポイント
        headers: <String, String>{'Authorization': 'Bearer $_accessToken'});
    setState(() {
      _userInfo = httpResponse.statusCode == 200 ? httpResponse.body : '';
    });
  }

  // Function for screen transition
  // 画面遷移　screen1　API取得後に遷移する画面
  void _gotoScreen1() {
    Navigator.pushReplacement(
      context,
      new MaterialPageRoute<Null>(
        settings: const RouteSettings(name: "/screen1"),
        builder: (BuildContext context) => Screen1(api:_userInfo),
      ),
    );
  }

  // widget
  @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('ログインページへ',),
            )
          ],
        ),
      ),
    );
  }
}

試したこと What I tried to do.

If I change the specified part of the authentication server with the same source code, it will fall, so
I was wondering if there is something missing from the value returned from the server to the app.
I am in trouble because no error message appears.

同じソースコードで、認証サーバの指定部分を変えたら落ちるので、
サーバからアプリに返す値に過不足があるのかと思ったのですが
エラーメッセージが出ないため困っています。

補足情報（FW/ツールのバージョンなど） Supplementary information (e.g. FW/tool version)

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

The explanation has become long, but I would appreciate your favor.
説明が長くなってしまいましたが、どうぞよろしくお願いいたします。

Comments

[nakasho_dev]

英語でコミュニケーションをとる覚悟があるのであればGithubのIssue( https://github.com/MaikuB/flutter_appauth/issues?q= )でコミュニケーション取るのが良いかも？

[sagme]

FirebaseやSNS認証を使わないでOAuthログインを実装したいという内容で、別のissueが上がっており
そちらにはコメント残しました。（issueの最後の文鳥）こちらのissueは未解決のようです。
https://github.com/flutter/flutter/issues/357

また、プラグインの作者に直接SNSで聞いたら、直接聞きに来ないでって怒られました；；
そりゃそうですよね。
ちなみに、Flutterのslackで英語圏の方にも質問しているのですが、回答は得られませんでした。

[sagme]

flutter_appauth のGithubにissueを立てる事については、この異常終了が私の側のバグなのか、プラグインの問題なのか分からないため、ためらっています。

[nakasho_dev]

何も調べないで質問するのはマナー違反ですが、使用者の実装方法が間違っているIssueは良くある話かと。Sampleとの差分を説明しつつ、どこまではデバッグして理解していて、どこからが不明なのかを説明すれば、有識者がアドバイスくれると思います。