iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

30天學習Tauri 系列

在這30天內學習如何透過Tauri將Web App給轉化成跨平台的桌面與應用

鐵人鍊成 | 共 30 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 21

21.Tauri fs

今天來簡單的介紹一下Tauri裡的file system 要使用window.__TAURI__.fs來獲取我們的檔案的話,由於Tauri有安全機制保護,所以我...

2022-10-06 ‧ 由 Felix阿甫 分享
DAY 22

22.實作Tauri Todo - 加入計時器

我們今天加入計時器來實現番茄鐘 首先我們先設定時間和時間設定 ... const buttons = [ { value: 10, displa...

2022-10-07 ‧ 由 Felix阿甫 分享
DAY 23

23.實作Tauri Todo - 匯出csv

我們今天來將我們的todo以csv格式匯出到下載 打開todo\src-tauri\tauri.conf.json 加入 { "tauri&quo...

2022-10-08 ‧ 由 Felix阿甫 分享
DAY 24

24.實作Tauri Todo - 匯入csv

首先,先修復date問題,回到todo\src\pages\index.tsx 將handleTodoAdd const handleTodoAdd = a...

2022-10-09 ‧ 由 Felix阿甫 分享
DAY 25

25.實作Tauri Todo - 加入快捷鍵

Tauri提供我們使用globalShortcut來建立快捷鍵,我們試著建立匯出按鈕的快捷鍵。 首先,我們打開todo\src-tauri\tauri.conf...

2022-10-10 ‧ 由 Felix阿甫 分享
DAY 26

26.Tauri http

今天來簡單的介紹一下Tauri裡的http,http能讓我們訪問用Rust編寫的HTTP Client端。 如果我們要使用要使用window.__TAURI__...

2022-10-11 ‧ 由 Felix阿甫 分享
DAY 27

27.實作Tauri Todo - 從API上獲取天氣資訊

獲取API 我們使用中央氣象局的氣象開放資料平台 我們先註冊後獲取API授權碼 先來看一下API Docs 我們這邊要使用現在天氣觀測 測試並觀察 加入允許清...

2022-10-12 ‧ 由 Felix阿甫 分享
DAY 28

28.實作Tauri Todo - 完善Tauri

我們今天來改進我們的Todo App 新增todo\src\utils\store.tsx import React, { createContext, use...

2022-10-13 ‧ 由 Felix阿甫 分享
DAY 29

29.實作Tauri Todo - 構建及發布

今天我們將我們Tauri打包並構建。 到demo目錄下,輸入pnpm tauri build,並將構建前端,編譯 Rust 二進製文件,收集所有外部二進製文件和...

2022-10-14 ‧ 由 Felix阿甫 分享
DAY 30

30.完結與感言

經過30天的挑戰,我們透過製作出Todo App來理解到Tauri上大致的操作,以及如何透過Tauri來構建出一個app,並且學習Tauri給的功能。 而Tau...

2022-10-15 ‧ 由 Felix阿甫 分享