二維碼
        企資網

        掃一掃關注

        當前位置: 首頁 » 企資快報 » 戶外 » 正文

        “如果你可以建一個網站_就可以建一個桌面應用程

        放大字體  縮小字體 發布日期:2022-01-31 07:09:29    作者:微生寧李    瀏覽次數:17
        導讀

        你是否曾受限于瀏覽器得沙盒限制,或者再操作網頁應用時無法滿足下列場景下得使用需求,譬如讀寫本地文件、調用更多系統資源等。因此,你想自行開發一個可以跨平臺得調動資源得程序,但是又擔心要學習新得語言,時間

        你是否曾受限于瀏覽器得沙盒限制,或者再操作網頁應用時無法滿足下列場景下得使用需求,譬如讀寫本地文件、調用更多系統資源等。

        因此,你想自行開發一個可以跨平臺得調動資源得程序,但是又擔心要學習新得語言,時間來不及,開發預算不足。

        面對上述困擾,相信許多前端小伙伴腦中就會反應出一個應用程序——Electron。Electron得自己上說:

        Electron是一個使用Javascript、HTML 和 CSS構建,支持 Web 技術得跨平臺開發桌面應用程序( GUI ),其本身是基于 C++ 開發得,GUI 核心來自于 Chrome,而 Javascript 引擎使用 V8。

        01

        Electron誕生

        回顧這項技術得誕生歷程,堪稱有趣。

        時間回到2011年,一個叫王文睿得程序員與同事在討論如何為Tizen WebRuntime增加擴展API得時候,創建了Node-Webkit項目,并打算用Node.js來操作WebKit。幸運得是,這樣得嘗試得到了單位得大力支持,當時王文睿就職得公司內部有個鼓勵創新計劃,這不僅給王文睿足夠得時間,同時還分配了招聘名額,讓他找到協助完善這個項目得同行人。

        彼時,另外一位年輕人趙成進入了這個團隊,并在實習得半年多時間里開發了跨平臺得UI庫功能,以及對Node-Webkit進行了一系列得修改與完善。

        后來,趙成離開了,但是探索得腳步并未停止。之后,趙成幫助github團隊嘗試把Node-Webki應用到Atom感謝器上。不過因項目穩定性等原因,蕞終這個嘗試以失敗告終。直至2013年,GitHub與趙成啟動了一個類似Node-Webkit得項目:Atom Shell。不久后,基于Atom 得框架,Electron被開發出來。2014年,這兩個項目正式開源。(此處背景源自網絡公開資料)

        時至今日,Electron被Atom感謝器和許多其他應用程序使用,并且兼容Mac、Windows 和 Linux,可以構建出三個平臺得應用程序。其中,這兩年爆火得飛書就是基于這個技術開發而來,另外,VS Code、Slack等應用也是基于這個技術開發。

        02

        推薦一個GVP項目

        初步了解這項技術得魅力及應用歷程之后,今天,勤奮好學得馬建倉就給大家推薦一款以Electron為核心得入門簡單、功能豐富得 js 跨平臺桌面軟件開發框架——electron-egg。

        項目概述

      1. 項目簡介:

        1. 這是一套代碼,可以打包成Windows版、Mac版、Linux版或者以web網站運行,你只需要學習js語言即可,不過也同時支持Vue、React、EJS等前端技術。

        2. 從理論上來說,electron-egg支持任何前端技術,能夠編寫出精美得UI效果。

        3. 同時,該項目也可以用服務端得開發思維,來編寫桌面軟件,更重要得是還能同時啟動多個工作進程。

      2. 開源許可證:Apache-2.0
      3. 項目:哆啦好夢
      4. 項目地址:electron-egg: 一個入門簡單、功能豐富得 js 跨平臺桌面軟件開發框架。

        操作準備

        正式操作之前,你需要了解以下三個知識

      5. 進程:框架有三種進程,即electron主進程、electron渲染進程及egg服務進程。
      6. 業務調用,需要了解從前端-> egg業務、前端->electron業務等,并自由組合使用
      7. 掌握得開發語言:javascript、Node.js

        使用流程

        向上滑動閱覽

        1.選擇開發模式:打開配置文件:electron-egg/electron/config.js。

        2. 啟動:

        (1) vue模式【默認】;

        (2) react模式,同vue;

        (3) ejs模式,模板渲染

        3. 編寫一個api,供前端使用。

        4. 如果是ejs模板渲染方式,編寫一個hello頁面。

        5. 打包成exe、dmg、deb可執行文件。

        場景演示

      8.  
        (文/微生寧李)
        免責聲明
        本文僅代表作發布者:微生寧李個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們刪除處理郵件:weilaitui@qq.com。
         

        Copyright ? 2016 - 2025 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

        粵ICP備16078936號

        微信

        關注
        微信

        微信二維碼

        WAP二維碼

        客服

        聯系
        客服

        聯系客服:

        在線QQ: 303377504

        客服電話: 020-82301567

        E_mail郵箱: weilaitui@qq.com

        微信公眾號: weishitui

        客服001 客服002 客服003

        工作時間:

        周一至周五: 09:00 - 18:00

        反饋

        用戶
        反饋

        主站蜘蛛池模板: 国产av一区二区三区日韩 | 国内精品视频一区二区八戒| 国产精品综合一区二区| 国产99久久精品一区二区| 夜夜爽一区二区三区精品| 日韩精品一区二区三区老鸭窝| 国产精品亚洲高清一区二区| 亚洲综合色一区二区三区| 亚洲国产日韩一区高清在线| 99精品久久精品一区二区| 精品一区二区三区AV天堂| 国精产品一区一区三区MBA下载| 亚洲日韩一区二区一无码| 国产精品高清一区二区三区| 成人国产一区二区三区| 午夜肉伦伦影院久久精品免费看国产一区二区三区 | 亚洲av无码天堂一区二区三区| 精品视频一区二区| 日韩美一区二区三区| 夜夜精品视频一区二区| 亚洲国产AV无码一区二区三区| 精品在线视频一区| 国产日韩精品一区二区三区| 91一区二区三区| 另类免费视频一区二区在线观看| 青青青国产精品一区二区| 中文字幕精品一区二区2021年 | 国产精品福利一区二区| 怡红院一区二区在线观看| 无码中文人妻在线一区| 精品日韩一区二区| 精品国产精品久久一区免费式| 国产精品女同一区二区久久 | 国产精品自拍一区| 99热门精品一区二区三区无码| 视频一区二区中文字幕| 一区二区三区四区电影视频在线观看| av无码人妻一区二区三区牛牛 | 国产午夜精品一区二区三区小说| 一区二区三区在线|欧| 国产伦精品一区二区三区免费下载|