iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 29
0
Modern Web

ElectronJS系列 第 29

[ Day 29 ] - 桌面小圖示(六) - 開機啟動應用程式

如果我們想要開機時,讓應用程式自動開啟,
人工的方式可以將應用程式放到啟動資料夾,
那程序的方式該如何做到呢 ?

auto-launch

Auto-launch your app on login.

auto-launch 的運作原理 ?

它會將你的應用程式註冊到 機碼 中的 \HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Run
讓 Windows 登入時,自動開啟特定應用程式

本魯的筆電中有安裝 Teams & Slack 在實作之前,讓我們來看一下機碼吧

Windows + R -> regedit -> 啟動 登入編輯程式

我們可以看到 Slack 與 Teams 都有註冊登入的機碼,所以開機時他們會自動啟動 APP

下面,我們接續 day-06 的進度做出開機啟動的 APP

實作 GO

第一步,當然是安裝 & 引用 auto-launch

用 npm 安裝 auto-launch

$ npm i -s auto-launch

然後 , 引用它

// on the top of main.js
const {app, BrowserWindow} = require('electron');
const path = require('path');
+ const AutoLaunch = require('auto-launch');

第二步,在 app.on('ready' 區塊中,使用 AutoLaunch

app.on('ready', () => {

    createWindow();

    // add below to app ready     
    let autoLaunch = new AutoLaunch({
        name: '小貓玩耍',
        path: app.getPath('exe'),
    });
    
    autoLaunch.isEnabled().then((isEnabled) => {
        if (!isEnabled) autoLaunch.enable();
    });
})

第三步,打包應用程式與查看機碼確認 \(★^∀^★)/

$ npm run build

使用 小貓玩耍 Setup 0.0.29.exe 做安裝

太好了 ⁽⁽ ◟(∗ ˊωˋ ∗)◞ ⁾⁾ 我們有開機自動顯示的 "小貓" (★^O^★)

參考資料

今年小弟第一次參加 `鐵人賽` , 如文章有誤 , 請各位前輩提出指正 , 感謝  <(_ _)>

上一篇
[ Day 28 ] - 動物聊天室(十七) - 選擇 emoji 分享目前的心情
下一篇
[ Day 30 ] - 鐵人賽完賽的感想,與之後...
系列文
ElectronJS38

1 則留言

0
King Tzeng
iT邦新手 4 級 ‧ 2020-09-29 16:22:25

喔喔!明天就要挑戰成功了!!
恭喜恭喜/images/emoticon/emoticon34.gif
第一次就挑戰成功不容易~
因為現在我也在挑戰中,中途有一陣子沒來看了...QQ
等挑戰結束再來慢慢拜讀!/images/emoticon/emoticon08.gif

Tree iT邦新手 5 級 ‧ 2020-09-29 16:43:10 檢舉

明天就是第 30 天 /images/emoticon/emoticon02.gif
中間有好幾次想放棄 /images/emoticon/emoticon20.gif

Tree iT邦新手 5 級 ‧ 2020-09-29 16:44:30 檢舉

不過想到有人看就堅持下來了 , 謝謝 King Tzeng 的關注 /images/emoticon/emoticon41.gif

/images/emoticon/emoticon12.gif
明年繼續參加吧XDDD(欸X (?!

我要留言

立即登入留言