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

      });

}

org.apache.tomcat.util.bcel.classfile.ClassFormatException 문제 처리..

개발 환경

Synology NAS 에 개발중...

환경은 Tomcat 7 + Java 1.8에

gson 2.8.6 으로 데이터를 교환하게 처리 중..

편하게 설치하려면 Docker를 설치해서 가는 방법도 있지만,

난 귀찮은건 질색인지라.. 그냥.. 주어진 환경으로 진행!!

위의 환경을 내 로컬에 설정하고 서버를 돌렸더니..

org.apache.tomcat.util.bcel.classfile.ClassFormatException

문제가 지속적으로 발생.. 특별히 문제가 있는건 아닌거 같아서 그냥 넘어가려 했으나..

혹시나.. 실제 운영에 영향을 줄까봐 해결하기로 결심..

처음에는

https://stackoverflow.com/questions/23541532/org-apache-tomcat-util-bcel-classfile-classformatexception-invalid-byte-tag-in

위에 나와있는 걸 참고해서.. 개발 환경을 바꾸다가..

문득!!! gson 자체가 문제가 있는게 아닌가 싶어서 살펴보니..

낮은 java 에 대해서는 gson 2.6까지 인것으로 추정되는 문서를 봤음..

그래서.. 버전만 2.6.2로 낮추니.. 모든것이 해결...

이쯤되면.. 삽질은 컨셉인가...

안쓰던 구글 Nexus 7 2012 Wifi 모델을 살림.

잠들어 있던 넥서스 7 2012 Wifi (1세대)를 꺼내봄..

큰 아들 중학교에 올라가기에 인강용으로 쓸려고

리뉴월드에 수리 맞겨서 살려냄..

간만에 켜보니 롬이 Omni 롬인데.. 반응이 너무 늦고 고스트 터치가 발생해서

검색을 해보니.. 요새는 LineageOS가 대세임..

간만에. NRT 로 밀고 재설치..

그런데.. Gapps를 설치할 때 지속적으로 오류가 발생..

처음엔 아무 생각없이 가이드 따라하다보니..

32 bit용을 안 깔고 64 bit 용을 설치하다가 오류..

정신차리고 다시 32 bit를 설치하려 했으나.. 지속적으로 70 오류가 발생..

구글링 해보니.. 내부 시스템 공간이 부족해서 그런건데.. 일반적인 해결 방법인

시스템 파티션 수리로는 되지 않는다.. 결국 찾아낸 것이 아래 링크..

가장 마지막 빌드로 했더니.. 손쉽게 해결..

삽질만 3일했네..

https://forum.xda-developers.com/nexus-7/development/rom-lineageos-14-1-nexus-7-2012-t3530261

Android WebView에서 웹페이지의 submit이 안 먹는 현상...

기존 asp로 돌아가는 모바일 사이트를 WebView로 띄워서

간단하게 갈려고 했는데..

세션처리문제는 어떻게든 통과했는데...

정작 장바구니에서 form을 javascript에서 submit을 해주는데..

전혀 동작을 안한다!!

온갖 구글링에 나온 짓은 다 해봤다...

1. WebSettings settings = mWebView.getSettings();
2.         settings.setJavaScriptEnabled(true);
3.         settings.setDomStorageEnabled(true);
4.         settings.setDatabaseEnabled(true);
5.         //settings.setDatabasePath(dbpath);
6.         settings.setJavaScriptCanOpenWindowsAutomatically(true);
7.         settings.setSupportMultipleWindows(true);
8.         settings.setSupportZoom(false);
9.         settings.setAllowFileAccess(true);
10.         settings.setAllowContentAccess(true);
11.         settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

전부 안됨..

이래저래 찾아보다가..

jquery 형식으로 form에 id를 주고 submit을 날렸더니..

오히려 메모리 오류가 발생..

문득 떠오르는 것이 있어서 수정했더니.. 드디어 성공!!

기존 약식으로 form 객체를 변수로 받아처리하던..

1. f.action = "~~~~~.asp";
2. f.submit();

를

1. document.Frm.action = "~~~~~.asp";
2. document.Frm.submit();

로 그냥 쭈욱 써줬더니.. 어이없게도 submit이 된다..

에구.. 이걸로 2일이나 까먹음..

끗~!

[Android] Android용 Dragon Quest 8

http://ctrlacv.com/dq8/

뒤늦게 DQ8에 도전중..

옛날 콘솔 게임을 하려니.. 불편함이 있기에..

돈 만 좀 고치려고 헤매다가 찾음..

설명서는

http://haheonyoung.blog.me/220702041302

여기 참고



2016-09-01 클리어 후기

역시 RPG는 Dragon Quest 시리즈가 쵝오!!

동화같은 이야기 구성에 모든 시리즈가 다 만족스럽다.

클리어세이브 백업!

이제 9편 해봐야지!

모바일 웹 사이트 디버깅 삽질기...

참고

http://forum.xda-developers.com/lg-g3/general/guide-connecting-lg-g3-to-linux-adb-aka-t2821673

회사에서 운영하는 모바일 웹사이트의 결제가 문제 있다고 하여..

일단.. 크롬 디버깅을 하려고 했으나..

일반적으로 설정한다는 inspect 에서 장치가 전혀 안 보여서..

머나먼 삽질 여행을 시작함..

사용폰은 LG G3 Cat.6

이하 삽질한 순서

1. 장치 드라이버를 구글 드라이버로 바꿔 봤으나 -------> X

2. Android Studio 깔고 SDK Manager 깔고 명령어 내리면 된다!  -------> X

3. adb kill-server, adb start-server 하면 그냥 되던데?  -------> X

결국 오전 다 보내고 찾은건..

상단의 참고 내용.. 운영체제가 다르긴 하지만.. 중요한건..

USB 연결 모드가!!!

MTP가 아니라 PTP로 해야한다!!! 이유는 나도 모른다!~!!!!

모드 변경후 adb server 다시 시작하고 adb devices 하니까 목록이 떠억!!!

아 썅~~!~!

Android Marshmallow 업데이트 후 SNES9X EX+ 검은 화면

드디어 찾았다...

http://www.snes9x.com/phpbb3/viewtopic.php?f=6&t=23584

GPU API 가 뭔가 바뀌었나보다..

가벼운 Android Emulator : Andy OS

뭐 사실 가벼운 지는 각자 체감인듯 하고..

설치도 간단하고..

블루스택처럼 하드웨어 특성도 별로 안타고 이래 저래 좋은 듯..

http://www.andyroid.net/

위에서 받으면 됨..

참고로..

메모리가 기본 설정으로 사용해 보니 부족한 듯 함.. 개발 디버깅용으로 쓰기엔 좀 거시기 해서..

방법을 생각해 보니.. 설치시에 VMWare Player를 까는게 기억 났음..

가상 머신 구동 방식이란 생각에 버추얼 디스크 경로를 찾아봤음..

C:\Users\각자 사용자 아이디\AppData\Roaming\Andy\machines 이하의 디렉토리의 images안에 버추얼 디스크 있음..

이걸 WMware Player 로 에디트 하면 된다.