最近一段时间在用electron+vue做内部项目的一键构建发布系统的桌面应用,现就其中打包流程写个备注,以示记录. Windows环境打包:1.首先贴一下package.json. { "name": "******",//隐藏项目名 "version": "**.**.**",//隐藏版本号 "author": "*** <***>",//隐藏作者信息 "des

前言 最近想把自己用html+css+js做的网页界面打包成桌面应用,网上一搜,发现Electron是一个不错的选择,试了试,发现效果真的不错.这里记录一下打包过程以作记录,便于自己以后查看学习. 一.简介 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. 二.打包过程 1.

Flutter 可以开发 Mac,Linux,Windows 桌面,但是对于平台目前只能打对于的包,以及调试本平台的包. 切换到 master 分支 首先必须切换到 master 分支.我之前在 dev 分支,折腾了好久,都只停留于理论概念阶段.直到有一次看到了简书中提到需要在 master 分支,经过测试确实可以正常运行.其实当时主要是卡在 本地找不到桌面模拟器这个环节.  开启 Mac 开发桌面应用 Flutter 的 master 默认是关闭 桌面应用的,我们可以使用下面的命令开启: f

nodejs打包成桌面程序(exe)的进阶之路 node js bat 前端 计划任务 前言:最近的研究,请大佬们细品 第一篇 - 任务计划程序篇 说真的研究到将nodejs打包成可执行的exe文件是个意外的方向. 刚开始我的需求就是想要在电脑开机时自启动nodejs的项目:因为自己目前是搞前端开发的,而nodejs现在对于前端来说还是很火的,我们也会经常接触到它,比如webpack.Vue.React等都要用到nodejs进行编译,转换成浏览器可识别的文件,在这里nodejs扮演的是一个工具人

node-webkit是一个Chromium和node.js上的结合体,通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用,而且还可以跨平台的哦.很显然比起传统的桌面应用,在某些特定领域用html5+css3+js开发的web应用更加简单和高效,而且还可以使用node.js的功能,所以node-webkit还是很有用处的. 下面我通过一个简单的demo来介绍怎么样把一个web应用打包成一个可执行文件(这里只介绍windows环境) 首先新建一个index.htm

需求同 NW.js将网站打包成桌面应用 1. 从github上克隆electron示例项目 git clone https://github.com/electron/electron-quick-start 2. 安装项目所需包  npm install 3. 打开main.js,将修改mainWindow.loadURL 4. 运行项目  npm start 5. 安装electron-packager来打包  npm install eletron-packager --save 6. p

打包JavaFX11桌面应用程序 这是JavaFX系列的第二弹,第一弹在这里 在第一弹中,我们使用的是OpenJDK8,但是OpenJDK8和Oracle Java JDK不一样,它没有内置JavaFX模块,需要自己引入,而使用Oracle版的JDK直接import就好了.但是到了java11的时候无论是OpenJDK还是Oracle版都已经把JavaFX剥离开来了,javaFX现在由OpenJFX项目维护和更新. 第一弹中我使用的是OpenJDK8,后来想想,还是要顺应时代发展潮流,所以在这里

一.前言 项目本来打算采用B/S架构去做的,浏览器网址方式打开还是让用户不方便: 二.使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目打包好后打开index.html能显示网页.因为刚接触便直接拿官方demo进行打包了. 1.克隆官方demo:git clone https://github.com/electron/electron-quick-start 2.cd electron-quick-start->npm insta

基于vue3.0.11+electron13仿制macOS桌面UI管理系统ElectronVue3MacUI. 前段时间有分享一个vue3结合electron12开发后台管理系统项目.今天要分享的是最新研发的跨平台仿macOS桌面UI管理框架.使用了最新前端技术electron13+vite2.3+vue3搭建开发.支持多窗口.动态壁纸.程序坞DOCK菜单.可拖拽等功能. 一.实现技术 编辑器:Vscode 框架技术:Vite2.3.4+Vue3.0.11+Vuex4+VueRouter@4 跨

一.准备软件 VNC Server (MAC OS X已支持) RealVNC/TightVNC 二.MAC OS X设置 注:Mac OS X 10.5 已经支持了VNC Viewer访问的功能,设置如下: 1.在 系统偏好设置-共享-勾选“远端管理”,点击电脑设置 2.勾选“VNC显示程序可以使用密码控制屏幕“在文本框中输入8位密码,点击”好“,这样就可以通过其它PC或Mac上的VNC Viewer来连接这台Mac进行远程控制了. 3.选择可以远程登录的用户 方法一:RealVNC连接 官网

www.iwangzheng.com 刚买的mac电脑,想在终端进入桌面,可以用下面的方式 点击桌面右上方的放大镜搜索到Terminal并打开,输入 $ cd /Users 这里会显示多个用户,进入自己的用户文件夹就可以啦, 在进入电脑的时候会有自己的用户名, $ cd  <your user name> $ cd Desktop

最近一直在做electron应用的打包,集成mac版本的自动更新时出现了问题. Error: Could not get code signature for running application 无法获取当前应用的代码签名. (首先声明:由于mac的签名机制,npm run dev 是肯定没有签名的,以下所述都需要在npm run build 下打正式包) 百思不得其解,试过了各种办法,研究了N遍官方文档,发现现实和书上写的还是不一样.注意到一直是npm run build打包的时候都无法签

前段时间在利用工作之余开发了tomato timer这个蕃茄钟,然后部署到github.io上,由于greatway太厉害,偶尔会有打不开的情况.上周末对比做了扩展和改进,使其成为chrome的插件,或者成为桌面app. chrome插件的使用与开发 一.如何安装与使用: 1.下载tomato timer项目,github地址 https://github.com/cqhaibin/tomato-timer.git 2.切换到V2.0.0.0的tag,然后如下图所配置: 3.然后单击 “小飞”图

1> Mac OS X平台下的桌面软件是由什么编程语言处理 答: 由Objective-C, swift编程语言处理 2> Mac OS X平台下的桌面软件是由什么框架构建 答: 由Cocoa库/框架构成 3> Mac OS X平台下的系统特性是什么 答: 系统特性是很多的, 我们需要几本专业的书籍来学习: <深入解析Mac OS X & iOS操作系统> <Objective-C高级编程(iOS与OS X多线程和内存管理)> <Cocoa编程开发者

1.初始化node项目,生成package.json文件 npm init 2.安装electron,并保存为开发依赖项 npm install electron -D 3.根目录下新建index.js文件 const {app, BrowserWindow} = require('electron') let mainWindow function createWindow () { mainWindow = new BrowserWindow({width: 800, height: 600

这边主要是有一个客户,需要在电视机上安装一个客户端,含有视频直播功能:刚开始我们采用的webapp打包成apk安装在电视机上,发现摄像头监控画面根本无法播放(apk在手机上可以正常播放视频):排除一些原因之后,初步判断是电视机的内置浏览器内核是阉割版,不支持视频的播放,必须切换内核才行,但是webapp是不支持切换内核的,只能开发原生apk,使用qq x5内核,成本太大了,综合考虑之下,将电视机主板换成windows微主机,将web地址伪装成桌面客户端,暂时采用这种方式实现,好了,废话不多说,参

首先戳我下载安装对应版本的node.js. 安装完成后,打开命令行输入node -v以及npm -v查看对应版本.能够正常显示说明安装成功. 写一个最简单的hello world的nodejs应用.nodejs的基础目录结构如图: ♦ node_modules文件夹用于存放开发或应用时的依赖 ♦ index.html:初始化的页面 ♦ main.js:生命周期控制 ♦ package.json:全局配置 如果有小伙伴不知道怎么写,可以参考https://github.com/electron/e

在上一篇文章中我们分享了,如何开发桌面应用.在本章文章中,来解决一下为何在 Mac 中无法发出网络情况的原因. 起因 事情​起因是这样的:我总觉得写一个 Demo 不足以体现我们开发同学的能力.直到最近,我发现了一个可以改善的小点,可帮助我们的测试同学提高测试效率. 大体情况就是在某天晚上,客户端的一个小问题,需要进行验证.但是呢,测试同学要做回归测试,把所有的数据都重新创建了一遍.但是此过程用了很久,理论来说,应该十来分钟搞定的事情.我就静静的在她身旁看着,内心捉急万分,毕竟我想早点回家(睡觉

最近在学习nodejs,得知Electron是通过将Chromium和Node.js合并到同一个运行时环境中,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一门技术.对于之前一直从事flash AIR桌面应用开发的我迫不及待的想“尝尝鲜”. 首先,我们跟着Electron社区的快速入门程序(https://electronjs.org/docs/tutorial/quick-start)创建我的第一个electron App(HelloWorld). 1.在命令行里安装全局e

Mac篇 公司的机器内存只有8G,不想再大动干戈为了Windows Live Writer装个Vmware了,谷歌娘讲MarsEdit不错,那就试试用这个写个试用贴呗   就是这货了,果然是火星来的,从剪贴板贴图有点慢,竟然不能随意拖大小,图文并茂一直是我的目标啊受挫 不管了,竟然直接输入博客地址即可,WLW君真是麻烦多了 ╮(╯▽╰)╭果然没那么简单 这个Error似乎没有对我的博客生涯造成太大的影响,无视之,还是成功发出了此文 只是Categories好像没有在正常工作,这是肿么了...点下

首先需要确保电脑已经布置好node.js环境 1.下载并全局安装nw.js npm install nw -g 2.安装nw-builder模块 npm install nw-builder -g 3.在你的html项目中加入package.json文件(具体的参数设置请自行搜索) { "name": "demo", "version": "0.0.1", "main": "index.html&