[Flutter] 웹뷰 관련

---

Flutter 웹뷰  관련 부분

---

1. 콜백함수 : 일정 작업이 완료되면 실행되는 함수 

=> 함수를 정의 해두고 특정 조건이 성립 될때 사용된다. 앱에서 화면 상 예시를 들면 유저가 화면에 터치 했을때 실행할 함수나 웹뷰의 로딩이 완료됐을대 실행 함수를 넣을때사용한다.

 

WebView(

        //웹뷰 생성 함수
        onWebViewCreated: (WebViewController controller){
          this.controller=controller; // 윗젯에 컨트롤러 저장
        },
        // 웹뷰 추가하기
        initialUrl: 'https://blog.codefactory.ai',
        javascriptMode: JavascriptMode.unrestricted,
      ),

- 코드 팩토리의 플러터 프로그래밍 소스를 참조하였습니다. - 

 

onPageFinished() : 웹뷰에서 페이지 로딩이 완료되면 실행되는 콜백함수

속성	설명
initialUrl	웹뷰에서 처음 실행할 웹사이트를 String 값으로 제공합니다. 웹뷰가 포함된 위젯이 화면에 생성되면 웹뷰가 생성되고 initialUrl에 제공된 사이트가 처음으로 실행됩니다.
javascriptMode	웹뷰에서 자바스크립트 실행을 허용할지 여부를 결정할 수 있습니다. - JavascriptMode.unrestricted:자바스크립트를 제한 없이 실행할 수 있다. - JavascriptMode.disabled : 자바스크립트를 실행할 수 없습니다.
onWebViewCreated	웹뷰 위젯이 생성되면 실행할 콜백 함수입니다. 매개변수로 WebViewController가 주어져 뒤로가기, 앞으로가기, 새로운URL실행하기 등 기능 조작이 가능합니다.
onPageStarted	웹뷰가 처음 생성되거나 페이지를 이동했을때 웹페이지가 로딩되기 시작하면 실행할 콜백함수를 정의할 수 있다. 함수에는 매개변수로 로딩이 시작된 페이지의 URL이 String형으로 제공된다.
onPageFinished	웹 페이지가 로딩이 끝나면 실행된다. 로딩이 완료된 웹페이지의 URL이 String형으로 제공된다.
onProgress	웹페이지가 로딩중일때 지속적으로 실행되며 페이지의 로딩이 끝날 때 까지 실행됩니다. 매개변수에 int 값으로 페이지 로딩 상태를 0부터 100사이의 숫자로 제공됩니다.

※ 웹뷰 사용시에는 사용자의 권한을 위임받아서 사용해야하는데 권한 및 네이티브 설정은 각각 안드로이드 / 아이폰 의 정책을 따른다.

 

웹뷰 사용시 설정 해야할 항목 및 추가 후 실행해야할 명령어 

 

flutter 프로젝트내  > pubspec.yaml 파일

[ pubspec.yaml 파일 ] : 플러터 프로젝트와 관련된 설정을 하는 파일 ,프로젝트에서 사용할 이미지 및 폰트를 지정 사용할 오픈소스 프로젝트를 명시할때 사용 

 

명령어	설명
flutter pub get	pubspec.yaml 파일에 등록한 플러그인들을 내려받습니다.
flutter pub add [플러그인 이름]	pubspec.yaml에 플러그인을 추가한다. 명령어의 끝에 플로그인이름추가 후 사용
flutter pub upgrade	pubspec.yaml에 등록된플러그인들을 모두 최신 버전으로 업데이트한다.
flutter pub run	현재 프로젝트를 실행합니다. ㅁ명령어를 실행하면 어떤 플랫폼에서 실행할지 선택 할 수 있다.

 

나머지는 기기별 권한설정 및 참조해서 실행하기