mirror of
https://github.com/electron-vite/electron-vite-vue
synced 2025-01-19 11:56:36 +08:00
chore(docs): update
This commit is contained in:
parent
6a248a873a
commit
31dc1888a2
@ -67,14 +67,17 @@
|
|||||||
|
|
||||||
## Use Electron, NodeJs API
|
## Use Electron, NodeJs API
|
||||||
|
|
||||||
> 🚨 By default, Electron don't support the use of API related to Electron and NoeJs in the Renderer-process, but someone still need to use it. If so, you can see the 👉 npm-package **[vitejs-plugin-electron](https://www.npmjs.com/package/vitejs-plugin-electron)** or another template **[vite-webpack-electron](https://github.com/caoxiemeihao/vite-webpack-electron)**
|
> 🚧 By default, Electron don't support the use of API related to Electron and NoeJs in the Renderer-process, but someone still need to use it. If so, you can see the 👉 npm-package **[vitejs-plugin-electron](https://www.npmjs.com/package/vitejs-plugin-electron)** or another template **[vite-webpack-electron](https://github.com/caoxiemeihao/vite-webpack-electron)**
|
||||||
|
|
||||||
#### All Electron, NodeJs API invoke passed `Preload-script`
|
#### All Electron, NodeJs API invoke passed `Preload-script`
|
||||||
|
|
||||||
* **src/preload/index.ts**
|
* **src/preload/index.ts**
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
// --------- Expose some API to Renderer process. ---------
|
import fs from 'fs'
|
||||||
|
import { contextBridge, ipcRenderer } from 'electron'
|
||||||
|
|
||||||
|
// --------- Expose some API to Renderer-process. ---------
|
||||||
contextBridge.exposeInMainWorld('fs', fs)
|
contextBridge.exposeInMainWorld('fs', fs)
|
||||||
contextBridge.exposeInMainWorld('ipcRenderer', ipcRenderer)
|
contextBridge.exposeInMainWorld('ipcRenderer', ipcRenderer)
|
||||||
```
|
```
|
||||||
|
@ -68,7 +68,7 @@
|
|||||||
|
|
||||||
## 渲染进程使用 NodeJs API
|
## 渲染进程使用 NodeJs API
|
||||||
|
|
||||||
> 🚨 因为安全的原因 Electron 默认不支持在 渲染进程 中使用 NodeJs API,但是有些小沙雕就是想这么干,拦都拦不住;实在想那么干的话,这里有个 👉 npm 包 **[vitejs-plugin-electron](https://www.npmjs.com/package/vitejs-plugin-electron)** 或者使用另一个模板 **[vite-webpack-electron](https://github.com/caoxiemeihao/vite-webpack-electron)**
|
> 🚧 因为安全的原因 Electron 默认不支持在 渲染进程 中使用 NodeJs API,但是有些小沙雕就是想这么干,拦都拦不住;实在想那么干的话,这里有个 👉 npm 包 **[vitejs-plugin-electron](https://www.npmjs.com/package/vitejs-plugin-electron)** 或者使用另一个模板 **[vite-webpack-electron](https://github.com/caoxiemeihao/vite-webpack-electron)**
|
||||||
|
|
||||||
|
|
||||||
- 推荐所有的 NodeJs、Electron API 通过 `preload-script` 注入到 渲染进程中,例如:
|
- 推荐所有的 NodeJs、Electron API 通过 `preload-script` 注入到 渲染进程中,例如:
|
||||||
@ -76,7 +76,10 @@
|
|||||||
* **src/preload/index.ts**
|
* **src/preload/index.ts**
|
||||||
|
|
||||||
```typescript
|
```typescript
|
||||||
// --------- Expose some API to Renderer process. ---------
|
import fs from 'fs'
|
||||||
|
import { contextBridge, ipcRenderer } from 'electron'
|
||||||
|
|
||||||
|
// --------- Expose some API to Renderer-process. ---------
|
||||||
contextBridge.exposeInMainWorld('fs', fs)
|
contextBridge.exposeInMainWorld('fs', fs)
|
||||||
contextBridge.exposeInMainWorld('ipcRenderer', ipcRenderer)
|
contextBridge.exposeInMainWorld('ipcRenderer', ipcRenderer)
|
||||||
```
|
```
|
||||||
|
Loading…
x
Reference in New Issue
Block a user