구글 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}");

      });

}

인천 서구 검단 당하동 팀레드폭스 주짓수 & MMA - 주짓수 근황 토크

드디어 둘째 녀석이 2022년 6월 송도 예거스 챔피언쉽에서 금메달을!!

아들아... 격투가로 가자꾸나!!

난 블루4그랄 됨..

그런데.. 여전히 헤매고 있음.. 언제쯤.. 잘할까...

#그레이시바하코리아 #팀레드폭스

#검단팀레드폭스 #부평팀레드폭스 #동수팀레드폭스 #당하동주짓수

#당하동여성다이어트 #검단주짓수 #오전주짓수 #초보환영

#여성다이어트 #어린이주짓수 #어린이종합격투기 #어린이MMA

#당하동어린이종합격투기 #당하동어린이MMA #당하동어린이체육관 #당하동어린이주짓수

#인천 #서구 #검단 #당하동 #주짓수 #다이어트 #킥복싱

#종합격투기 #체육관 #주짓수전문 #종합격투기전문 #MMA전문

#성인주짓수 #검단성인주짓수 #당하동성인주짓수 #당하동체육관

#당하동MMA체육관 #당하동종합격투기체육관 #인천서구주짓수

#당하동주짓수전문 #인천서구어린이주짓수 #인천서구종합격투기 #인천서구MMA

#예거스주짓수챔피언쉽