简介:

nwjs是NodeJS的一个框架,也叫nodeWebkit,基于Chromium和NodeJS运行。

适用:

使用HTML和JavaScript构建简单的跨平台应用。这里以在Linux下搭建轻量级webapp为例。

思路:

1,nwjs本质上是一个浏览器的外壳,可以用来封装目标对象;

2,使用HTML+CSS控制页面布局,结构和样式;

3,使用Js控制页面交互及效果;

4,使用package.json控制应用基本信息;

流程:

1,安装NodeJS及nw(流程略);

2,搭建本地应用目录,nwjs所需要的项目目录结构为app/*.html和app/package.json,期中app/为项目目录;

3,课根据实际需求适当拓展项目目录;

例:

一个简单的package.json控制的应用主体:

{

"name":"微信",

"main":"wechat.html",

"author":"separes",

"window":{

"title":"微信",

"resizable":false,

"toolbar":false,

"width":1000,

"height":700

}

}

一个简单的使用iframe封装的微信第三方页面wechat.html:

html,body{

height:100%;

}

使用nw app/ 加载应用.

nw.js linux install,使用NW.js搭建简单的webapp相关推荐

  1. node.js linux shell,bash – Node.js Shell脚本和参数

    参见文档 here.它非常具体如何传递命令行参数.注意,你可以使用exec或spawn. spawn有一个特定的参数为命令行参数,而使用exec你只是传递参数作为命令字符串的一部分来执行. 直接从文档 ...

  2. 云服务器,Linux上安装xampp,搭建node服务,云服务器Firewalld、iptables,nginx反向代理

    目录 写在前面的 前期准备 下载xampp: xampp安装步骤 1.首先链接远程linux服务器 2.xshell终端执行安装命令 3.启动:xampp服务 4.访问数据库,修改数据库密码 安装守护 ...

  3. Asp.net+Vue2构建简单记账WebApp之六(vue.js构建记账统计页面)

    Asp.net+Vue2构建简单记账WebApp之一(设计) Asp.net+Vue2构建简单记账WebApp之二(使用ABP迅速搭建.Net后台) Asp.net+Vue2构建简单记账WebApp之 ...

  4. node.js安装express(零起点搭建本地测试服务器)- 教程篇

    (含图文教程.代码对比,等)node.js安装express(零起点搭建本地测试服务器)- 教程篇 原教程 · 参考地址 执行step3之后,结果截图 · 如下图2 : 之后,执行step4,截图如下 ...

  5. Vue.js 框架源码与进阶 - 搭建自己的SSR

    文章目录 一.Vue SSR 介绍 1.1 Vue SSR 是什么 1.2 使用场景 1.3 如何实现 Vue SSR 二.Vue SSR 基本使用 2.1 渲染一个 Vue 实例 2.2 与服务器集 ...

  6. 基于 Node.js 爬虫的数据 API,搭建一套属于自己的 API 数据

    SpliderApi https://github.com/ecitlm/Spl... 基于nodejs 的爬虫 API接口项目,包括前端开发日报.知乎日报.前端top框架排行.妹纸福利.搞笑视频/ ...

  7. 如何在Linux上安装Node.js

    Node.js简介 Node.js是一个基于JavaScript的开源平台,用于开发服务器端和网络应用程序. Node.js是跨平台的,因此以Node.js编写的应用程序可以在任何平台上运行.它是建立 ...

  8. linux安装Node.js(详细)Node.js安装教程

    linux安装Node.js(详细)Node.js安装教程 文章目录 linux安装Node.js(详细)Node.js安装教程 1:下载 2:解压 3:移动目录 1:创建目录 2:移动目录并重命名 ...

  9. 芋道admin-ui启动失败提示npm install --save highlight.js/lib/highlight highlight.js/styles/github-gist.css

    npm install 没有问题,但是npm run dev启动失败后要求npm install --save highlight.js/lib/highlight highlight.js/styl ...

最新文章

  1. oracle错误:ORA-12545
  2. 【HashMap 嵌套 ArrayList】
  3. python哪本好-最好的Python入门教材是哪本?
  4. mysql 表ful,你所不知的table is full那些事
  5. Shell编程:简洁的 Bash Programming 技巧
  6. 深度相机---(3)双目立体视觉
  7. Unsupported major.minor version (jdk版本错误)解决方案办法
  8. ​云原生:重新定义云时代的技术标准 | 凌云时刻
  9. lottie动画_设计师和程序员的动画还原神器Lottie+Bodymovin
  10. 信号与系统学习难点(一)群时延与相频特性
  11. Android自定义dialog对话框悬浮在界面上
  12. 《张志俊揭秘太极拳》读书摘编
  13. MCE | 世界“第一杀手”——心血管疾病
  14. Coding life_云栖社区的个性化首页上线
  15. java 什么意思_Java中的“ ”是什么意思?
  16. 基于Python实现的在线教育系统考试作业案例源代码APP大作业nodejs程序设计微信小程序计算机
  17. 应用程序未安装:已安装了存在签名冲突的同名数据包。
  18. 微信小程序中的vw和vh单位
  19. Python分析股票行情代码
  20. uniapp+若依 开发租房小程序

热门文章

  1. 跻身多链时代,一文读懂区块链「桥」及其设计权衡
  2. linux shell stty,Shell 学习(五)---stty、[[ 等
  3. 【机器学习-吴恩达】Week4 神经网络表示
  4. 平面点对问题,切比雪夫距离
  5. 数据库视频第14~16章的学习框架
  6. [CF1365G]Secure Password
  7. CSS设计中盒子模型的应用
  8. kotlin - 数据类data
  9. Notification设置的小图标显示的是小方块
  10. 创建和分析二维桁架和梁结构研究(Matlab代码实现)