Flutterを使用した、Basic認証のWebViewの実装が上手くいかない。

Question

実現したいこと

Basic認証のWebViewの実装

発生している問題・分からないこと

lodaUrlが使用できず、エラーとなる。
WebView4だと使えないのかと思っているが、変更方法がわからない。

エラーメッセージ

Launching lib/main.dart on sdk gphone64 arm64 in debug mode...
lib/main.dart:56:17: Error: The method 'lodaUrl' isn't defined for the class 'WebViewController'.
 - 'WebViewController' is from 'package:webview_flutter/src/webview_controller.dart' ('../../../.pub-cache/hosted/pub.dev/webview_flutter-4.8.0/lib/src/webview_controller.dart').
Try correcting the name to the name of an existing method, or defining a method named 'lodaUrl'.
    _controller.lodaUrl(
                ^^^^^^^
Target kernel_snapshot_program failed: Exception
2

該当のソースコード

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() {
  runApp(
    const MaterialApp(
      home: WebViewApp(),
    ),
  );
}

class WebViewApp extends StatefulWidget {
  const WebViewApp({Key? key}) : super(key: key);

  @override
  State<WebViewApp> createState() => _WebViewAppState();
}

class _WebViewAppState extends State<WebViewApp> {
  late final WebViewController _controller;

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

    // WebViewControllerの初期化と設定
    _controller = WebViewController()
      ..setJavaScriptMode(JavaScriptMode.unrestricted) // JavaScriptの実行を許可
      ..setNavigationDelegate(
        NavigationDelegate(
          onPageStarted: (String url) {
            print('Page loading: $url');
          },
          onPageFinished: (String url) {
            print('Page loaded: $url');
          },
          onWebResourceError: (WebResourceError error) {
            print('Error: ${error.description}');
          },
        ),
      );

    _loadBasicAuthPage(); // Basic認証ページを読み込む
  }

  void _loadBasicAuthPage() {
    const String username = '***';
    const String password = '***';
    const String url = 'https://stg.*******/';

    // Basic認証情報をBase64でエンコード
    String basicAuth = 'Basic ' + base64Encode(utf8.encode('$username:$password'));

    // 認証情報付きでページをロード
    _controller.lodaUrl( ←ここでエラーが起きている。
      url,
      headers: <String, String>{
        'Authorization': basicAuth,
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter WebView with Basic Auth'),
      ),
      body: WebViewWidget(controller: _controller), // WebViewを表示
    );
  }
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

色々と調べたが情報が少なく解決できなかった。

補足

Flutterを使用したのは今回が初めてで、WebViewの実装だけした形です。

Comments

[dodox86]

Flutterに詳しい訳ではないのですが、

> lodaUrlが使用できず、エラーとなる。

'loda' は誤りなのではないでしょうか。もしあるとすれば'loadUrl'っぽいですが、更に正しくはloadRequestっぽく思います。

[loadRequest method] https://pub.dev/documentation/webview_flutter/latest/webview_flutter/WebViewController/loadRequest.html

[j.t]

ありがとうございます。

自力で解決しました。
ただdodoさんのコメントが正しいです。

回答として記載いただいたら、ベストアンサーとさせていただきます。

[dodox86]

ご自身で解決できて何よりでした。対応された内容を投稿し、自己解決として質問を閉じてくださって結構です。よろしくお願い致します。

Answer 1

loadRequestに変更して自己解決しました。