Google Flutter 설정 시 만나는 오류 해결

간만에 해서 다 까먹었다..

그래도 솔직히..

설정이야 절라 쉬운데..

젤 골때렸던거 2가지

flutter doctor 시 오류 중...

1. Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this.

2. Visual Studio not installed; this is necessary for Windows development

1 번은... sdkmanager를 못 찾는건데.. 안드로이드 스튜디오에서 sdk 관련 도구들을 설치해 주라는 것도 다 해봤지만 계속 발생하다가.. 결국 알아낸건..안드로이드 SDK 경로를 지정해 주니 해결됨.

flutter config --android-sdk sdk설치경로
flutter config -android-studio-dir 안드로이드 스튜디오 설치경로

2 번은 굳이 비주얼 스튜디오를 깔고 싶지 않았기에.. 다음과 같이 명령어 입력

flutter config --no-enable-windows-desktop

진짜 간만에 해서리.. 다시 고생 중...

구글 Flutter 로 하이브리드 웹 앱 띄우기 3

어쩌다 보니 3부작이 되어버린 Google Flutter...

여기엔.. 작업하면서 발생한 오류만 모아놓겠다!!

구글 Flutter 로 하이브리드 웹 앱 띄우기 2

어쩌다 보니 2부작이 되어 버린 Flutter...

Flutter 에서 기본으로 제공하는 Webview를 사용해 보니

큰!!!!! 문제를 발견했다.

jquery를 사용하여 만든 사이트에서 파일 첨부하는 기능이 있는데..

input type='file' 태그가 전혀 동작하지를 않는다!!

쭈~~~욱~~~ 구글링을 해보니..

webview에 있는 버그(?) 라고..

그래서

webview_flutter_upload 란걸 써야 함!

https://pub.dev/packages/webview_flutter_upload/example 에 가서 참고 하면 된다..

카메라와 파일 첨부 둘 다 되는 것을 확인.

근데 왜 중국어가 나오는 것이여!!! 

이것도 뭐 하다보면 한글 나오겠지...

구글 Flutter 로 하이브리드 웹 앱 띄우기 1

이래저래 사정이 있어서

구글 Flutter 로 하이브리드 웹앱을 만드는 중..

시간 관계 상 자세히 파고드는 건 다음에 하고..

일단 만드는 것 우선으로 해서 이래저래 찾아보면서 소스 줒어서 조립 중..

다음이 그 소스..

시간 될 때 Flutter 는 함 배워볼 만 할 듯..

0. 세팅은 알아서.. 유튜브나 구글링 해보면 강좌들이 많다. 사용한 Flutter 버전은 3.0.1

1. 소스는 간단하나 실제로 Webview 를 띄워보니 javascript가 전혀 동작하지 않아서 먹통이 되어 황당했음.

2. 별도의 javascript 처리기를 구현해야 함을 구글링을 통해 알고, 처리 후 정상작동 확인.

3. javascript 처리기 원 소스는 다음 링크 : https://cording-cossk3.tistory.com/103

4. 그리고 앱 빌드하고 구동시에 사이트 로딩시 'net::ERR_CLEARTEXT_NOT_PERMITTED' 같은 오류가 발생한다면 다음 링크 확인 : https://stackoverflow.com/questions/55592392/how-to-fix-neterr-cleartext-not-permitted-in-flutter

이하 소스!

끗~~! 뭘봐!

import 'package:flutter/material.dart';

import 'package:webview_flutter/webview_flutter.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  // This widget is the root of your application.

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      home: Scaffold(

        //appBar: AppBar(),

        appBar: AppBar(

          title: const Text('제목자리'),

        ),

        body: WebView(

          initialUrl: '호출할URL',

          javascriptMode: JavascriptMode.unrestricted,

          onWebViewCreated: (WebViewController webViewController) {

            //_controller.complete(webViewController);

          },

          onProgress: (int progress) {

            print("WebView is loading (progress : $progress%)");

          },

          javascriptChannels: <JavascriptChannel>{

            _webToAppChange(context),

          },

        ),

      ),

    );

  }

}

JavascriptChannel _webToAppChange(BuildContext context) {

  return JavascriptChannel(

      name: 'webToAppChange',

      onMessageReceived: (JavascriptMessage message) {

        // ignore: deprecated_member_use

        print("webToAppChange 메시지 : ${message.message}");

      });

}