【electron将网站打包成桌面应用】的更多相关文章

electron将网站打包成桌面应用

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

Electron把网页打包成桌面应用并进行源码加密

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

electron安装+运行+打包成桌面应用+打包成安装文件+开机自启动

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…

NW.js将网站打包成桌面应用

需求:已有一个网站,因为浏览器兼容性等问题,想自己封装一个浏览器,打开时固定打开这个网站,通过这样的封装,将网站变成桌面应用程序. 1. 下载并安装NW.js的最新稳定版本(NW.js) 2. 创建一个工作目录,并新建package.json文件,并添加如下代码 { "name": "demo", "version": "1.0.0", "main": "http://www.cnblogs.co…

nodejs打包成桌面程序（exe）的进阶之路

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

用node-webkit把web应用打包成桌面应用

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

electron 打包成桌面运用

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

electron打包成桌面应用程序的详细介绍

1.前提条件 a. 安装了node b.安装了electron c.你知道自己写的东西(js,css,html等等)放在那个文件夹(假设这个文件夹命名为 app,下面会用到)中 2.安装electron-packager a.在app文件夹中打开命令窗口(在空白处使用 shift + 鼠标右击 就可以看到) b.在命令栏中输出 npm install electron-packager -g 安装完毕后,确保在配置文件 package.json (通常放在 app/) 中的dependenice…

前端打包成桌面应用、以及chrome扩展

前段时间在利用工作之余开发了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.然后单击 “小飞”图…

2、node-webkit运行web应用，node-webkit把web应用打包成桌面应用

下面我通过一个简单的demo来介绍怎么样把一个web应用打包成一个可执行文件(这里只介绍windows环境) 首先新建一个index.html文件,作为我们这个demo的入口页面,我们暂且就把这个页面当成一个完整的web应用吧.内容随便写点什么,比如: 项目结构如下: html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t…

Electron：将前端应用打包成桌面应用

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

将现有vue项目基于electron打包成桌面应用程序

一.前言 项目本来打算采用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…

Electron+Vue – 基础学习(2): 项目打包成exe桌面应用

项目创建完成,启动正常,接下来就是项目打包了.将测试Demo打包成exe桌面应用,点击exe文件,运行项目. 书接上文,创建项目有三种方式 Git拷贝.直接创建:通过electron社群提供的命令行工具(CLI)  electron-forge 创建项目,看起来对应的项目打包方式也应该有三种才对,但其实细看第一种方式和第三种项目创建方式是一样的,所以它们的项目打包方式也是一样的. 打包 electron 项目webpack工具有 electron-packager 和 electron-buil…

Electron – 基础学习(2): 项目打包成exe桌面应用 之electron-packager

项目创建完成,启动正常,接下来就是项目打包了.将测试Demo打包成exe桌面应用,点击exe文件,运行项目. 书接上文,创建项目有三种方式 Git拷贝.直接创建:通过electron社群提供的命令行工具(CLI)  electron-forge 创建项目,看起来对应的项目打包方式也应该有三种才对,但其实细看第一种方式和第三种项目创建方式是一样的,所以它们的项目打包方式也是一样的. 打包 electron 项目webpack工具有 electron-packager 和 electron-buil…

使用EXE4J和Inno Setup 编译器将java程序打包成windows桌面应用安装程序

java项目结构如下: Demo是模仿程序快照,主要设计两个按钮:保存快照和恢复快照: 保存快照将对象(窗口)序列化保存下来,后面无论做了什么操作,只要点击恢复快照, 就会读取之前保存的序列化的对象. package demo; import java.awt.BorderLayout; import java.awt.Image; import java.awt.Toolkit; import java.awt.event.ActionEvent; import java.awt.event.…

PHP写的手机端网站，可以打包成app吗，怎么打包？

8:13:36 沐歌-重庆 2018/1/19 8:13:36 PHP写的手机端网站,可以打包成app吗,怎么打包 风太大-淮安 2018/1/19 8:14:58 变色龙 沐歌-重庆 一般用什么打包 8:35:19 风太大-淮安 2018/1/19 8:35:19 变色龙 风太大-淮安 2018/1/19 8:35:52 自己打包的话用hbuilder就可以…

打包成apk，生成apk文件，上传到网站服务器提供链接下载

Android开发把项目打包成apk: 做完一个Android项目之后,如何才能把项目发布到Internet上供别人使用呢?我们需要将自己的程序打包成Android安装包文件--APK(Android Package),其后缀名为".apk".将APK文件直接上传到Android模拟器或Android手机中执行即可进行安装.Android系统要求具有其开发者签名的私人密钥的应用程序才能够被安装.生成数字签名以及打包项目成APK都可以采用命令行的方式,但是通过Eclipse中的向导我们会…

Java桌面程序打包成exe可执行文件

前言: 我们都知道Java可以将二进制程序打包成可执行jar文件,双击这个jar和双击exe效果是一样一样的,但感觉还是不同.其实将java程序打包成exe也需要这个可执行jar文件. 准备: eclipse.exe4j(网上有软件和帐号下载) 第一步,将java项目打包成可执行jar文件,首先看一下我的java project结构,Main.java是程序入口类,里面有main函数,config目录是些配置文件,lib是用到的第三方类库 开始打包,Simulate(Java项目)-鼠标右键-E…

使用electron构建跨平台Node.js桌面应用

最近,把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件,使用的是electron,这里简单分享一下使用electron的一些经验和心得. 一.如何使用electron把基本的开发环境给跑起来? 我是这么处理的,electron官方提供了一个名为“electron-quick-start”的示例项目,地址为:https://github.com/electron/electron-quick-start 然后把相关资源给弄下来,如果你是下载Zip包解压的,则资源默认…

使用electron构建跨平台Node.js桌面应用经验分享

by zhangxinxu from http://www.zhangxinxu.com/wordpress/?p=6154 本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意. 最近,把团队内经常使用的一个基于Node.js制作的小工具给做成了可视化操作的桌面软件,使用的是electron,这里简单分享一下使用electron的一些经验和心得. 一.如何使用electron把基本的开发环境给跑起来? 我是这么处理的,electron官方提供了一个名为“electron…

[iOS]如何把App打包成ipa文件，然后App上架流程[利用Application Loader]

摘自:http://www.cnblogs.com/wangqi1221/p/5240281.html 在上一篇博客已经讲过上传项目了,但是有的时候,需要我们进行打包成ipa包到别的手机上跑(但是前提是,这个手机的UDID必须绑定到对应的开发者账号中,也就是证书也得是从同样的开发者账号申请下来的才可以) 假设你现在已经完成了证书,Bundle Identifier 和描述文件的配置(如果没有请参考这个博客中http://www.cnblogs.com/lidongxu/p/5150119.htm…

把H5打包成IOS APP其实可以很简单！签名？越狱？都不需要！

很多小伙伴都在开发自己的app, 有的实现实现比较简单,就是一个h5页面,然后想要打包成app发布出去. 这个想法很单纯 打包生成个app这个是很简单的,网上一堆打包工具,分分钟可以完成 BUT…… 你会遇到苹果的app无法发布的难题…… 你查了大量的资料,最终发现——只能购买一个开发者账号,并且要通过MAC电脑才能完成非常复杂和繁琐的上传发布过程! 光繁琐能上架也行啊,可是…… 你有很大的概率被拒绝,因为各种问题. 你也可以在淘宝上找代理帮你上架appstore, 但是,钱钱 钱,好多钱! 而…

Electron入门应用打包exe（windows）

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

将Java程序打包成可执行EXE文件的步骤

需要的工具myeclipse .jar2exe(附上下载地址,直接解压就可以用链接: https://pan.baidu.com/s/1qYPRgXu 密码: wbva) 1.将Java项目导出成.jar包 鼠标右键项目名,选择导出 导出的方式选择Runnable JAR file,点击next继续 选择导出文件的路径: jar文件成功导出到桌面 2.用工具将jar文件打包成EXE可执行文件 选择刚才导出的jar文件 选择要导出程序的类型: 选择主类,图片可不选 导出程序的具体设置: 选择辅助j…

使用WinRAR创建可执行程序（例如：Java程序打包 成exe）

不管你是java.c.还是xx程序,只要打包成可以双击运行/或者命令行运行,都可以用WinRAR软件生成压缩格式的exe文件,目标电脑可以没安装解压软件,依然可以运行解压. 第一步:准备压缩的所有文件,其中包含"图标"和"可执行程序" 第二步:选择全部文件 第三步:右击,"添加到压缩文件" 第四步:选择"创建自解压格式压缩文件",发现压缩文件名带有".exe"格式后缀. 第五步:高级-->自解压选项…

如何将一个Jsp网站打包发布(发布为War文件)

链接地址:http://blog.csdn.net/luohuijun619/article/details/4867131 版权声明:本文为博主原创文章,未经博主允许不得转载. 网站做完后,并不是直接放到服务器(Tomcat)中去运行,而是先将其打包成War文件,再把War文件放到服务器中去运行,那样更方便 那么怎样将一个Jsp网站打包呢??? 一.方法一 进入cmd到dos命令行下,进入JspWeb(注意要进入JspWeb目录,即进入你要打包的网站的根目录) 再下一步        jar …

Eclipse中将含有图片资源的项目打包成jar文件

前言: 最近学了GUI编程和UDP协议,心血来潮想做一个局域网内的聊天软件,前期都还算顺利,直到后来将整个项目打包成jar文件时遇到了困难.如图: 自己设置的图标不见了,但是也没有默认的图标,说明图片本身并没有导出至jar文件中.经过一番搜索,终于找到了解决方案 工具及材料: 1.Eclipse  2.图片及使用它的项目 解决方案: 首先,依此点击Eclipse的 窗口--首选项--Java--构建路径(Windows -- Performance -- Java -- Build Path),…

Java 精简Jre jar打包成exe

#开始 最近几天都在忙一个事情,那就是尝试精简jre,我想不明白为什么甲骨文官方不出exe打包工具... 网络上精简jre的文章很多,但是原创的似乎没几个,绝大多数都是转发同一个博客, 这里借鉴了不少思路以及方法 不知道还算不算原创了 这两天收获也是挺大的,在这里和大家分享一下我的成果.以及原理.... 谢谢网络上大神们分享的教程受益良多 : ) 虽然这篇博文比较长 但是实际上是因为我太啰嗦了........并不难做 并且建议先看一遍大体流程 #成果 这个是我前不久写的一个聊天室的客户端, 源码…

把网站打包快速在线生成ios app的正确方法

下方的内容不用看了,请点这里 !点这里!IOS APP自助生成系统已上线,请马上去了解下: http://www.tao-jiujiu.com/post/188.html  ======================================================== 很多小伙伴都在开发自己的app, 有的实现实现比较简单,就是一个h5页面,然后想要打包成app发布出去. 这个想法很单纯 打包生成个app这个是很简单的,网上一堆打包工具,分分钟可以完成 但是... 你会遇到苹果…

vue项目利用apicloud打包成apk过程

最近公司要求我们用apicloud做一个app,正好利用这个机会学习下app的制作过程~ 页面的开发过程跟我们平时开发一样,利用vue把页面全部完成,最后进行npm run build将项目打包. 接下来就是apicloud打包的过程,首先我们要去apicloud官网下载开发者工具,我下载是下面这款: 大家选择对应系统进行下载~ 接下来需要开发者注册apicloud账号~ 打开APICloud Studio 2软件,在顶部文件按钮中选择打开我们刚刚打包好的dist文件. 然后我们继续点击顶部的文…