61 lines
1.5 KiB
Markdown
61 lines
1.5 KiB
Markdown
Chinese grammar data manually copied and edited from <https://resources.allsetlearning.com/chinese/grammar/Main_Page>
|
|
|
|
## How it works for Android
|
|
|
|
Using Tauri, an extra CSS is needed for Android webview fix:-
|
|
|
|
```css
|
|
body {
|
|
padding-top: env(safe-area-inset-top);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
padding-left: env(safe-area-inset-left);
|
|
padding-right: env(safe-area-inset-right);
|
|
}
|
|
```
|
|
|
|
### Android without hot-reload
|
|
|
|
Tauri for Android target runs even with dev server down, with `tauri android run` (while no hot-reloading).
|
|
|
|
APK will be generated at `src-tauri/gen/android/app/build/outputs/apk/arm64/debug/app-arm64-debug.apk` which can be installed with
|
|
|
|
```sh
|
|
adb install -r src-tauri/gen/android/app/build/outputs/apk/arm64/debug/app-arm64-debug.apk
|
|
```
|
|
|
|
### Android hot-reload
|
|
|
|
When dev server is used, in addition to Android app won't work with dev server down, Firewall settings must also be allowed.
|
|
|
|
For Windows PowerShell,
|
|
|
|
```powershell
|
|
New-NetFirewallRule -DisplayName "Vitepress Server" -Direction Inbound -Protocol TCP -LocalPort 5173 -Action Allow
|
|
```
|
|
|
|
In addition, dev server needs to bind to `0.0.0.0` or `TAURI_DEV_HOST` env var.
|
|
|
|
```ts
|
|
import { defineConfig } from "vitepress";
|
|
|
|
const host = process.env.TAURI_DEV_HOST;
|
|
|
|
// https://vitepress.dev/reference/site-config
|
|
export default defineConfig({
|
|
vite: {
|
|
server: {
|
|
port: 5173,
|
|
strictPort: true,
|
|
host: host || false,
|
|
hmr: host
|
|
? {
|
|
protocol: "ws",
|
|
host,
|
|
port: 5174,
|
|
}
|
|
: undefined,
|
|
},
|
|
},
|
|
});
|
|
```
|