flutter desktop app 설치법-(원래 flutter는 한사람 기준)

일반적으로 flutter의 desktop app을 작동시키기 위해서 문서를 보다보면, 아예 처음부터 진행하는 사람을 위한 문서만 나와있다.

따라서 원래부터 flutter를 사용하던 사람들을 위해서 desktop app 설치 방법을 공유하려고 한다.

 

Desktop support for Flutter

우선 대부분의 내용은 다음 링크의 공식 사이트를 참조하였다.

 

1. 되어있어야 할것

우선 원래 flutter를 사용하던 사람 기준이니, 

최신버전의 flutter SDK설치(flutter 2.0버전 이후)

flutter 경로지정

안드로이드 스튜디오 설치및 경로지정, 에뮬레이터 설치

비주얼스튜디오(윈도우) Xcode(맥) 설치 (필자는 윈도우 환경을 기준으로 포스팅함) 은 되어있다고 가정하겠다.

 

2. desktop 설치 및 확인방법

그 뒤에 cmd(명령프롬프트)애서

$ flutter config --enable-windows-desktop

을 실행시키면, flutter가 desktop앱을 실행시킬수 있게 되고,  flutter doctor를 실행했을때

출처: 플러터 공식 홈패이지

다음과 같이 Visual Studio가 정상적으로 연동되면 성공이다. 

 

3. desktop 앱 만들기

 

flutter create myapp (myapp대신 본인이 원하는 앱 이름을 입력하자)을 하면

로컬디스크C-User 폴더에 생성된다. (그냥 검색해도 쉽게 찾아진다)

 

이제 그 프로젝트를 안드로이드 스튜디오로 실행시키면 (경로를 임의로 수정하지 말고 그대로 실행하기)

이런식으로 windows를 경로로 지정할 수 있게 된다. 

그렇게 코드를 기본적인 appBar만 띄우게 바꾸고 실행시켜보면, desktop app이 실행되는 것을 알 수 있다.

 

여기서 주의할 점은, 경로를 수정할경우 (폴더를 임의로 바꿀경우) 오류가 난다는 것이다.

 

4. 원래 프로그램이 desktop이 가능하게 변경

 

이제 원래 사용하던 프로젝트에서 desktop app을 사용하는 방법은 (위에거 다 했을때)

cmd의 디렉토리를 본인이 데스크탑 앱으로도 가능하게 하고싶은곳에 경로를 지정한뒤에

(cd 경로주소(폴더에서 주소 가져오기)를 누르면 이동가능)

 

flutter create .

를 사용하면 데스크탑이 가능하게 된다. (여전히 파일위치를 바꾸면 오류가 나는것은 주의하자)

 

5. 원하는 위치에 desktop 프로젝트 만들기 (3,4  종합)

1. 안드로이드 스튜디오를 통해서 flutter app을 만든다. (desktopapp_first라고 앱 이름을 정함)

2. 안드로이드 스튜디오를 종료하고, 그 경로로 가서 폴더 경로를 복사한다.

3. cmd에서 cd 경로주소과정과, flutter create . 을 차례로 실행시켜준다. 

다음과 같이 나오면 성공이다.

4. 안드로이드 스튜디오를 재실행후, 평상시 쓰던 에뮬레이터 대신, Window desktop으로 실행한다.

 

 

주의점: 사용할때 경로를 바꾸지 않도록 주의한다. 

 

플러터로 desktop app 실행하는 방법에 대해서 마치겠다.