express+NW.JS快速搭建一个桌面应用

NW.js:跨平台桌面应用程序开发框架 app.js文件使用NW.js的API创建了一个新的浏览器窗口,并加载了index.html作为应用程序的用户界面。当应用程序初始化完成时,窗口会被显示出来。这意味着开发人员可以使用HTML、CSS和JavaScript编写应用程序的用户界面,并利用Node.js提供的API访问系统资源和功能。NW.js的目标是将Web技术与桌面应用程序的能力相结合,从而使开发人员能够轻松创建功能强大且具有原生体验的应用程序。无论是构建轻量级工具还是复杂的应用程序,NW.js都提供了强大的工具和资源来实现开发人员的愿景。 阅读详情

(1)NW.js的安装

https://nwjs.io/ 这个是网址

我下载的是SDK版本,下载并解压

 

(2)快速体验NW.JS

1.创建一个文件夹

2.创建一个package.json,文件写上如下代码

{
  "name": "helloworld",
  "main": "index.html"
}

3.创建index.html,文件写上如下代码

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>
4.运行程序查看效果

在nw的根目录下,鼠标右键+shift会有在此处打开命令窗口

这样,一个nw.js的应用就创建完成

(2)在nw.js中创建express框架的应用(默认你已经有了,node.js,npm)

1.点击打开express官网

找到这么一页,里面是express已经为你写好的框架,直接用就是,

按照官网一步一步来,看不懂英文就直接敲命令(我在这被坑过一次,因为自己急了一下)

这就是express的框架

(3)重点,重点,重点,主要就是想说这个:如何将express与nw.js衔接起来

找到express项目下的package.json文件加入这两句话即可,别的文件动也不要动(这是个大坑,我在这里被坑了快四十分钟,最后是去谷歌找到的解决方案)

(4)成功启动项目

nw 自己项目的名字即可

接下来就实现自己的项目需求吧!!!!!

是因为热爱技术,才喜欢计算机

 

 

nw-local-server-example:在NW.js中使用本地Web服务器的示例 nw-本地服务器 在NW.js中使用本地Web服务器的示例 怎么跑 安装和npm(Node附带) 下载或克隆仓库 npm install npm start 这是如何工作的 npm install会将NW.js和Express下载到node_modules文件夹中。 npm start将从项目的根目录启动NW.js。 NW.js将查看package.json并看到将"node-main"设置为server.js 。 这将是NW.js运行的第一件事,并在加载窗口之前在“节点上下文”中运行此脚本。 server.js在端口3000上运行并启动Express服务器。 接下来的NW.js将查看package.json并看到将"main"设置为http://localhost:3000 。 通常将main设置为index.html ,它告诉NW.js为应用程序的UI加载的第一页是什么。 立即下载

相关推荐

从零上手HiAgent:构建能听懂指令的智能体框架实战指南

智能体(Agent)作为人工智能领域的重要范式,正从传统的预设流程自动化转向以目标驱动的自主规划与执行。其核心原理在于利用大语言模型(LLM)作为决策大脑,通过任务规划、工具调用与记忆机制,将模糊的自然语言指令转化为可执行的工作流。这一技术显著提升了人机协作的效率和自然度,其价值在自动化办公、数据分析与智能流程编排等场景中尤为突出。本文聚焦于HiAgent这一具体框架,深入解析其作为智能体开发平台的核心架构,涵盖规划器、执行器、工具集等关键组件,并提供从环境配置、自定义工具开发到复杂任务链构建的完整工程实践

weixin_29266007的博客 885

NW.js-01-简介和使用

简介 NW.js nw.js和electron相似,是前端开发桌面端应用的框架, 且两者架构也相似都是基于node.j和chromium进行封装, 这样在渲染层就可以用html,css,js等前端技术实现, 在处理层就可以用nodejs实现, 不管是v8还是chromium都是各自行业内的翘楚,这种架构还是很赞的, 而且抹平了os层的一些特性,可以生成win,mac,linux等系统下的桌面应用 看一下官方的描述 下载 在官网可以下载,Downloads, 可以选择自己..

uikoo9的专栏 1万+

Arcmap计算土方量教程

1. 创建现状TIN 结果数据: 2. 创建设计TIN 结果数据: 注意:现状TIN和设计TIN构建时候的坐标系不同,设置坐标系见最后的注意事项第1点,就是import(导入)那步骤,现状TIN构建时选择高程点数据或者等高线数据,设计TIN构建时候选择洱海面数据 3. TIN转栅格 改成你要存的数据库,注意中间不要有汉字 结果数据(设计TIN转栅格的同理) 4. 裁剪现状TIN转成的栅格 结果数据: 5. 计算土方量 结果数据: ...

欢迎关注,共同进步! 5014

十分钟轻松入门 nw.js 实现桌面应用程序

node-webkit 更名为 NW.js。NW.js 是一个基于 Chromium 和 node.js 的应用运行时。可以使用 NW.js 以 HTML 和 JavaScript 编写本机应用程序。它还允许您直接从 DOM 调用 Node.js 模块,并启用一种使用所有 Web 技术编写本机应用程序的新方法。它是在英特尔开源技术中心创建的。...

学习前端这门手艺,栈底到栈顶依次是:浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等 1万+

数据分析是什么?

说道“数据分析”一词,大家应该并不陌生,数据分析从字面上来理解,就是对数据做出分析然后得出一个结论,看起来浅显易懂,下面我们把这个词语分开得到的是“数据”与“分析”。“数据”的范围就很广泛了,小到一个计量数字,大到成亿级别的数据汇总,都可以称为数据;“分析”一词并不难理解,以智慧思维的方法对某一事物做出合理的解释,给出结论是为分析,一般会用到数学上的分析方法,比如统计学或者概率论等等。 1. 什么是数据分析 1) 数据分析发展背景 进入到 21 世纪以后,伴随着互联网的迅速发展,大数据应运而生,越来越多的数

MC_XY的博客 5432

《网络安全自学教程》- Windows安全机制:安全标识符,身份鉴别和访问控制

这篇文章详细介绍Windows和Linux如何标识用户,如何根据标识验证用户身份,如何根据用户身份做访问控制。

wangyuxiang946的博客 1万+

Node.js Express详解

​ Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架 使用 Express,我们可以方便、快速的创建 Web 网站的服务器或 API 接口的服务器。

xxx割喉的博客 303

Windows 11 安装 Miniforge,配置国内源

本文详细介绍了在 Windows 11 系统中安装 Miniforge 的完整流程,包括下载、安装选项设置、配置国内镜像源(如清华大学源)以加速包管理,并启用 mamba 提升依赖解析与安装速度。同时涵盖 conda 与 mamba 的基本使用验证、PowerShell 初始化及环境提示符优化,帮助用户快速搭建高效、开源、免费的 Python 科学计算环境。

寒水馨 · 轻量级技术文档 · hanshuixin.org 4513

桌面应用程序nw.js

一、nw.js开始 nw.js(以前称为node-webkit,属于node的一个框架,可以用node的各个模块):生成一个桌面exe程序 中文网:https://nwjs.org.cn/doc/user/Getting-Started.html 外网:http://docs.nwjs.io/en/latest/For%20Users/Getting%20Started/ nw.js...

qq_40663497的博客 8741

YOLOv10改进 | 主干篇 | 引入FasterNet:Run, Don‘t Walk,追求更快的神经网络

本文引入了 FasterNet 作为 YOLOv10 的主干网络。通过 PConv 算子,我们有效降低了模型的计算冗余。对于追求极致推理速度的场景(如树莓派、Jetson Nano),该改进方案极具价值。建议在训练时配合混合精度训练 (AMP)进一步加速。

weixin_51988935的博客 604

【报错解决】彻底解决 MySQL 登录报错 ERROR 1045 (28000)

MySQL 报错 ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES) 通常是由于用户名或密码错误、权限不足、服务未启动或配置文件异常导致的。通过检查并确认密码、重置 root 用户密码、授予完整权限、校验配置文件以及确保 MySQL 服务正常运行,可以彻底解决该问题。掌握这一流程不仅能够恢复 root 登录,还能保障数据库的安全性与稳定性。

博客 1749

告别复杂部署:Nexe与NW.js构建桌面应用的终极抉择

在当今快速迭代的开发环境中,开发者常常面临将Node.js应用转化为桌面程序的需求。Nexe作为一款强大的工具,能够将Node.js应用打包成单个可执行文件,极大简化了部署流程。本文将深入对比Nexe与NW.js两种主流方案,助你快速掌握桌面应用构建的最佳实践。 ## 什么是Nexe? Nexe是一个命令行工具,它允许开发者将Node.js应用程序编译成独立的可执行文件。这意味着用户无需安装N

gitblog_00505的博客 859

《Python Web项目集锦》-专栏介绍和目录

本专栏专注于Python Web项目,涉及内容包含FastAPI、Django、Flask等,所有项目代码完整且可直接运行。不管是零基础还是有经验的开发,相信都能从本专栏获益。有任何问题欢迎私聊博主,专栏持续更新中...

数据知道的博客 5212

NW.js打包优化深度解析:5个关键策略打造高性能桌面应用

在桌面应用开发领域,NW.js凭借其独特的Node.js与Chromium融合架构,为开发者提供了前所未有的灵活性。然而,随着应用功能日益复杂,**打包体积膨胀**和**启动速度下降**成为开发者面临的核心挑战。本文将从架构设计到实战技巧,全面解析NW.js打包优化的专业方案。 **核心关键词**:NW.js打包优化、应用体积压缩、启动性能优化、JavaScript编译、资源管理 ## 核心理

gitblog_01086的博客 322

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

nw.js文件上传到服务器,用nw.js构建node项目

在网上找了很多nw.js快速开始的教程,很大一部分都是通过最基本的index.html和package.json来访问“hello world”页面。这里我简单得介绍下在“hello world”基础上更进一步的过程。(1)下载nw.js登陆官网nwjs.io,有normal和SDK两个下载版本。在开发中,我们选择SDK的版本,因为它有开发者调试的功能。下载完毕后解压,我们就会看到nw.js默认的...

weixin_32694271的博客 785

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

使用Electron开发基于Node.js的桌面应用

最近小编在查看分享资料时,发现一个可以开发跨平台桌面应用的框架——NW.js(原名:node-webkit)。正当小编兴致勃勃的研究NW.js的时候,最基础的安装环节出了问题。无论用npm还是cnpm都无法完整下载所依赖的包(具体原因待考察)。鉴于此,我只能转向研究另一个同类型的框架——Electron(原名:Atom Shell)。 首先,进入Ele...

weixin_34148508的博客 326

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

nwpu-cram之Web后端开发:Node.js实践指南

nwpu-cram是西北工业大学软件学院的复习资料项目,本文将带你探索如何利用该项目中的资源快速掌握Node.js Web后端开发技能。通过实际案例和项目中的学习材料,你将了解从环境搭建到实战开发的完整流程。 ## 📚 为什么选择Node.js进行Web后端开发 Node.js凭借其非阻塞I/O模型和事件驱动架构,成为构建高效Web应用的理想选择。在nwpu-cram项目中,你可以找到丰富的

gitblog_00824的博客 659

bytenode快速上手:如何保护Node.js应用程序源代码

在当今数字化时代,保护JavaScript源代码变得越来越重要。bytenode是一个极简的Node.js字节码编译器,它能将JavaScript代码真正编译成V8字节码,有效保护你的源代码不被轻易反编译。🚀 ## 什么是bytenode? bytenode是一个专门为Node.js设计的字节码编译器工具。它通过将JavaScript源代码编译成V8引擎的字节码格式,使得代码难以被直接阅读和

gitblog_01014的博客 533

nodeJS 简单启动express服务器

有时候想启动服务器才可以打开自己想要的页面,所以可以尝试使用NodeJS里面的一个Express开发框架,快速简单搭建一个服务 传送门:http://www.expressjs.com.cn/ express文档 如图:在 server文件夹下面,打开命令行: node app.js 启动服务,然后在浏览器打开index.html网页 server 文件夹下的 ...

weixin_33904756的博客 952

bytenode核心功能详解:深入理解字节码编译原理 [特殊字符]

想要保护你的JavaScript源代码不被轻易查看?**bytenode字节码编译器**正是你需要的终极解决方案!这个强大的工具能够将JavaScript代码编译成V8字节码,让源码保护变得简单高效。作为Node.js生态中的字节码编译神器,bytenode让你的代码安全等级提升到全新高度。💪 ## 什么是bytenode字节码编译器? **bytenode**是一个专为Node.js设计的

gitblog_00306的博客 506

ApacheCN NodeJS 译文集 20211204 更新

Node API 开发入门指南 零、前言 一、Node.js 简介 二、构建 API——第 1 部分 三、构建 API——第 2 部分 React TypeScript Node 全栈开发 零、序言 第一部分:理解 TypeScript 及其如何改进 JavaScript 一、理解 TypeScript 二、探索 TypeScript 三、使用 ES6+ 特性构建更好的应用 第二部分:使用 React 学习单页应用开发 四、学习单页应用概念以及 React 如何实现这些概念 五、将 Rea.

龙哥盟 655

终极指南:如何使用bytenode压缩Node.js字节码并创建高效加载器文件

**bytenode** 是一个极简的Node.js字节码编译器,能够将JavaScript文件编译为高效的字节码,保护源代码同时提升加载性能。本文将详细介绍如何利用bytenode的高级功能进行字节码压缩和加载器文件创建,帮助开发者优化Node.js应用的部署与运行效率。 ## 🚀 快速了解bytenode核心功能 bytenode通过将JavaScript代码编译为`.jsc`字节码文件

gitblog_00818的博客 332

基于Node.js构建轻量便携版Postman:核心原理与实现指南

API测试是软件开发中验证接口功能与数据交互的关键环节,其核心在于模拟客户端请求并验证服务器响应。传统方案如Postman功能全面,但在需要快速部署、离线使用或跨环境调试时,其安装依赖与体积成为瓶颈。为解决此问题,可利用Node.js运行时与轻量级打包技术,构建绿色免安装的便携式API测试工具。该方案通过模拟Postman的`pm` API沙盒环境,兼容现有测试脚本,并采用本地文件存储实现数据便携。其技术价值在于显著降低了环境依赖,提升了在临时调试、现场支持及团队快速共享测试用例等场景下的效率。本文聚焦于如

angzhan5306的博客 312

WeChatExporter:终极微信聊天记录永久保存与数据备份开源解决方案

在数字时代,微信聊天记录已成为我们数字身份的重要组成部分,承载着珍贵的工作交流、家庭回忆和情感连接。然而,微信官方并未提供完整的聊天记录导出功能,导致数据面临着设备损坏、系统升级、误操作删除等多重风险。WeChatExporter作为一款专业的开源工具,为技术爱好者和有动手能力的用户提供了完整的微信聊天记录导出与永久保存方案,支持文字、图片、语音、视频等多种消息类型的完整提取与查看。 ## 痛点

gitblog_00107的博客 417

2021年前端学习路线

2020年前端学习路线 1、前端基础核心知识 1.1 HTML W3C HTML文档 1.2 CSS&CSS3 W3C CSS 文档 W3C CSS3 文档 Flex 布局教程:语法篇 Flex 布局教程:实例篇 各种鼠标效果样式 深入理解CSS新特性 1.3 移动端布局 移动端基本概念 viewport窗口设置 移动端布局方案 rem、vh、vw等单位 响应式布局 黑马HTML5+CSS3+移动端布局全套教程:https://www.b......

所幸你是例外的博客 273

2020年前端学习路线

1、前端基础核心知识 1.1 HTML W3C HTML文档 1.2 CSS&CSS3 W3C CSS 文档 W3C CSS3 文档 Flex 布局教程:语法篇 Flex 布局教程:实例篇 各种鼠标效果样式 深入理解CSS新特性 1.3 移动端布局 移动端基本概念 viewport窗口设置 移动端布局方案 rem、vh、vw等单位 响应式布局 黑马HTML5+C...

所幸你是例外的博客 86
上一篇: 关于此专栏的以后的更新走向
反斜杠青年
博客等级 码龄11年 29粉丝 73原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值