Hi 各位，今天不寫網頁，而要來做一個桌面應用程式啦！是不是很興奮呢？感覺好像不是只在 Web 這個圈圈了哈哈，具體我們會用 Electron 這個框架來包裝網...
前幾篇介紹了 Electron 如何操作，既然 Electron 是將網頁包起來，那當然可以使用 Vue.js 來做啊！今天就讓我們一起看看該怎麼實作 Elec...
如果昨天沒有做出來 , 可以從 第 5 天成品 然後用 npm start 看到許多的貓咪 當我們製作完成可愛的小貓應用程式 , 我們當然希望分享給其他人這...
[ Day 9 ] - 動物聊天室(二) - IPC 與訊息交換 第三天時 , 本魯提過 IPC 這個名詞 , 並說這是 Main Process 與 Bro...
今天我們開始製作第一支 electron 應用程式 預計會長這樣 環境準備 win 10 node.js 小貓圖片 圖片來源 - ilikestic...
上一篇介紹了 Electron 的架構，今天來了解一下它到底有什麼 API 供我們使用～ （圖片來源：Electronvue開發實戰1） 從圖可以了解，主進程、...
之前本魯都將打包出來的安裝檔 , 放到 git 中上傳到 github 中 來產生一個公開連結讓邦友們能下載安裝檔 最近 , 本魯在瀏覽 electron 的...
[ Day 3 ] - 桌面小圖示(二) - Electron 架構說明 昨天我們快速製作了一個 "玩耍的小貓" , 可是細節與觀念的部分沒...
[ Day 8 ] - 動物聊天室(一) - vue 與 electron 在第三天的時候 , 本魯提過官網上的介紹 Electron 架構在 Chromiu...
Electron 簡介 前端工程師可以藉由 Electron 開發桌面程式 我們常用的 vscode . slack 桌機板 . messenger 桌機板...
如果昨天沒有做出來 , 可以從 第 3 天成品 下載成品然後用 npm start 看到無限的神奇狗 只有一隻貓咪 , 或是一隻狗狗 , 好像療癒系數不太夠...
[ Day 11 ] - 動物聊天室(四) - preload 在 vue 中的特殊設定 在 [ Day 09 ] 時了解要用到 IPC 需要在 preload...
本篇目的 想知道離開了網頁的框架外，我們還能用 React 做到些什麼。 Learn Once, Write Anywhere React Native 先踏出...
下載 第 6 天成品使用 npm build 打包出安裝檔或免安裝程式 ,將安裝檔分享出去讓更多人看到這可愛的小貓 我們的桌面小應用程式於昨日告一段落 ,...
已經打包拿到客戶那的 Electron 應用程式 , 如果有 BUG 需要更新時該怎麼辦呢 ? 一般的做法 , 請客戶解安裝之前的版本 , 並手動安裝最新的版本...
如果昨天沒有做出來 , 可以下載 第 4 天成品 然後用 npm start 看到許多的貓咪 小貓很可愛 , 但是我們要認真工作時 , 他太可愛了 ,...
昨天我們談論了 Electron 應用程式手動更新的流程 , 今天 , 我們就在 app 開啟時放入昨天那些手動更新的流程 , 讓我們的 app 有自動更新的功...
[ Day 12 ] - 動物聊天室(五) - 動物聊天室畫面 今天我們來製作 動物聊天室 的畫面 , 預計畫面長下面的樣子 今天我們只碰 vue 的相關部分...
[ Day 14 ] - 動物聊天室(七) - 客製化標題列 不知道邦友們覺得 electron 在 windows 上的標題列覺得如何 ? 本魯覺得預設的標...
今天我們來用 electron-forge 打包程式。 新增 electron-forge 到專案 npm i -D @electron-forge/cli...
[ Day 16 ] - 動物聊天室(九) - Dialog 介紹 Dialog 顯示系統原生對話框，以便開啟檔案、儲存檔案，發出警告等。 Electron...
[ Day 26 ] - 分享螢幕(三) - 分享攝像頭畫面 HTML 版 原本今天想要做一個可以分享個人桌面給其他人的 Electron 應用程式 , 沒將...
[ Day 15 ] - 動物聊天室(八) - Menu 選單 在 electron 中有 3 種類型的 Menu applicationMenu conte...
如果我們想要開機時，讓應用程式自動開啟，人工的方式可以將應用程式放到啟動資料夾， 那程序的方式該如何做到呢 ? auto-launch Auto-launch...
[ Day 13 ] - 動物聊天室(六) - 聊天室資料與 firestore 今天我們要開始將 firestore 與聊天室畫面接上關係 , 利用 IPC...
前言 今年已經2021相信不少人都已經聽說過electron了小弟技術不才，希望可以給台灣醫療資訊帶來不一樣的選擇在此想提出一個架構可能性，望各位大佬海涵而小弟...
前兩天我們做了一個網頁伺服器，接下來我們來幫它加上 GUI 吧！ Electron Electron 是一個用前端技術寫桌面應用程式的東西，它基本上跟 pkg...
[ Day 27 ] - 分享螢幕(四) - 分享螢幕 Electron 版 Electron 版 今天接續昨天的 WebRTC , 我們將做成 Electro...
今天就來做些 GUI 吧！ 用 HTML + CSS 先把結構弄出來 app.html <html> <head>...
[ Day 25 ] - 錄製螢幕訊息 昨天我們解說了如何取得螢幕目前的狀態 , 那要如何錄製畫面呢 ? 先看成果 我們需要用到 JS 中的 API - me...
iThome鐵人賽
看影片追技術
看更多
Tree
C. T. Lin
JacobLinCool