Tauri 加载远程url的两种方式
2023-8-3
| 2023-9-20
0  |  阅读时长 0 分钟
type
status
date
summary
tags
category
icon
最近基于 Tauri 搞了一个 Mac 的微信读书客户端 weread-client,当然也可以支持其他平台,目前无这个诉求。目前官网教程都是本地构建项目,经过研究发现有两种方式可以实现加载远程url,从而实现为各种使用频繁的网页套壳。
 

1. 修改配置形式

第一种实现最是简单,可以添加一个 window的p配置,设置一个远程 url 即可。 我封装的微信读书客户端就是使用这个方式实现。修改 src-tauri/tauri.conf.json 的 window 配置,以微信读书客户端为例:
重要的就是配置这个 url 参数。
 

2. 动态构建 window 并设置 url

上面的方式是通过配置定义一个 window,这里介绍一种动态构建的方式。
首先移除 src-tauri/tauri.conf.json 中的 window 这个属性配置
其次修改 src-tauri/main.rs , 在初始化app时,使用其 setup 这个 api 进行动态化初始一个 window:
 
 
如果是需要定制一下内容,推荐第二种方式。如果像我一样喜欢比较简洁的写法,且场景比较单一,推荐使用第一种方式。
 
加载远程的网页,肯定想对其进行一些功能的扩展,避免不了需要使用 Tauri 提供的 api。 Tauri 提供了全局注入 window.__TAURI__ 的功能。可以在 src-tauri/tauri.conf.json 中配置以下属性开启:
这样就可使用 tauri 提供的各种能力了。
技术分享
  • Tauri
  • 前端
  • Tauri 网页动态注入JavascriptRust学习笔记之变量&类型
    目录