

0
0
electron(×ÀÃæ¿ª·¢¹¤¾ß)ÊÇÒ»¿î·Ç³£Ç¿´óµÄ¿çƽ̨×ÀÃæ¿ª·¢¹¤¾ß£¬Ö§³ÖWeb¼¼Êõ¿ª·¢×ÀÃæÓ¦Óÿª·¢¡þ£¬Ó¦Ó÷dz£¹ã·º¡þ¡£electronÕûºÏÁËNode.js¡þ¡¢ChromiumºÍV8£¬¿ÉÒÔ¿çÆ½Ì¨±àд×ÀÃæÓ¦Óáþ£¬ÐèÒªµÄÅóÓÑ¿ÉÒÔÏÂÔØÊ¹Óáþ¡£
ElectronÊÇÒ»¸ö¿ªÔ´µÄ¿çƽ̨¿ª·¢¿ò¼Ü£¬ÕûºÏÁËNode.js¡þ¡¢ChromiumºÍV8¡þ£¬Èÿª·¢Õß¿ÉÒÔʹÓÃHTML¡¢CSSºÍJavaScript±àд¿çƽ̨×ÀÃæÓ¦Óáþ£¬Ê¹ÓÃElectron¿ª·¢µÄÓ¦Óò»½ö¿ÉÒÔÔÚWindows¡þ¡¢LinuxÒÔ¼°Macƽ̨ÏÂÔËÐУ¬»¹ÓµÓÐ×Ô¶¯¸üСþ¡¢±ÀÀ£±¨¸æ¡þ¡¢µ÷ÊÔ·ÖÎöµÈ¹¦ÄÜ£¬Ä¿Ç°Î¢Èí¡þ¡¢Facebook¡þ¡¢StackºÍDockerµÈ¶à¼Ò¹«Ë¾¶¼ÔÚʹÓÃElectron¡£
Ò»¡þ¡¢Óŵã
1¡þ¡¢ËüÒÀÀµÓÚÿһ¸öWeb¿ª·¢Õß¶¼ÒѾÊìÖªµÄWeb±ê×¼£¬ÈÃÄã¿ÉÒÔÓÃËü±àд×ÀÃæÈí¼þ¡£
2¡¢ËüÔÊÐí¿ª·¢ÕßרעÓÚºËÐŦÄÜ£¬ËüÈ¥¸ºÔðÈí¼þ¿ª·¢Öи´ÔӵIJ¿·Ö
3¡¢ËüΪ×ÀÃæÓ¦ÓÃÌṩÁ˶àÖÖºËÐŦÄÜ£¬ÀýÈç×Ô¶¯¸üС¢±ÀÀ£±¨¸æ¡¢°²×°Æ÷´´½¨¹¤¾ßºÍһЩ¾ßÌåµÄϵͳ¹¦ÄÜ
¶þ¡¢È±µã
ûÓÐÄÚÖõÄMVC£¬ÎÞ·¨Íêȫ֧³ÖChromeƽ̨¡£
±àдµÚÒ»¸öElectronÓ¦ÓÃ
ͨ³££¬Ò»¸öElectronÓ¦ÓõĽṹÀàËÆÏÂÃæ£º
your-app/
©À©¤©¤ package.json
©À©¤©¤ main.js
©¸©¤©¤ index.html
package.json µÄ¸ñʽÓëNodeµÄÄ£¿é¸ñʽÊÇÒ»Öµģ¬ÆäÖÐ main ×Ö¶ÎÖ¸¶¨µÄ½Å±¾¾ÍÊÇÄãÓ¦ÓÃµÄÆô¶¯½Å±¾£¬¸Ã½Å±¾½«ÔËÐÐÔÚÖ÷½ø³ÌÖС£ÄãµÄ package.json Ò²Ðí¿´ÉÏÈ¥ÏñÏÂÃæÕâ¸öÀý×Ó£º
{
"name": "your-app",
"version" : "0.1.0",
"main" : "main.js"
}
×¢Òâ Èç¹ûÔÚ package.json ÖÐµÄ main ×Ö¶ÎûÓÐÖ¸¶¨£¬ÄÇôElectron½«³¢ÊÔ×°ÔØÒ»¸öÃûΪ index.js µÄ½Å±¾¡£
main.js Ó¦µ±´´½¨´°¿Ú²¢ÇÒ´¦Àíϵͳʼþ£¬Ò»¸öµäÐ͵ÄÀý×ÓÈçÏ£º
const electron = require('electron');
// ¿ØÖÆÓ¦ÓÃÉúÃüÖÜÆÚµÄÄ£¿é
const {app} = electron;
// ´´½¨±¾µØä¯ÀÀÆ÷´°¿ÚµÄÄ£¿é
const {BrowserWindow} = electron;
// Ö¸Ïò´°¿Ú¶ÔÏóµÄÒ»¸öÈ«¾ÖÒýÓã¬Èç¹ûûÓÐÕâ¸öÒýÓã¬ÄÇôµ±¸Ãjavascript¶ÔÏó±»À¬»ø»ØÊÕµÄ
// ʱºò¸Ã´°¿Ú½«»á×Ô¶¯¹Ø±Õ
let win;
function createWindow() {
// ´´½¨Ò»¸öеÄä¯ÀÀÆ÷´°¿Ú
win = new BrowserWindow({width: 800, height: 600});
// ²¢ÇÒ×°ÔØÓ¦ÓõÄindex.htmlÒ³Ãæ
win.loadURL(`file://${__dirname}/index.html`);
// ´ò¿ª¿ª·¢¹¤¾ßÒ³Ãæ
win.webContents.openDevTools();
// µ±´°¿Ú¹Ø±Õʱµ÷Óõķ½·¨
win.on('closed', () => {
// ½â³ý´°¿Ú¶ÔÏóµÄÒýÓã¬Í¨³£¶øÑÔÈç¹ûÓ¦ÓÃÖ§³Ö¶à¸ö´°¿ÚµÄ»°£¬Äã»áÔÚÒ»¸öÊý×éÀï
// ´æ·Å´°¿Ú¶ÔÏó£¬ÔÚ´°¿Ú¹Ø±ÕµÄʱºòÓ¦µ±É¾³ýÏàÓ¦µÄÔªËØ¡£
win = null;
});
}
// µ±ElectronÍê³É³õʼ»¯²¢ÇÒÒѾ´´½¨ÁËä¯ÀÀÆ÷´°¿Ú£¬Ôò¸Ã·½·¨½«»á±»µ÷Óá£
// ÓÐЩAPIÖ»ÄÜÔÚ¸Ãʼþ·¢Éúºó²ÅÄܱ»Ê¹Óá£
app.on('ready', createWindow);
// µ±ËùÓеĴ°¿Ú±»¹Ø±ÕºóÍ˳öÓ¦ÓÃ
app.on('window-all-closed', () => {
// ¶ÔÓÚOS Xϵͳ£¬Ó¦ÓúÍÏàÓ¦µÄ²Ëµ¥À¸»áÒ»Ö±¼¤»îÖ±µ½Óû§Í¨¹ýCmd + QÏÔʽÍ˳ö
if (process.platform !== 'darwin') {
app.quit();
}
});
app.on('activate', () => {
// ¶ÔÓÚOS Xϵͳ£¬µ±dockͼ±ê±»µã»÷ºó»áÖØÐ´´½¨Ò»¸öapp´°¿Ú£¬²¢ÇÒ²»»áÓÐÆäËû
// ´°¿Ú´ò¿ª
if (win === null) {
createWindow();
}
});
// ÔÚÕâ¸öÎļþºóÃæÄã¿ÉÒÔÖ±½Ó°üº¬ÄãÓ¦ÓÃÌØ¶¨µÄÓÉÖ÷½ø³ÌÔËÐеĴúÂë¡£
// Ò²¿ÉÒÔ°ÑÕâЩ´úÂë·ÅÔÚÁíÒ»¸öÎļþÖÐÈ»ºóÔÚÕâÀïµ¼Èë¡£
×îºó index.html ÔòÊÇÄãÏëҪչʾÔÚ´°¿ÚÖУº
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
We are using node <script>document.write(process.versions.node)</script>,
Chrome <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
</body>
</html>
ÔËÐÐÄãµÄÓ¦ÓÃ
Ò»µ©Ä㽨Á¢ÁËÄãµÄ main.js , index.html , ÒÔ¼° package.json Îļþ£¬ÄãÒ²Ðí»áÏëÒª³¢ÊÔÔÚ±¾µØÔËÐÐÓ¦ÓÃÀ´²âÊÔËü£¬È·±£Ó¦ÓÃÊǰ´ÕÕÄãÔ¤ÆÚµÄ·½Ê½¹¤×÷¡£
electron-prebuilt
electron-prebuilt ÊÇÒ»¸ö npm µÄÄ£¿é£¬Ëü°üº¬ÁËÒ»¸öÔ¤±àÒëµÄElectron°æ±¾¡£
Èç¹ûÄãÒѾͨ¹ý npm ½«¸ÃÄ£¿éÈ«¾Ö°²×°ÁË£¬ÄÇôÄãÖ»ÐèÒªÔÚÄãÓ¦ÓõÄÔ´´úÂëĿ¼Î÷ÏÂÔËÐÐÏÂÃæµÄÃüÁ
electron .
Èç¹ûÄãÖ»ÊÇÔÚ±¾µØ°²×°Á˸ÃÄ£¿é£¬ÄÇôÔËÐУº
./node_modules/.bin/electron .
ÊÖ¶¯ÏÂÔØElectron¶þ½øÖưü
Èç¹ûÊÖ¶¯ÏÂÔØÁËElectron¶þ½øÖưü£¬Äã¿ÉÒÔͨ¹ýÖ´ÐÐÆäÖаüº¬µÄ¶þ½øÖÆÎļþÀ´Ö±½ÓÖ´ÐÐÄãµÄÓ¦Óá£
Windows
$ .\electron\electron.exe your-app\
Linux
$ ./electron/electron your-app/
OS X
$ ./Electron.app/Contents/MacOS/Electron your-app/
ÕâÀïµÄ Electron.app ÊÇElectron·¢²¼°üµÄÒ»²¿·Ö£¬Äã¿ÉÒÔÔÚ ÕâÀï ÏÂÔØ¡£
ÔËÐз¢²¼
ÔÚÍê³ÉÓ¦Óÿª·¢Ö®ºó£¬Äã¿ÉÒÔ°´ÕÕ Ó¦Ó÷¢²¼ Ö¸µ¼´´½¨Ò»¸ö·¢²¼£¬È»ºóÖ´Ðдò°üµÄÓ¦Óá£
³¢ÊÔÀý×Ó
ͨ¹ýʹÓà atom/electron-quick-start À´¿Ë¡²¢ÇÒÔËÐн̵̳ĴúÂë¡£
×¢Òâ ÔËÐиÃÀý×ÓÐèÒªÔÚÄãµÄϵͳÖа²×° Git ÒÔ¼° Node.js £¨ËüÒ²°üº¬ÁË npm )¡£
# ¿Ë¡²Ö¿â
$ git clone https://github.com/electron/electron-quick-start
# ½øÈë¿Ë¡µÄ²Ö¿â
$ cd electron-quick-start
# °²×°ÒÀÀµÈ»ºóÔËÐÐÓ¦ÓÃ
$ npm install && npm start
248.9M / 12-08
RTS¼´Ê±Õ½ÂÔ
ÏÂÔØ
248.9M / 12-08
RTS¼´Ê±Õ½ÂÔ
ÏÂÔØ
253.4M / 12-08
RPG½ÇÉ«°çÑÝ
ÏÂÔØ
ÆÞÖÐÃÛ3È«cg´æµµ
ÓÎÏ·¹¤¾ß / 28KB
ÏÂÔØ
1
csgo¿Õ¸ñ¼üÁ¬Ìø½Å±¾ÂÌÉ«Ãâ·Ñ°æ
ÓÎÏ·¹¤¾ß / 564KB
ÏÂÔØ
2
Ò׿ØÍõÎĵµ¼ÓÃÜÈí¼þv2017¹Ù·½°æÂÌÉ«Ãâ·Ñ°æ
Îļþ´¦Àí / 46M
ÏÂÔØ
3
DNF9ÖÜÄêµÚÊ®Ì×Ìì¿Õʱװ²¹¶¡
ÓÎÏ·¹¤¾ß / 1.6M
ÏÂÔØ
4
dnfÒ»¼üÈÎÎñÖúÊÖv0428×îÐÂÃâ·Ñ°æ
ÓÎÏ·¹¤¾ß / 863KB
ÏÂÔØ
5
3456wg¶àѡƤ·ôv10.6¹Ù·½°æ
ÓÎÏ·¹¤¾ß / 2.2M
ÏÂÔØ
6
°®ÆÕÉúR230´òÓ¡»úÇåÁãÈí¼þºº»¯°æ
°ì¹«Ñ§Ï° / 1.8M
ÏÂÔØ
7
ÊÓÆµ¡¢Í¼Æ¬È¥Ë®Ó¡´óʦHitPaw Watermark Removerv1.2.1 ÍêÃÀ½âËø°æ
Îļþ´¦Àí / 80.4M
ÏÂÔØ
8
adobeÇåÀí¹¤¾ß(AdobeCreativeCloudCleanerTool)V2017 ÂÌÉ«°æ
Îļþ´¦Àí / 5.9M
ÏÂÔØ
9
Îļþ°æÈ¨Ð޸Ť¾ßÂÌÉ«°æ
Îļþ´¦Àí / 564KB
ÏÂÔØ
10
140.5M / 09-05
Á¢¼´ÏÂÔØ
76.4M / 03-25
Á¢¼´ÏÂÔØ
55M / 06-05
Á¢¼´ÏÂÔØ
88.7M / 04-13
Á¢¼´ÏÂÔØ
900.9M / 03-02
Á¢¼´ÏÂÔØ
96.2M / 07-06
Á¢¼´ÏÂÔØ
311.2M / 07-06
Á¢¼´ÏÂÔØ
335M / 07-06
Á¢¼´ÏÂÔØ
ǰ³ÌËÆ½õ(Excellent Expectations)
200M / 07-06
Á¢¼´ÏÂÔØ
413.8M / 07-06
Á¢¼´ÏÂÔØ
x8ɳÏ䰲׿Ãâ·Ñ°æ2023¹Ù·½×îаæ
480.3M / 01-03
Á¢¼´ÏÂÔØ
768.9M / 08-19
Á¢¼´ÏÂÔØ
165.4M / 09-05
Á¢¼´ÏÂÔØ
131.8M / 04-13
Á¢¼´ÏÂÔØ
195.6M / 03-03
Á¢¼´ÏÂÔØ
45.6M / 09-08
Á¢¼´ÏÂÔØ
665.2M / 07-06
Á¢¼´ÏÂÔØ
2.84G / 07-06
Á¢¼´ÏÂÔØ
93M / 07-06
Á¢¼´ÏÂÔØ
338.3M / 07-06
Á¢¼´ÏÂÔØ
959.8M / 12-24
Á¢¼´ÏÂÔØ 312M / 07-30
Á¢¼´ÏÂÔØ 1.38G / 07-26
Á¢¼´ÏÂÔØ DZͧΰΰÃÔÖ²Îï´óÕ½½©Ê¬ÔÓ½»°æµçÄÔ°æ
109.8M / 06-03
Á¢¼´ÏÂÔØ 142M / 01-08
Á¢¼´ÏÂÔØ 1.2M / 11-23
Á¢¼´ÏÂÔØ 548.8M / 04-13
Á¢¼´ÏÂÔØ 1.6M / 04-13
Á¢¼´ÏÂÔØ 1.48G / 03-18
Á¢¼´ÏÂÔØ 646.6M / 03-03
Á¢¼´ÏÂÔØ 401.9M / 01-06
Á¢¼´ÏÂÔØ 1.89G / 12-19
Á¢¼´ÏÂÔØ 110.5M / 09-05
Á¢¼´ÏÂÔØ 33.4M / 09-05
Á¢¼´ÏÂÔØ 60M / 04-29
Á¢¼´ÏÂÔØ 254M / 04-25
Á¢¼´ÏÂÔØ 659M / 04-23
Á¢¼´ÏÂÔØ up¶Ôսƽ̨ºÐ×Ó¹Ù·½ÏÂÔØ2023×îаæ
253.4M / 12-08
Á¢¼´ÏÂÔØ 253M / 12-08
Á¢¼´ÏÂÔØ 1.19G / 11-16
Á¢¼´ÏÂÔØ 118.2M / 01-06
Á¢¼´ÏÂÔØ 488.3M / 06-04
Á¢¼´ÏÂÔØ 369M / 09-22
Á¢¼´ÏÂÔØ 181.5M / 09-22
Á¢¼´ÏÂÔØ 201.2M / 09-05
Á¢¼´ÏÂÔØ 248.9M / 12-08
Á¢¼´ÏÂÔØ 248.9M / 12-08
Á¢¼´ÏÂÔØ 100.6M / 03-06
Á¢¼´ÏÂÔØ 148.9M / 03-06
Á¢¼´ÏÂÔØ 1.12G / 07-06
Á¢¼´ÏÂÔØ 126.7M / 02-04
Á¢¼´ÏÂÔØ 1.76G / 09-22
Á¢¼´ÏÂÔØ 1.92G / 04-17
Á¢¼´ÏÂÔØ 201.5M / 04-13
Á¢¼´ÏÂÔØ 7.31G / 07-01
Á¢¼´ÏÂÔØ 94.3M / 07-06
Á¢¼´ÏÂÔØ 2.48G / 07-06
Á¢¼´ÏÂÔØ 7.63G / 07-06
Á¢¼´ÏÂÔØ 1M / 07-06
Á¢¼´ÏÂÔØ 778.1M / 07-06
Á¢¼´ÏÂÔØ 1.40G / 12-19
Á¢¼´ÏÂÔØ 72M / 07-06
Á¢¼´ÏÂÔØ 548.7M / 07-06
Á¢¼´ÏÂÔØ 1.00G / 07-06
Á¢¼´ÏÂÔØ 9.13G / 07-06
Á¢¼´ÏÂÔØ 126.2M / 07-06
Á¢¼´ÏÂÔØ 72M / 07-06
Á¢¼´ÏÂÔØ 105.1M / 07-06
Á¢¼´ÏÂÔØ 132M / 07-06
Á¢¼´ÏÂÔØ 132M / 07-06
Á¢¼´ÏÂÔØ bonbonjump°²×¿¹Ù·½ÏÂÔØ2023×îаæ
13.4M / 01-03
Á¢¼´ÏÂÔØ 293.0M / 09-05
Á¢¼´ÏÂÔØ 1.22G / 07-06
Á¢¼´ÏÂÔØ 20.53G / 07-06
Á¢¼´ÏÂÔØ 229.9M / 07-06
Á¢¼´ÏÂÔØ 3.70G / 07-06
Á¢¼´ÏÂÔØ 904.0M / 07-06
Á¢¼´ÏÂÔØ 15.84G / 07-06
Á¢¼´ÏÂÔØ 45.50G / 07-06
Á¢¼´ÏÂÔØ 1.02G / 07-06
Á¢¼´ÏÂÔØ Copyright 2010-2025 µ¥»úÓÎÏ·ÏÂÔØ (R) °æÈ¨ËùÓÐ ·ÉÏèÏÂÔØËùÓÐÓÎÏ·¼°Èí¼þÏÂÔØ×ÊÔ´À´Ô´»¥ÁªÍø£¬²¢ÓÉÍøÓÑÉÏ´«·ÖÏí¡£ÈçÓÐÇÖȨ£¬ÇëÀ´µçÀ´º¯¸æÖ®¡£
·ÉÏèÖҸ棺µÖÖÆ²»Á¼É«Çé¡¢·´¶¯¡¢±©Á¦ÓÎÏ· ºÏÀí°²ÅÅÓÎϷʱ¼ä ÏíÊܽ¡¿µÉú»î ¶õ¹«Íø°²±¸£º42011102003115ºÅ ¡¾¶õICP±¸17000818ºÅ-1¡¿