Javascript在web开发中已经稳稳的占据了重要位置，现在已经开始渗透到桌面开发了 Electron 便是用来创建桌面应用的框架 使用 JavaScript + HTML + CSS 就可以开发跨平台的桌面应用...是否满足桌面应用开发的需求呢？...看下这些知名应用就知道了 GitHub 的文本编辑器 Atom 聊天群组应用独角兽公司 Slack 使用 Electron 搭建了桌面客户端 微软发布的代码编辑器 Visual Studio Code...{ "name": "deskjs", "version": "0.1.0", "main": "main.js" } 格式和 Node 的完全一致，main 字段是应用的启动脚本 index.html... Hello World 第一个 JS 桌面应用</
最近要做个桌面的应用，用起来也方便。找了一圈发现NW.js挺容易上手，分享给大家。...NW.js 官网https://nwjs.io/ 1.下载适合当前版本的js 【这里下载的SDK版本，方便后续调试】 2.解压到本地 3.构建自己的project index.html...4.把项目放到nw.js解压后的同一目录下 5.命令进入到当前文件夹 输入 nw myapp 也可以直接把项目拖到nw.exe 6.将应用打包成app.nw文件，进入myapp文件夹中
: C/C++ 简介: Duilib是一个Windows下免费开源的DirectUI界面库，由于简约易扩展的设计以及稳定高效的实现被各大互联网公司普遍接受，广泛应用于包括IM、视频客户端、股票行情软件...基于Duilib开发的一些软件举例: 爱奇艺、91助手、微信、钉钉、优酷、微软壁纸、网易云信.........它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面。...www.electronjs.org/ 中文官网: https://electron.org.cn/ 简介: Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架...这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行，或者通过 Mac App Store 或微软商店进行分发。
Electron 基于 Chromium 和 Node.js, 可以理解为在软件中打包了一个浏览器以支持运行桌面应用，用开发web的方式进行开发，跨平台兼容 1环境搭建 1.1 先全局安装脚手架
说到桌面应用程序，可能更多人会想到使用QT或者JAVA FX去实现，Node.js能实现桌面程序么？可能很多人对这个问题的答案抱着怀疑的态度。...实际上Node.js现在生态圈越来越完善，所以用Node.js实际上可以非常轻松的架构一个桌面应用。今天我们来讲讲Node.js是如何构建一个桌面应用。 首先我们需要创建一个Node.js项目。 ?...而electron其实也是一个这样的角色，它可以将我们使用HTML, JavaScript, css开发的项目打包成一个桌面应用，而且可以同时打包成不同操作系统下的桌面可执行程序。...所以我们可以发现，我们使用electron进行桌面应用的开发我们不需要去了解我写的html是如何被转化成桌面应用执行程序的。用官方的解释来说就是简单的部分你来做，复杂的交给我们框架来负责实现。...我们执行这个文件就可以运行我们的桌面应用了。 ? 最后我们来谈谈，使用Node.js结合electron模式开发桌面应用有什么优缺点呢？
一、桌面应用程序 ? 桌面应用程序，又称为 GUI 程序（Graphical User Interface），但是和 GUI 程序也有一些区别。...我们电脑上使用的各种客户端程序都属于桌面应用程序，近年来WEB和移动端的兴起让桌面程序渐渐暗淡，但是在某些日常功能或者行业应用中桌面应用程序仍然是必不可少的。...传统的桌面应用开发方式，一般是下面两种： 1.1 原生开发 直接将语言编译成可执行文件，直接调用系统API，完成UI绘制等。...1.3 WEB开发 使用WEB技术进行开发，利用浏览器引擎完成UI渲染，利用Node.js实现服务器端JS编程并可以调用系统API，可以把它想像成一个套了一个客户端外壳的WEB应用。...Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。
1、下载nw.js https://nwjs.io/ 最好下载sdk版本。 2、解压打开安装包 下载完之后，解压打开 图中的「app文件夹」是我自己创建的，你也需要自己创建一个，里面放你项目文件。...下载链接打开它，选中「app.exe」然后将你刚才下好的nw.js里原始文件（除去你自己生成和创建的文件或文件夹）。...❝作者：「Vam的金豆之路」 主要领域：「前端开发」
Electron 框架的前身是 Atom Shell，可以让你写使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。...它是基于io.js 和 Chromium 开源项目，并用于在 Atom 编辑器中。Electron 是开源的，由 GitHub 维护，有一个活跃的社区。...最重要的是，Electron 应用服务构建和运行在 Mac，Windows 和 Linux。...Electron应用包含三部分： 1、package.json依赖文件 2、index.html应用页面 3、main.js or renderer.js主进程or渲染进程 Electron应用由主进程和渲染进程组成.../renderer.js') 最终效果： ?
安装完之后，我们看项目根目录下的package.json，里面有dependencies和devDependencies，分别是开发环境和调试环境的依赖库。...package.json：应用的入口文件。其中的main字段表示的脚本是应用的启动脚本，缺省值是index.js。 src/main：electron主进程。...使用 安装完成之后，我们在src/render/main.js中引入element ui。
原因其实electron只是提供了一个运行js的框架，基本不用开发。electron的地位就相当于浏览器的地位，electron就是一个封装了的浏览器。...因此，我们做electron开发，其实就是做js前端开发。那么要想在eletron中调用python，实际就是用js去调用python，相关的技术可以在网上搜索js调用python的相关方法。...这样一来，视野开阔多了，因为js的生态已经发展多年，有完整的社区生态。 当然，一番以前没有接触过前端开发，electron也没接触过，也许认知有些狭隘，但思路是这样的。...electron中js通过web socket与python通信 上一篇我们通过js zerorpc模块实现了与python的通信。这次我们通过web socket的方式来做。...参考 如何实现JS前端与Python后台的结合 介绍—Vue.js 一番今日 今天一番去看了《中国机长》，面对死亡，能保持镇定，非常值得佩服，也是一种难得的气质。
本文目录： 前言新建项目安装vue初始化一个electron-vue项目结语参考 前言 关于electron，前两天一番写了一个开头，搭建开发环境。今天一番尝试去开发一个小的例子，做一些修改。
具体来说： $APPCONFIG: 应用程序的配置文件。 $APPDATA: 应用程序的数据文件。 $APPLOCALDATA: 应用程序的本地数据文件。 $APPCACHE: 应用程序的缓存文件。...$DESKTOP: 系统桌面文件。 $DOCUMENT: 用户文档文件。 $DOWNLOAD: 下载文件夹。 $EXE: 可执行文件。 $FONT: 系统字体文件。 $HOME: 用户主目录。...$APP: 应用程序文件夹。 $LOG: 日志文件夹。 $TEMP: 临时文件夹。... 通过这样做，你应该能够解决这个 TypeScript 编译器错误，并成功构建你的应用程序。..."pubkey": "YOUR_UPDATER_SIGNATURE_PUBKEY_HERE" } 主要需要设置服务器地址和公钥 服务器接口返回一个json,大概是版本,更新内容等,需要额外开发
本文目录： 前言js启动python创建python文件在index.js中调用python参考一番今日 前言 前面我们实践了用electron-vue和element-ui的开发环境搭建，实现了一个入门...demo，知道了怎么让这个程序运行起来，今天我们来探究下如何用electron里的js主程序调用python程序。...js启动python 创建python文件 首先我们在项目根目录下与src同级目录创建py目录，用来存放python文件。 我们新建一个python文件gzh.py。...if __name__ == '__main__': main() 在index.js中调用python 在index.js的最后添加如下代码调用python。...pyPort = null } app.on('ready', createPyProc) app.on('will-quit', exitPyProc) 参考 electron作为python界面开发入门
本文目录： 前言python处理electron部分参考一番今日 前言 前一篇一番实现了在js里调用python程序，这一篇一番试图将electron页面上输入的一些参数传递给python程序。...start running on {}'.format(addr)) s.run() if __name__ == '__main__': main() electron部分 index.js.../render.js') 功能模块render.js const zerorpc = require("zerorpc") let client = new zerorpc.Client...= res } }) }) formula.dispatchEvent(new Event('input')) 参考 electron-vue文档 electron作为python界面开发入门
本文目录： 前言js系统命令调用函数spawn调用`spawn`可能遇到的问题require函数参考一番今日 前言 上一篇electron的文章我们尝试了用在js里调用python，虽然一番之前没有接触过...js，但一番秉着目标型驱动的学习理念，今天一番来深入研究下这个spawn函数。...js系统命令调用函数spawn Node.js 的子进程（child_process）模块下有一 spawn 函数，可以用于调用系统上的命令。...我们在index.js的最后添加如下代码，运行后我们查看命令行打印，发现gzh.py打印成功。...假定有一个数学模块math.js，就可以像下面这样加载，然后就可以调用这个模块的方法了。
Electron 基于 Chromium 和 Node.js, electron-vue 基于election融合vue脚手架，来开发桌面应用，可以理解为在软件中打包了一个浏览器以支持运行桌面应用，...用开发web的方式进行开发，跨平台兼容 1环境搭建 1.1 先全局安装vue-cli脚手架 （如已经安装，可以跳过） npm install -g vue-cli 1.2 用electron-vue
Electron提供了丰富的本地（操作系统）的API，使你能够使用纯JavaScript来创建桌面应用程序。...与其它各种的Node.js运行时不同的是Electron专注于桌面应用程序而不是Web服务器。 这并不意味着Electron是一个绑定图形用户界面（GUI）的JavaScript库。...还有最近，在结合 设计师会编程、程序员懂艺术的系列文章， 我开发了一个JS Playground for Desginer 的桌面应用。 ? 等系列文章更新完，会发布第一个版本。
Node.js 给许多开发者的第一印象是用来开发 Web 应用的，然而事实上，正是由于 Node.js 的存在，JavaScript 才摘下了“只能开发 Web 应用”的帽子。...在这个生态系统中，有一个分类就是用来开发桌面应用，成为了桌面 GUI，比较著名的包括 NW.js 和 Electron，其中，Electron 更有名气，连微软都使用 Electron 开发自己的 IDE...下图是蚂蚁开发者工具： ? 至此，也许很多读者会有新的疑问，为什么要开发跨平台的桌面应用？为什么用 Node.js 和 Electron 来开发呢？...纵观十多年的软件开发进程，业界发生了巨变，多平台的时代正在慢慢来临：桌面应用、Web 浏览器、移动端以及其他平台，作为开发者，我们渐渐觉得，有必要支持多平台计算。 那么桌面应用呢？...跨平台的桌面应用并不是什么新鲜的东西，像 Mono、QT、Java 等早就可以开发出支持多个主流操作系统的桌面应用了。
说到 node.js 的 GUI 开发方案，首先想到的就是 electron 和 nw.js。但除了它们之外，是否存在其它更轻量级的技术方案可供选择呢？...但打包了 Chromium 内核和 node.js 环境后，如今的 electron 和 nw.js 动不动就上百MB的大小，用来开发这样的小工具实在是不划算。...除了它们之外，是否还有其它的 node.js GUI 开发方案呢？...这么说来，近几年桌面开发似乎越来越不温不火，大家的关注中心似乎都转移到了移动端上。...或许可以这么说，我们现在正经历着桌面端开发向移动端转移中心的过渡期。桌面端 GUI 开发的需求存在感日渐稀薄，现有传统开发方案已能应对日常需求，所以虽然也有一些技术痛点，却并没有更新开发方式的必要。
图中的app文件夹是我自己创建的，你也需要自己创建一个，里面放你项目文件。 app文件夹中一般放一个index.html（页面展示），另外还需要创建一个pack...
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
