tauri 개발 따라해보기 4

STEP8

한번 빌드해보자.

console에서 실행해도 되고..

 

vscode의 terminal 화면에서 실행해도 된다.

위처럼 compile 단계가 끝나면

 

 

UI가 구성된 상태의 app이 실행된다.

여기까지는 공수가 크게 들어가지 않았다.

 

여기까지 정리해보자.

 

1. RUST 설치

2. Tauri 설치

3. tauri project 생성

4. vscode 로 project load

5. html 살짝 수정

6. 실행

 

 

 

STEP9

그러면 이제 하나씩 기능을 추가하기만 하면 되겠다.

fastS 앱에서 가장 중요한 기능은?

당연히 file/directory 의 빠른 검색 기능이다.

RUST로 file 검색 부터 만들어보자.

그리고 RUN 버튼을 누르면 test code가 돌아가도록 하는것이 1차 작업 목표다.

src 아래에 .rs 파일을 하나 추가하겠다.

src에서 우클릭 > new file > search.rs 입력

 

앞으로 file/directory search 기능에 관한 구현부는 이곳에서 작업할 예정이다.

이제 어떤 crate을 이용할지 보자.

 

아래 page로 이동하여 rust_search 로 검색해보자.

https://docs.rs/

Docs.rs

 

위 crate을 가져다가 사용해볼것이다.

 

cargo.toml에 최신 버전인 2.1.0을 추가해준다.

 

 

OK

 

이제 search.rs로 돌아가서

do_search_file() function을 하나 추가해보자.

그리고, rust_search crate을 import 해주어야 한다.

 

#[tauri::command]는 Tauri 프레임워크에서 사용되는 일종의 macro 이다.

UI 부분에서 사용한 javascript와 백앤드를 담당할 Rust 간에 상호작용할 수 있도록 연결해주는

역할을 한다.  일단 따라하자. 무슨 말인지는 나중에 UI 연동 작업시 알게 될거다.

 

lib.rs 에서도 아래처럼 search.rs를 module 로써 추가해주자.

음.. 뭔가 불길한 warning이 뜬다. 

unused import...  do_search_file 이 어디에서도 사용되지 않는다는 말이다.

기존에 존재하는 default code인 greet 처럼 do_search_file도 invoke handler에 등록해보자.

 

warning이 사라졌다.

 

 

STEP10

실제 구동될 부분을 만들었으니 RUN 버튼과 연결해보자.

RUN 버튼을 클릭하면 do_search_file이 돌아가는것을 보면 된다.

 

main.js 를 보자

greet을 참고하면 쉽게 갈 수 있을듯하다. greet 관련 code는 깔끔히 삭제하고 아래처럼 

EventListener에 run 버튼 기능을 추가하자.

 

다음으로 run() function 구현부이다.

별거 없다. search.rs에 구현된 do_search_file을 호출하고, 파라미터로 test라는 문자열을 넘겨준다.

잘 넘어가는지 확인하는 용도이니 큰 의미는 없다.

 

빌드하고 실행해보자.

==> 아무 반응이 없다. 어디선가... 음.. 디버깅이 필요하다.