iT邦幫忙

electron相關文章
共有 73 則文章
鐵人賽 Modern Web DAY 28
JavaScript Easy Go! 系列 第 28

技術 #28 Click! Serve! Desktop

昨天已經把大部分的 GUI 弄完了,之前也已經寫好了伺服器的程式,今天我們把兩邊拼起來吧! 搬移 server.js 我們把之前寫的 server.js 搬過來...

鐵人賽 Modern Web DAY 27
JavaScript Easy Go! 系列 第 27

技術 #27 做點 GUI 吧!

今天就來做些 GUI 吧! 用 HTML + CSS 先把結構弄出來 app.html <html> <head>...

鐵人賽 Modern Web DAY 26
JavaScript Easy Go! 系列 第 26

技術 #26 初探 Electron

前兩天我們做了一個網頁伺服器,接下來我們來幫它加上 GUI 吧! Electron Electron 是一個用前端技術寫桌面應用程式的東西,它基本上跟 pkg...

技術 Electron/Nginx/NodeJS/MongoDB開發HIS之架構概述

前言 今年已經2021相信不少人都已經聽說過electron了小弟技術不才,希望可以給台灣醫療資訊帶來不一樣的選擇在此想提出一個架構可能性,望各位大佬海涵而小弟...

鐵人賽 Modern Web
ElectronJS 系列 第 37

技術 [ Day 37 ] - 在 Github Release 上發布我們的安裝檔

之前本魯都將打包出來的安裝檔 , 放到 git 中上傳到 github 中 來產生一個公開連結讓邦友們能下載安裝檔 最近 , 本魯在瀏覽 electron 的...

鐵人賽 Modern Web
ElectronJS 系列 第 36

技術 [ Day 36 ] - Electron 應用程式 - 更新自動化 ( 實做篇 )

昨天我們談論了 Electron 應用程式手動更新的流程 , 今天 , 我們就在 app 開啟時放入昨天那些手動更新的流程 , 讓我們的 app 有自動更新的功...

達標好文 技術 Electron - 用網頁技術做一個桌面應用程式吧!

Hi 各位,今天不寫網頁,而要來做一個桌面應用程式啦!是不是很興奮呢?感覺好像不是只在 Web 這個圈圈了哈哈,具體我們會用 Electron 這個框架來包裝網...

技術 Electron - 常用 API 解析

上一篇介紹了 Electron 的架構,今天來了解一下它到底有什麼 API 供我們使用~ (圖片來源:Electronvue開發實戰1) 從圖可以了解,主進程、...

技術 Electron - 今晚我想來點 Electron 加 Vue.js

前幾篇介紹了 Electron 如何操作,既然 Electron 是將網頁包起來,那當然可以使用 Vue.js 來做啊!今天就讓我們一起看看該怎麼實作 Elec...

鐵人賽 Modern Web
ElectronJS 系列 第 35

技術 [ Day 35 ] - Electron 應用程式 - 更新自動化 ( 說明篇 )

已經打包拿到客戶那的 Electron 應用程式 , 如果有 BUG 需要更新時該怎麼辦呢 ? 一般的做法 , 請客戶解安裝之前的版本 , 並手動安裝最新的版本...

鐵人賽 Modern Web
ElectronJS 系列 第 34

技術 [ Day 34 ] - 桌面小圖示的優化

[ Day 34 ] - 桌面小圖示的優化 開機登入時,會讓桌面小圖示於正中間顯示,我們可以讓顯示的桌面小圖示於左下角顯示,也可以顯示於右下角,只要我們抓出螢幕...

鐵人賽 Modern Web
ElectronJS 系列 第 33

技術 [ Day 33 ] - 動物聊天室的整理與功能展示

[ Day 33 ] - 動物聊天室的整理與功能展示 今天來整理一下 , day-8 ~ day-23 的動物聊天室 ,與說明已實裝了哪些功能 客製化標題...

鐵人賽 Modern Web
ElectronJS 系列 第 32

技術 [ Day 32 ] - 分享螢幕的整理與功能展示

[ Day 32 ] - 分享螢幕的整理與功能展示 今天來整理一下 , day-24 ~ day-27 的分享螢幕 ,與說明已實裝了哪些功能 錄製螢幕訊息...

鐵人賽 Modern Web
ElectronJS 系列 第 31

技術 [ Day 31 ] - 桌面小圖示的整理與功能展示

[ Day 31 ] - 桌面小圖示的整理與功能展示 今天來整理一下 , day-2 ~ day-6 & day-28 的桌面小圖示 ,與說明已實裝了哪...

鐵人賽 Modern Web DAY 30
ElectronJS 系列 第 30

技術 [ Day 30 ] - 鐵人賽完賽的感想,與之後...

[ Day 30 ] - 鐵人賽完賽的感想,與之後... 今天是鐵人賽的最後一天,由於本魯沒有屯文,每天都需要想主題與測試功能,其實30天每天都想放棄,不過想到...

鐵人賽 Modern Web DAY 29
ElectronJS 系列 第 29

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

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

鐵人賽 Modern Web DAY 28
ElectronJS 系列 第 28

技術 [ Day 28 ] - 動物聊天室(十七) - 選擇 emoji 分享目前的心情

[ Day 28 ] - 動物聊天室(十七) - 選擇 emoji 分享目前的心情 經過四天的抗戰 , 我們終於可以將我們的螢幕分享給其他人看 , 請別人幫忙除...

鐵人賽 Modern Web DAY 27
ElectronJS 系列 第 27

技術 [ Day 27 ] - 分享螢幕(四) - 分享螢幕 Electron 版

[ Day 27 ] - 分享螢幕(四) - 分享螢幕 Electron 版 Electron 版 今天接續昨天的 WebRTC , 我們將做成 Electro...

鐵人賽 Modern Web DAY 26
ElectronJS 系列 第 26

技術 [ Day 26 ] - 分享螢幕(三) - 分享攝像頭畫面 HTML 版

[ Day 26 ] - 分享螢幕(三) - 分享攝像頭畫面 HTML 版 原本今天想要做一個可以分享個人桌面給其他人的 Electron 應用程式 , 沒將...

鐵人賽 Modern Web DAY 25
ElectronJS 系列 第 25

技術 [ Day 25 ] - 分享螢幕(二) - 錄製螢幕訊息

[ Day 25 ] - 錄製螢幕訊息 昨天我們解說了如何取得螢幕目前的狀態 , 那要如何錄製畫面呢 ? 先看成果 我們需要用到 JS 中的 API - me...

鐵人賽 Modern Web DAY 24
ElectronJS 系列 第 24

技術 [ Day 24 ] - 分享螢幕(一) - 屏幕擷取

[ Day 24 ] - 分享螢幕(一) - 屏幕擷取 有時遇到 BUG 時 , 需要其他人幫忙解決 , 最近疫情又不適合約咖啡廳見面 , 因此需要分享螢幕...

鐵人賽 Modern Web DAY 23
ElectronJS 系列 第 23

技術 [ Day 23 ] - 動物聊天室(十六) - 拖曳圖片

[ Day 23 ] - 動物聊天室(十六) - 拖曳圖片 上傳與下載圖片的常見方式 點擊上傳按鈕 Ctrl+C 與 Ctrl+V 拖曳圖片 我們已經介...

鐵人賽 Modern Web DAY 22
ElectronJS 系列 第 22

技術 [ Day 22 ] - 動物聊天室(十五) - 將複製的圖片上傳到聊天室

[ Day 22 ] - 動物聊天室(十五) - 將複製的圖片上傳到聊天室 目前上傳圖片的方式只能按下 然後選擇電腦中的圖片做上傳 如果想要上傳網頁上的圖片...

鐵人賽 Modern Web DAY 21
ElectronJS 系列 第 21

技術 [ Day 21 ] - 動物聊天室(十四) - 登入畫面

[ Day 21 ] - 動物聊天室(十四) - 登入畫面 昨天介紹登入功能 , 今天來串接畫面 新增 Login.vue <template>...

鐵人賽 Modern Web DAY 19
ElectronJS 系列 第 19

技術 [ Day 19 ] - 動物聊天室(十二) - Electron API 與它的產地

[ Day 19 ] - 動物聊天室(十二) - Electron API 與其生產地 [day-03] 時我們有提過 , Main Process 與 Bro...

鐵人賽 Modern Web DAY 18
ElectronJS 系列 第 18

技術 [ Day 18 ] - 動物聊天室(十一) - 今晚我想來點 "聊天訊息通知"

[ Day 18 ] - 動物聊天室(十一) - 聊天訊息通知 我們不太可能盯著 "動物聊天室" 一直看有沒有新訊息 , 因此我們需要 當有...

鐵人賽 Modern Web DAY 17
ElectronJS 系列 第 17

技術 [ Day 17 ] - 動物聊天室(十) - 上傳圖片

[ Day 17 ] - 動物聊天室(十) - 上傳圖片 昨日介紹了 Dialog 的基本使用 , 今天我們來將 Dialog 與 "動物聊天室&qu...

鐵人賽 Modern Web DAY 16
ElectronJS 系列 第 16

技術 [ Day 16 ] - 動物聊天室(九) - Dialog 介紹

[ Day 16 ] - 動物聊天室(九) - Dialog 介紹 Dialog 顯示系統原生對話框,以便開啟檔案、儲存檔案,發出警告等。 Electron...

鐵人賽 Modern Web DAY 15
ElectronJS 系列 第 15

技術 [ Day 15 ] - 動物聊天室(八) - Menu 選單

[ Day 15 ] - 動物聊天室(八) - Menu 選單 在 electron 中有 3 種類型的 Menu applicationMenu conte...

鐵人賽 Modern Web DAY 14
ElectronJS 系列 第 14

技術 [ Day 14 ] - 動物聊天室(七) - 客製化標題列

[ Day 14 ] - 動物聊天室(七) - 客製化標題列 不知道邦友們覺得 electron 在 windows 上的標題列覺得如何 ? 本魯覺得預設的標...