huayu-web
/
assistant-note
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

backup

This commit is contained in:
shixiaohua 2024-01-02 16:15:30 +08:00
parent 4e5c5aec6d
commit 20228ddb91
8 changed files with 78 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.gitignore vendored
View File

@ -1,3 +1,5 @@
node_modules/ node_modules/
rpm-4.18.0 rpm-4.18.0
out/ out/
ueditor-1.4.3.3/
ueditor/

24
index.html
View File

@ -1,17 +1,19 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
<title>Hello World!</title> <title>Hello World!</title>
</head> <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';"/>
<body> </head>
<body>
<h1>Hello World!</h1> <h1>Hello World!</h1>
We are using Node.js <span id="node-version"></span>, <p>Drag the boxes below to somewhere in your OS (Finder/Explorer, Desktop, etc.) to copy an example markdown file.</p>
Chromium <span id="chrome-version"></span>, <div style="border:2px solid black;border-radius:3px;padding:5px;display:inline-block" draggable="true" id="drag1">Drag
and Electron <span id="electron-version"></span>. me - File 1
</div>
<script src="./renderer.js"></script> <div style="border:2px solid black;border-radius:3px;padding:5px;display:inline-block" draggable="true" id="drag2">Drag
</body> me - File 2
</div>
<script src="renderer.js"></script>
</body>
</html> </html>

25
main.js
View File

@ -1,6 +1,8 @@
// npm start // npm start
const { app, BrowserWindow } = require('electron') const { app, BrowserWindow , ipcMain } = require('electron')
const path = require('path') const path = require('path')
const fs = require('fs')
const https = require('https')
// electorn // electorn
const createWindow = () => { const createWindow = () => {
@ -14,14 +16,26 @@ const createWindow = () => {
}) })
// 加载 index.html // 加载 index.html
win.loadFile('index.html') win.loadFile('index.html')
// win.loadURL('http://localhost/show/sync?current=1&pageSize=5')
// 打开开发工具 // 打开开发工具
// mainWindow.webContents.openDevTools() win.webContents.openDevTools()
} }
const iconName = path.join(__dirname, 'iconForDragAndDrop.png')
// const icon = fs.createWriteStream(iconName)
// Create a new file to copy - you can also copy existing files.
// fs.writeFileSync(path.join(__dirname, 'drag-and-drop-1.md'), '# First file to test drag and drop')
// fs.writeFileSync(path.join(__dirname, 'drag-and-drop-2.md'), '# Second file to test drag and drop')
// https.get('https://img.icons8.com/ios/452/drag-and-drop.png', (response) => {
// response.pipe(icon)
// })
// 这段程序将会在 Electron 结束初始化 // 这段程序将会在 Electron 结束初始化
// 和创建浏览器窗口的时候调用 // 和创建浏览器窗口的时候调用
// 部分 API 在 ready 事件触发后才能使用。 // 部分 API 在 ready 事件触发后才能使用。
app.whenReady().then(() => { app.whenReady().then(() => {
// ipcMain.handle('ping', () => 'pong')
createWindow() createWindow()
// 在 macOS 系统内, 如果没有已开启的应用窗口 // 在 macOS 系统内, 如果没有已开启的应用窗口
// 点击托盘图标时通常会重新创建一个新窗口 // 点击托盘图标时通常会重新创建一个新窗口
@ -34,4 +48,11 @@ app.whenReady().then(() => {
// 直到用户使用 Cmd + Q 明确退出 // 直到用户使用 Cmd + Q 明确退出
app.on('window-all-closed', () => { app.on('window-all-closed', () => {
if (process.platform !== 'darwin') app.quit() if (process.platform !== 'darwin') app.quit()
})
ipcMain.on('ondragstart', (event, filePath) => {
event.sender.startDrag({
file: path.join(__dirname, filePath),
icon: iconName
})
}) })

15
preload.js
View File

@ -1,12 +1,7 @@
// 所有的 Node.js API接口 都可以在 preload 进程中被调用. // 所有的 Node.js API接口 都可以在 preload 进程中被调用.
// 它拥有与Chrome扩展一样的沙盒。 // 它拥有与Chrome扩展一样的沙盒。
window.addEventListener('DOMContentLoaded', () => { const { contextBridge, ipcRenderer } = require('electron/renderer')
const replaceText = (selector, text) => {
const element = document.getElementById(selector) contextBridge.exposeInMainWorld('electron', {
if (element) element.innerText = text startDrag: (fileName) => ipcRenderer.send('ondragstart', fileName)
} })
for (const dependency of ['chrome', 'node', 'electron']) {
replaceText(`${dependency}-version`, process.versions[dependency])
}
})

12
preload1.js Normal file
View File

@ -0,0 +1,12 @@
// 所有的 Node.js API接口 都可以在 preload 进程中被调用.
// 它拥有与Chrome扩展一样的沙盒。
window.addEventListener('DOMContentLoaded', () => {
const replaceText = (selector, text) => {
const element = document.getElementById(selector)
if (element) element.innerText = text
}
for (const dependency of ['chrome', 'node', 'electron']) {
replaceText(`${dependency}-version`, process.versions[dependency])
}
})

9
preload2.js Normal file
View File

@ -0,0 +1,9 @@
const { contextBridge, ipcRenderer } = require('electron')
contextBridge.exposeInMainWorld('versions', {
node: () => process.versions.node,
chrome: () => process.versions.chrome,
electron: () => process.versions.electron,
ping: () => ipcRenderer.invoke('ping')
// 除函数之外，我们也可以暴露变量
})

9
renderer.js
View File

@ -0,0 +1,9 @@
document.getElementById('drag1').ondragstart = (event) => {
event.preventDefault()
window.electron.startDrag('drag-and-drop-1.md')
}
document.getElementById('drag2').ondragstart = (event) => {
event.preventDefault()
window.electron.startDrag('drag-and-drop-2.md')
}

4
renderer2.js Normal file
View File

@ -0,0 +1,4 @@
const func = async () => {
const response = await window.versions.ping()
console.log(response) // 打印 'pong'
}