Electron-forge应用   一.  使用Electron-Forge做应用的缘由 最近遇到一个需求,Web应用登录时要校验用户的登录Mac地址,以确定该用户是在授权过的电脑设备上登录的.没错我傻了,没多想就直接开始做,后面卡到了,这管理端是获取不到的啊,浏览器也限制了获取客户端电脑信息(除了IE).然后想了很多方法都不行,最后决定做个桌面应用,然后将电脑的信息通过接口给浏览器调用,之后看网上的大佬分析,这款是最适合的,方便快捷,上手快,只要有点前端基础都用得起来,本人是个后端,也用得挺

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

Electron 使用 Webpack2 打包多入口应用程序 接前面一篇文章,前一篇文章中只有一个页面,并且只有一个js文件,所以打包的时候会把那个js打包成一个bundle.js文件.但是假如我们有多个页面,且每个页面需要使用的js文件也不同,那么我们应该怎样打包呢. 安装依赖库 这里准备做个小的演示程序,首先安装一些这个演示程序需要看的第三方库 $ npm install --save-dev electron $ npm install --save-dev electron-packag

Electron 使用 Webpack2 打包应用程序 前两天看了一下使用 Electron 来开发应用程序,今天说说所怎样集成 Electron 和 Webpack2 来打包应用程序. 安装依赖库 这里准备做个小的演示程序,首先安装一些这个演示程序需要看的第三方库 $ npm install --save-dev electron $ npm install --save-dev electron-packager $ npm install --save-dev webpack $ npm

需求同 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

VMware 共享目录设置 1,选择"虚拟机"->"重新安装VMware Tools"2,挂载cdrom3,拷贝VMware-tool.tar.gz 到Linux系统中,任意文件夹都可以4,解压文件,进入解压文件夹5,执行VMware-install.pl6,客户端设置共享目录 单击"虚拟机"-"设置"菜单:打开[虚拟机设置]窗口: 单击"选项",选择"共享文件夹": 选择临时或永

#include <unistd.h> #include <stdio.h> #include <limits.h> int main(int argc, char* argv[]) { char buf[PATH_MAX]; getcwd(buf, PATH_MAX-); printf("the current path is :%s\n", buf); ; } 设置工作目录: #include <unistd.h> int chdir

最近检查服务器的时候发现磁盘空间不够用了,正好有两个硬盘正好,一个硬盘还空着,正好通过ftp服务器的别名功能实现添加空间了,这样就不用重新弄机器了 说明:FileZilla Server 的虚拟目录设置与其它 FTP 服务器软件有所不同.在 FileZilla Server 中设置虚拟目录,必须采用 FTP 根目录 + 虚拟目录名的形式来进行.比如你 FileZilla Server 的根目录(即 Home 目录)为 E:\ftp,现在你要将 D:\media 加入虚拟目录,则需要在 D:\me

1. 默认安装 wamp后,工作目录为"..../wamp/www" 也就是PHP文件只有放在此目录下才能打得开,打开Apache的配置文件httpd.conf可以看到: 这么两行: 1.1. DocumentRoot "d:/wamp/www" 1.2. <Directory "d:/wamp/www"> ........ </Directory> 2. 如果我们只是想换一个目录,可以直接将httpd.conf中那两个配

需求 项目使用springboot开发,以jar包方式部署.项目中文件上传均保存到D判断下的upload目录下. 在浏览器中输入http://localhost:8080/upload/logo_1.jpg能访问到D盘upload目录下的logo_1.png图片 解决方法 由于使用jar包方式,无法使用为tomcat配置虚拟目录的方式,需为springboot内置tomcat设置虚拟目录. 实现 import org.springframework.context.annotation.Conf

说明:FileZilla Server 的虚拟目录设置与其它 FTP 服务器软件有所不同.在 FileZilla Server 中设置虚拟目录,必须采用 FTP 根目录 + 虚拟目录名的形式来进行.比如你 FileZilla Server 的根目录(即 Home 目录)为 E:\ftp,现在你要将 D:\media 加入虚拟目录,则需要在 D:\media 单击右键,选择 alias(别名),设置 alias 为 E:\ftp\media.其中 media 为虚拟目录名,可以与实际的目录名不同.

php 设置虚拟目录两个步骤,很简单. 第一,打开安装apache目录下的conf下面的httpd.conf文件.   找到IfModule 标记, 再它下面添加红色方框中的内容.注意不能少东西.   第二.注释掉原来默认的路径        现在就设置成功了.重启apache即可.

一.解决什么问题      1.图片路径替换.并输出到打包目录      2.输出目录清理 二.需要安装的包 file-loader:html.css中图片路径替换,图片输出到打包目录:命令:npm install --save-dev file-loader url-loader: 在文件大小(单位 byte)低于指定的限制时,可以返回一个 DataURL,其依赖于file-loader:命令:npm install --save-dev url-loader clean-webpack-pl

在Visual Studio 2017集成开发工具中,打包发布Winform窗体应用程序的时候,支持设置此次打包发布的Winform窗体应用程序对应的版本号信息,并且支持一次设置后,后续的所有发布版本号随每次发布自动递增修订号,Visual Studio2017中设置的软件版本号由个区域段组成:主要版本号.次要版本号.内部版本号.修订等. (1)首先选中需要打包发布的WinFrom程序的解决方案文件,然后右键,在右键菜单中找到属性,如下图. (2)进入属性设置界面后,在左侧找到发布的子菜单,我们

一                   windows物理机与虚拟机设置共享目录 1.1        WMware Workstation点击重新安装WMware Tools 此时会弹出在客户机装载CD驱动来解压安装程序,然后执行vmware-install.pl 1.2        新建虚拟光驱挂载目录 mkdir /dvd 1.3        挂载虚拟光驱 mount /dev/cdrom /dvd cd /dvd ls 1.4        将安装包复制到根目录下并且解压 cp VM

目录 前言 工具 获取pdf目录 获取toc格式目录 获取json格式目录 设置pdf目录 结语 前言 获取pdf目录:主要场景是为了拿到目录信息做编辑,从pdf软件里面一个个复制那肯定费时费力. 设置pdf目录:主要场景,扫描文件或拍多张照片等制作的pdf文件是没有目录.还有就是网上很多扫描版的pdf加上目录很方便. 工具 在网上搜索一波,找到了[pdf-toc]这个命令行工具,可以实现获取pdf目录,以及设置pdf目录. 感觉很方便,只是需要python >= 3.6的环境,然后执行pip

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

一. 准备工作 1.npm的安装需要下载node.js,安装完node.js之后npm自然会有. 参考链接:http://www.runoob.com/nodejs/nodejs-install-setup.html 2.Electron环境搭建       a.安装node.js.node官网地址:https://nodejs.org/en/ b.在windows 命令行下检查node是否安装成功.分别输入 node -v,  npm -v .如果出现 node 和 npm 的版本号,则转下一

VPN非常注意: 编译的过程需要使用VPN, 否者chromium的源代码无法下载, 后面会出现总总问题 Electron的编译环境, 推荐使用物理机: win10 64位 英文版, 为了避免后期出现编译文件, 推荐使用64为的win10 node-v6.11.0-x64, node版本最好在6.x, 高版本的可能编译不成功 python-2.7.10.amd64, python要求版本2.7.10 , 版本不要太高 Git, 使用最新版本即可 vs 2017 community,vs2017 

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

< 一 > 应用打包 1,首先确定安装了 node 和 npm 2,全局安装打包依赖  => npm i electron-packager -g 3,打包命令 electron-packager <应用目录> <应用名称> <打包平台> --out <输出在哪个目录> <架构> <应用版本> <electron版本> 如:electron-packager . my-electron --win --o