행위

TAURI

DB CAFE

Dbcafe (토론 | 기여)님의 2024년 1월 18일 (목) 16:17 판 (→‎RUST 프로젝트 생성)
thumb_up 추천메뉴 바로가기

1 TAURI[편집]

1.1 설치[편집]

npm create tauri-app@latest

1.2 APP 만들기[편집]

1.2.1 HTML, CSS, and JavaScript 환경[편집]

  • Tauri는 프런트엔드 프레임워크와 Rust 코어를 사용하여 데스크톱 애플리케이션을 구축하기 위한 프레임워크.
  • 각 앱은 두 부분으로 구성
    • 창을 생성하고 해당 창에 기본 기능을 노출하는 Rust 바이너리
    • 창 내부에 사용자 인터페이스를 생성하는 원하는 프런트엔드

1.2.1.1 APP 생성[편집]

1.2.1.1.1 프런트엔드를 구축[편집]
assignment 개발환경 확인사항

1) 폴더생성 

mkdir ui

2) index.html 생성 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>Welcome from Tauri!</h1>
  </body>
</html>



1.2.1.1.2 RUST 프로젝트 생성[편집]
  1. 모든 Tauri 앱의 중심에는 윈도우, 웹뷰를 관리하고 tauri Rust 상자를 통해 운영 체제를 호출하는 Rust 바이너리가 있습니다.
  2. 이 프로젝트는 Rust의 공식 패키지 관리자이자 범용 빌드 도구인 Cargo에 의해 관리된다.
  3. 우리의 타우리 CLI는 후드 아래에 카고를 사용하므로 직접 상호 작용할 필요가 거의 없습니다.
  4. Cargo에는 테스트, 린팅 및 포맷과 같은 CLI를 통해 노출되지 않는 더 많은 유용한 기능이 있으므로 자세한 내용은 공식 문서를 참조하십시오.
  • 실행
npm run taturi init


  • It will walk you through a series of questions:
    • What is your app name?
      This will be the name of your final bundle and what the OS will call your app. You can use any name you want here.
    • What should the window title be?
      This will be the title of the default main window. You can use any title you want here.
    • Where are your web assets (HTML/CSS/JS) located relative to the <current dir>/src-tauri/tauri.conf.json file that will be created?
      This is the path that Tauri will load your frontend assets from when building for production.
      Use ../ui for this value.
    • What is the URL of your dev server?
      This can be either a URL or a file path that Tauri will load during development.

Use ../ui for this value.

    • What is your frontend dev command?
      This is the command used to start your frontend dev server.
      You can leave this blank since nothing needs to be compiled.
    • What is your frontend build command?
      This is the command to build your frontend files.
      You can leave this blank since nothing needs to be compiled.

1.2.2 Next.js 환경[편집]

  1. Front end build tools

1.2.3 Qwik[편집]

  1. Front end build tools

1.2.4 SvelteKit[편집]

  1. Front end build tools

1.2.5 Vite[편집]

  1. Front end build tools

1.2.6 이전 시스템이 추가[편집]

원본 주소 "http://dbcafe.co.kr/wiki/index.php?title=TAURI&oldid=10814"