用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…

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…

将java project打包成jar包，web project 打包成war包的几种演示此博文包含图片

转: http://blog.csdn.net/christine_ruan/article/details/7491559 http://developer.51cto.com/art/200907/135816.htm 将java项目打包成jar 第一种:MyEclipse将java项目打包成jar. 1,右击项目,选择export . 2,点击Java,选择JAR file . 3,在JAR file文本中浏览打包后的jar的保存路径,然后Next . 完成! 第二种:ant将…

ant:如何用ant将web project打包成war包

说明:src中的文件将不会呈现出来,诸位可以自己写一个简单的web项目,然后依照我所提供的ant脚本配置来设置. 文件结构如图所示: 配置为下: build.xml <?xml version="1.0" encoding="UTF-8"?> <project default="clean"> <property name="bulid.dir" v…

将java project打包成jar包，web project 打包成war包的几种演示

将java项目打包成jar 第一种:MyEclipse将java项目打包成jar. 1,右击项目,选择export . 2,点击Java,选择JAR file . 3,在JAR file文本中浏览打包后的jar的保存路径,然后Next . 完成! 第二种:ant将java项目打包成jar. 请参考:本人写的ant文章<ant:入门演示 (project,target,delete,mkdir,fileset,antcall,javac,classpath,jar--)…

使用node-webkit(v0.35.5)和innosetup(3.6.1)打包将web程序打包为桌面客户端(安装包)

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

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

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

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

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

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打包成桌面应用程序的详细介绍

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…

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

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

electron 打包成桌面运用

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

前端打包成桌面应用、以及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.然后单击 “小飞”图…

解决eclipse中maven web工程打包成war(发布到tomcar)时lib中没有jar包的解决方法

可能有两个原因:1.maven中某些jar包下载不下来从其他地方下载jar文件放到相应maven本地库的.m2里2..classpath文件中缺少(下面代码的作用是制定maven的jar发布路径)<classpathentry kind="con" path="org.maven.ide.eclipse.MAVEN2_CLASSPATH_CONTAINER"> <attributes> <attribute name="or…

Idea中如何将web项目打包成war包并放到tomcat中启动

第一步:在idea中选中Artifacts.右侧勾选Build on make生成war包,如下图第二步:将target文件夹里面的war包拷贝到tomcat文件下的webapp目录下第三步:修改server.xml文件,在host节点上加上对应的war包路径: <Context docBase="D:\apache-tomcat-7.0.65\webapps\cellstrain.war" path="/cellstrain" reloadable=&q…

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…

将现有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…

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

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

使用Ant构建struts2 web工程，自动编译，打包成war

c&c++语言通常使用make脚本来构建和管理自己的工程,同样java也有自己的构建工具(Ant),使用时需要写一个biuld.xml,有点类似c&c++里的makefile. 一.首先定义一些变量,如下,个人感觉有点类似makefile的写法 #==================== File and Directory Names ======================== app.name=AntDemo app.version=0.1 source.home=./src l…

java web项目使用ant编译将不同的功能代码打包成jar，进而分局点将项目打包成不同的tar.gz包进而部署

使用ant可以轻松的将一个项目分离代码,直接打包成不同需求的tar.gz包使用 1.build.properties (属性) version.num=1.0 #版本信息 2.build.xml (ant打包文件) …

Beaglebone Black– 智能家居控制系统 LAS - 网页服务器 Node.js 、Web Service、页面和 TCP 请求转 UDP 发送

上一篇,纯粹玩 ESP8266,写入了 init.lua 能收发 UDP.这次拿 BBB 开刀,用 BBB host 一个 web server ,用于与用户交互,数据来自 ESP8266 的 UDP 交互结果.本来,ESP8266 能直接用 TCP,但我希望广播 UDP 来做自动发现,那服务端和设备端统一全部用 UDP 交互吧,服务端再通过 HTTP 与客户端交互. 以下过程,与 Linux 上面搭 web 没有区别.我选择用 node.js,没有什么特殊原因,只是因为它本来就跟着 BBB d…

AndroidStudio将html5打包成apk

我想将html5的动画效果打包成手机app,以方便传播.而在android开发的组件中就直接由webview可以访问网页,另外在android工程中,assets文件夹下的内容是不会在被编译的,因此可以将已经做好的html5的项目放在该文件夹下,由webview控件打开该文件夹下的index.html,这样就可以实现html5打包成安卓的apk了. 1.修改MainActivity.java,内容如下: package com.example.admin.yourProjectName;//改成…

基于node-webkit的web项目打包方案

下载node-webkit https://github.com/rogerwang/node-webkit 找到Downloads这一小节,然后下载对应平台的node-webkit预编译包.(为了介绍起来方便,本文后续内容全部针对windows平台,OSX和linux平台上的操作类似,就不做特意说明了.) 下载完之后解压,可以看到如下内容: 双击nw.exe直接运行,看到如下界面说明一切都ok,在你的机器上可以运行: Hello nw 老规矩,先来Hello World! 建一个example…

sencha touch 扩展篇之将sencha touch打包成安装程序（下）- 使用phonegap打包安装程序

这讲我们来讲解下如何使用phonegapa创建项目环境并通过她们将sencha touch打包成app,这里我们只讲解打包android的apk,打包ios的过程有点类似,但是需要在mac环境下,最后通过xcode导出成ipa安装程序: 一.phonegap环境搭建: phonegap从3.0开始已经不再使用手动的方式搭建项目了,而是使用command-line命令行工具来搭建项目环境,并且插件引入的机制也在3.0做了调整,采用了模块化的方式,即需要什么功能模块就通过命令行工具来安装对应…

把java文件打包成.jar (jar命令详解)

把java文件打包成.jar (jar命令详解) 先打开命令提示符(win2000或在运行框里执行cmd命令,win98为DOS提示符),输入jar Chelp,然后回车(如果你盘上已经有了jdk1.1或以上版本),看到什么: 用法:jar {ctxu}[vfm0Mi] [jar-文件] [manifest-文件] [-C 目录] 文件名 ... 选项: -c 创建新的存档 -t 列出存档内容的列表 -x 展开存档中的命名的(或所有的]文件 -u 更新已存在的存档 -v 生成详细输出到标准输出上…

ActiveX控件打包成Cab实现浏览器自动下载安装

前言我们在浏览器中使用我们自己的一些OCX,或者是DLL这一类的文件,在X86的机器上需要我们手动将这些文件拷贝到Windows/System32 文件夹下面去,然后通过Dos命令regsvr32 test.ocx注册之后才能够使用. 原来我们一直采用安装包的方式,就是客户端需要安装我们提供的一个exe安装包,这个exe安装包的目的就是将一堆如OCX,DLL之类的文件打包 , 并在客户端安装的时候将这些文件统统拷贝到Windows/System32文件夹下面去, 然后通过Dos命令regsvr…

利用Advanced Installer将asp.netMVC连同IIS服务和mysql数据库一块打包成exe安装包

因为业务需要,项目中需要把asp.netmvc项目打包成exe安装程序给客户,让客户直接可以点下一步下一步安装部署web程序,并且同时要将IIS服务和mysql一同安装到服务器上,因为客户的电脑可能是64位也可能是32位,所以在打包的时候就需要打包成两份安装包.研究了几天终于有所收获,下边就是打包的步骤. 打包步骤: 一.前期准备 1.将asp.netmvc发布到本地目录中 2.数据库准备,准备两个免安装的mysql数据库,分别是64位和32位.分别在两个版本的数据库系统设置账户密码,并且与as…