首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

NW.js构建平台桌面应用(1)-入门案例

NW.js用途 NW.js 基于 Chromium 和 Node.js,从而可以在桌面app中使用浏览器开发技术并直接调用 Node.js 资源,甚至将一个web应用打包到本地也轻而易举。...安装NW.js 可以从官网下载; 推荐在开发时下载是sdk版,以使用DevTools 非sdk版也应同时下载,在发布时使用 写一个 Hello World!...window": { "width": 500, "height": 500, "resizable": false }} 入口文件指定为"index.html" 如果指定一个js文件为入口,则可以先一些初始化工作.../path/to/nw 是 NW.js 二进制运行文件; 在Windows上是nw.exe,在Linux上是nw,而在Mac则是nwjs.app/Contents/MacOS/nwjs Linux和Mac...Settings" 和 "Window Settings" 两个界面中内容,可自行补充 在 "Export Settings" 中,选择要发布平台种类,屏蔽一些无用文件等 在 "Compression

3.9K20

NW.js构建平台桌面应用(4)-数据持久化

与web开发中主要将数据保存在服务器端不同(cookie中仅保存极少量信息且会过期),数据持久化(Data Persistence)是本地应用开发中常见需求,通俗讲就是将瞬时数据(比如内存中数据,...断电即失效)保存为持久数据(比如写入数据库中长久保存); 由于NW.js特性,可供选择本地持久化方案非常丰富,既可以依赖于Node.js直接使用NeDB、LowDB等第三方数据库方案,也可以使用HTML5...直接存储数据到本地文件 正如之前文章提到过NW.js提供了App.dataPath来访问系统应用数据目录, 可以利用其方便存储应用配置文件等 不同平台具体指向: Win: $LOCALAPPDATA...selects等)变得简便易行 --- 这也是其最大优点 Web SQL Database API 实际上未包含在 HTML 5 规范之中,它是一个独立规范 其 API 有同步,也有异步,...) }); db.get('mittens').then(function (doc) { return db.remove(doc); }); https://github.com/nwjs/nw.js

1.9K20
您找到你想要的搜索结果了吗?
是的
没有找到

NW.js构建平台桌面应用(2)-原生界面API

App API - 应用核心 2.1 打开关联类型文件 NW.js应用有多种办法打开文件,此处谈论是打开关联文件类型;也就是说如果我们开发一个文本编辑器,那么我们希望在系统中右键单击一个txt文件出现...;为了避免在程序中硬编码每个平台对应文件夹,可以用App.dataPath属性统一取得其路径 实际取得值( 表示manifest文件中配置应用名 ): - Win: $LOCALAPPDATA%/...Window API - 操作NW.js窗口 在NW.js中,Window API 只不过是对DOM中window对象一层包装,很多(并非所有)方法和属性继承了后者用法,同时window对象也是 Node.js...,非0参数才会生效 win.requestAttention(number|bool); 3.8 关闭窗口 前面用到过 win.close([fouce]) 方法及相关事件,可以用来在窗口关闭前方便收尾工作..." /> 选择一个目录 保存文件 默认路径,必须写成目标平台格式

6.4K40

NW.js构建平台桌面应用(3)-利用Node.js

Node.js常用来构建高并发C/S应用,将这种模式移植到NW.js程序中虽然可行且费不了什么功夫,但仅仅这样并不能发挥出平台所有的潜力;要知道NW.js允许直接在DOM中和Node.js交互,而这将大大加快程序运行和简化开发...模块 内部模块 var fs = require('fs') 第三方模块 npm install 之后 var _ = require('underscore') C/C++ 模块 global对象 NW.js...中global对象除了Node.js中作用,还能使用DOM,这样就提供了一个 在窗口和Node.js上下文中共享对象 途径;此外,一旦window对象被创建,所有global对象中成员也会被自动指定到前者上...除了可以访问固有的 process.env.HOME 得到主目录等,还添加了如下属性: process.version['NW.js'] process.version['chromium'] process.mainModule.../util').dirname; 平台 Windows系统处理路径采用反斜杠(backslash),而其他系统一般使用斜杠(slash),采用Node.js path 模块解决: var path

2.3K20

富文本及编辑器平台方案

大家应该注意到了,标题用是“富文本及编辑器”,而非“富文本编辑器”。也就意味着本文将围绕富文本平台编辑器平台两大部分进行介绍。...通过平台方案分享,希望能给有富文本编辑器平台相关需求小伙伴带来一些帮助。 二、为什么要平台 对于一个产品来说,用户需求程度在一定程度上反映了其产品价值。...既然已经清晰了为什么要平台,下一步我们就来探讨下如何实现平台。 三、富文本平台 富文本,在这里指代“编辑器所输出数据”。...四、编辑器平台 编辑器平台,是指由各平台提供功能模块,WEB 端提供排版编辑能力,最终运行在平台特定浏览器环境中。...五、总结 本篇文章聚焦富文本平台编辑器平台两个角度,分析了为什么要通过平台方案实现富文本 编辑器、以及如何实现两类平台,其中重点介绍了平台编辑器核心流程和踩坑实践。

1.5K50

富文本及编辑器平台方案

大家应该注意到了,标题用是“富文本及编辑器”,而非“富文本编辑器”。也就意味着本文将围绕富文本平台编辑器平台两大部分进行介绍。...通过平台方案分享,希望能给有富文本编辑器平台相关需求小伙伴带来一些帮助。 二、为什么要平台 对于一个产品来说,用户需求程度在一定程度上反映了其产品价值。...以上,简单介绍了富文本编辑器平台两个应用场景,可以看出富文本编辑器平台已经成为一种必然需要。既然已经清晰了为什么要平台,下一步我们就来探讨下如何实现平台。...四、编辑器平台 编辑器平台,是指由各平台提供功能模块,WEB 端提供排版编辑能力,最终运行在平台特定浏览器环境中。...四、总结 本篇文章聚焦富文本平台编辑器平台两个角度,分析了为什么要通过平台方案实现富文本 编辑器、以及如何实现两类平台,其中重点介绍了平台编辑器核心流程和踩坑实践。

59530

富文本及编辑器平台方案

大家应该注意到了,标题用是“富文本及编辑器”,而非“富文本编辑器”。也就意味着本文将围绕富文本平台编辑器平台两大部分进行介绍。...通过平台方案分享,希望能给有富文本编辑器平台相关需求小伙伴带来一些帮助。 二、为什么要平台 对于一个产品来说,用户需求程度在一定程度上反映了其产品价值。...以上,简单介绍了富文本编辑器平台两个应用场景,可以看出富文本编辑器平台已经成为一种必然需要。既然已经清晰了为什么要平台,下一步我们就来探讨下如何实现平台。...三、富文本平台 富文本,在这里指代“编辑器所输出数据”。富文本平台,实质上就是使富文本在不同平台内以其原生方式展示相同效果。...四、编辑器平台 编辑器平台,是指由各平台提供功能模块,WEB 端提供排版编辑能力,最终运行在平台特定浏览器环境中。

75740

Subtitld: 一个平台开源字幕编辑器

你在流媒体平台上找到大部分内容都有字幕,你可能需要为一些你在本地收藏视频添加字幕。...Subtitld 是一个开源字幕编辑器,它可以帮助你。 Subtitld: 创建、删除、切分和转录字幕 Subtitld 是一个自由开源项目,可以让你充分利用你字幕。...换句话说,它是字幕编辑器之一,也是一个成熟字幕编辑器(就我所遇到而言)。 在你决定试用它之前,让我强调一些关键功能。...image.png 总的来说,如果你是一个转录视频的人,想一次性地编辑视频,你可以用它很多事情,也可以专业地使用它。...例如,当我把鼠标悬停在编辑器按钮上时,它没有告诉我它是做什么。 总的来说,它是一个在 Linux 上有用工具。你对它有什么看法?请不要犹豫,在下面的评论中让我知道你想法。

1.4K20

一个免费平台、开源音频编辑器Audacity

Audacity 是一个免费开源程序,用于编辑音频录制。它可在多个平台(windows/linux)上运行。Audacity 基于 GUI,是一个具有多种选项强大程序。它支持您录制各种类型声音。...铃声建议长度为 20 秒,并且为了保证声音好听,一定要将铃声制作成循环播放, 意思是结尾要连接到开始。(Audacity 支持循环播放,因此您可以在编辑时听到最终铃声效果。)...BANG.WAV 将有自己音轨。可以滑动到想要位置。Audacity 可以处理大量独立音轨和长时间录制,支持您混合一个复杂程序。...当然,是否寻找一个 Internet 主机来托管您杰作取决于您。 vinyl 和磁带录制数字备份 如果您有一个 vinyl 录制集,并且可能有自己录制转播机和设备。...您可以通过声卡将它们连接到计算机,然后单击 Audacity 界面的 RECORD,并开始播放您想要录制歌曲。此功能也适用于磁带录制。如果您不确定如何,许多好网站都提供了相关帮助。

1.5K50

前端构造桌面级应用(QQ音乐)

于是自己使用vue写了一个pc版本qq音乐播放器。由于时间太紧,功能很有限。代码重复率很高。希望可以体谅。本片文章主要是介绍nw与electron这两个工具。...数据获取部分 数据主要是获取QQ音乐接口,有得接口jsonp方式 就可以获取到数据 有得接口需要使用Node一下代理 来解决域 2....不得不提nw.js开发出应用已经涵盖了许多领域: WhatsApp 经典聊天应用,还有Messenger; Powder Player 种子下载,以及视频播放器; Boson Editor 代码编辑器...,并且可以很简单实现平台,让我们可以更轻松书写业务逻辑,而不用担心平台问题。...是目前最廉价平台技术方案,相对其他平台方案(如 QT GTK+ 等),更稳定,bug少, 毕竟只要浏览器外壳跑起来了,里面的问题不会太多 。

2.6K40

.NET平台平台探索

跟着微软整个生态体系在进行平台改革,。.NET平台整体平台后我就不再追技术方面的改革,转战涉及linux平台软件开发,丰富LAMP,LNMP架构经验。...云平台从阿里云迁移到azure,.NET后端程序平台部署,数据库使用azure数据库服务,开源框架servicestack深度使用。...生产负载均衡直接使用azure服务。 .NET后端程序平台部署主要进行了以下几个方面的改造. 1公司软件服务全部搭建在Linux centos操作系统下。....1使用人群 从平台接入门槛和使用难度来说,主要受众以.NET平台开发者为主,以致力于改变,有多年平台开发经验,有危机感一部分平台开发者。...我方法是使用PowerShell命令固定一遍IP再使用。 基于.NET平台开发,如果要尝试平台,更多需要技术决策者支持。

70420

C++平台开发:实现可移植平台应用程序

C++平台开发:实现可移植平台应用程序 在当今技术发展时代,开发可在多个平台上运行应用程序已成为迫切需求。...C++作为一种高级编程语言,提供了平台开发能力,使开发人员能够轻松地将应用程序移植到不同操作系统上。本文将介绍一些在C++中实现可移植平台应用程序技巧。 1....如果某个功能对其他平台不可用,应寻找替代方案或开发自己平台解决方案。 3. 使用平台开发库 为了简化平台开发过程,可以使用一些平台开发库,如Qt和Boost。...进行平台测试 在开发平台应用程序时,测试是至关重要。为了确保应用程序在不同操作系统和环境下正常工作,应进行全面的平台测试。 测试应涵盖各种不同操作系统、硬件配置和网络环境。...通过使用标准C++库、避免使用平台特定功能、使用平台开发库、编写条件化编译代码和进行平台测试,你可以有效地实现可移植平台应用程序。

30310

几种平台方案比较

由于应用程序是使用平台供应商自己(Apple 或 Google)控件构建,为了让用户体验更加符合给定平台,因此他们通常遵循这些供应商制定设计指南。...大多数情况下,原生应用将会比那些平台构建应用性能要好一些,尽管在很多情况下两者差异可以忽略不计,不过具体还要取决于底层平台技术。...构建原生应用主要缺点是缺乏平台代码复用,如果同时开发 iOS 和 Android 应用,那么开发成本可能会很高。...平台方法:Xamarin.Forms。该方法不同于 React Native,但是从概念上讲是相似的,因为它也是抽象原生控件。同样,在定制方面它也有和 React Native 同样缺点。...使用 Xamarin 好处是可以共享非平台特定代码,例如网络、数据访问、Web 服务等。

1K20

第一章 Electron介绍 | Electron in Action(中译)

Node.js项目最初是发布于2009年,作为一个使用JavaScript用于开发开源、运行时平台服务器端应用程序。...如前所述,它最初是作为GitHubAtom文本编辑器基础开发。Atom需要访问文件系统来履行其作为文本编辑器职责。同样,其他公司也将Electron技术作为文本编辑应用程序基础。...微软平台Visual Studio Code编辑器也使用了Electron,它运行在macOS、Windows和Linux上。 您可以使用electronic构建更多文本编辑器。...我们欢迎您尽可能多地这样,但是您必须付出性能代价,因为浏览器会发出一个额外请求来获取每个外部资产。...表1.1 Electron和NW.js之间主要区别的比较 Electron NW.js 平台 支持官方最新Chromium版本 Chromium分支版本 进程模型 分离进程模型 共享Node进程

3.5K30

写给前端平台方案、端引擎本质

本文会尝试探究探究以下问题: 什么是平台 有哪些方案是平台 端和平台区别是什么 前端领域有哪些端方案 平台通用原理是什么 什么是平台 我们知道,cpu 有不同架构和指令集,上层也有不同操作系统...不同系统就是不同运行平台。可执行文件是不平台。 不同平台提供 api 不同,所以代码逻辑可能也不同,需要不同平台单独维护代码。...网页平台不意味着浏览器也是平台,浏览器可执行文件还是每个平台单独开发和编译,但是他们支持网页解析逻辑一样,这样上面跑网页就是平台。...总结 我们聊了平台区别,平台是指操作系统,而端则是指客户端。...当然可以单独渲染或逻辑端。渲染端或者用安卓、ios 提供方式,或者自己绘制,逻辑端或者用 js 引擎(可以对接前端框架)或者用 dart vm。

1.7K10

快速了解Electron:新一代基于Web平台桌面技术

本文引用了作者“ ConardLi”《用JS开发平台桌面应用,从原理到实践》一文部分内容,原文链接:segmentfault.com/a/1190000019426512,感谢原作者无私分享。...Electron是由Github开发,用HTML,CSS和JavaScript来构建平台桌面应用程序一个开源库。...,这个框架作者还为一本中文译名叫《平台桌面应用开发:基于Electron与NW.js书写了序(见下图)。..."你负责貌美如花,我负责赚钱养家",为什么 Electron 能够开发平台桌面应用也就可以理解了。...浏览器是个比较复杂东西,很少能引起人兴趣,但是Electron已经有了很多个开发者,还有很好平台支持,有了个不错开始。

3.9K20
领券