百度ai开放平台支持以下哪项技术的api调用?,百度al开放平台问题
DouJia 2025-02-20 06:30 97 浏览
OSC 协作翻译
编译自百度ai开放平台支持以下哪项技术的api调用?:Building a Cross-platform Desktop App with NW.js
链接:https://www.sitepoint.com/cross-platform-desktop-app-nw-js/
译者:Viyi, 边城, spache, Tony
NW.js 是一个使用 Web 技术创建本地应用的框架百度ai开放平台支持以下哪项技术的api调用?,如 HTML、Java 和 CSS。简单地说,当你在使用普通的流程开发一个 Web 应用时,开发完成后,运行一个生成器,将所有东西编译成一个本地应用,它会像一个浏览器一样运行你的 Web 应用。这种应用就被称为“Hybrid 应用(一种混合本地编程和 Web 编程技术的应用)”。
Hybrid 应用的伟大之处,不仅在于它可以使用你熟悉的语言(HTML、Java 和 CSS)来开发,还因为它比普通的 Web 应用更有优越性:
● 控制浏览器和浏览器版本(你知道你的应用是调用的什么浏览器)。NW.js hybrid 应用使用 Chromium 来显示— 这是一种开源浏览器,也是 Google Chrome(谷歌浏览器)的核心。因此,能在 Chrome 中运行的应用也能在 NW.js 中运行。
● 控制视窗。例如,你可以定义一个固定大小,或者最小化/最大化的视窗。
● 对本地文件的访问不会受同源策略的约束。如果你想在浏览器通过 打开一个不在相同目录的本地文件,请求会阻止。而 NW.js 应用中关闭了这样的行为。
它们也提供了 API,带来如下优点:
● 整合 Node.js
● 访问剪贴板
● 访问文件系统
● 访问硬件(比如获取打印机列表)
● 托盘图标
● 自定义文件选择对话框
● 整合 shell(在默认的资源管理器或浏览器中打开文件或 URL)
● 自定义主窗口的选项(关闭按钮、菜单栏)和上下文菜单
● 设置和获取绽放等级。
看起来不错?那让我们开始吧。在这篇文章中,我们会通过练习熟悉 NW.js,并学习如何创建一个 Hybrid 应用。用于这篇文章的示例应用已经在 GitHub 上准备好了。
NW.js 与 Electron 相比之下的优势
首先要说的是,NW.js 并不是唯一的 Bybrid 应用框架。另一个这样的框架叫 Electron。它诞生于 2013年,比 NW.js 晚两年,不过因为它来自于 GitHub,很快就被大家所认识。现在你可能对它们之间的区别感兴趣。这里列举了与 Electron 相比,NW.js 的优势:
● 支持 chrome.* API。这些 API 可用于与浏览器交互。(你可以在 NW.js 文档中找到更多相关的信息)
● 支持 Chrome 应用。Chrome应用是使用 Web 语句编写并打包的应用。(更多信息请参阅 Chrome 开发者文档。)这些应用与 NW.js 不同,因为它们没有整合 Node.js,而且通过 Chrome Web Store 发布。● (Chrominum 会在2018年8月取消对它的支持(参阅他们的博客)。不过因为这篇文章所说的原因,NW.js 仍然会支持 Chrome 应用。)
● 支持 NaCl (Native Client,本地客户端) 和 PNaCl (可移植的本地客户端) 应用。它们致力于性能,因此使用 C 和 C++ 编写。(参阅这篇教程了解如何在 NW.js 中使用它们。)
拥有 V8 的映像源码保护,保护你的应用程序源码。使用 nwjc 工具可以将你的代码编译为本地代码。(更多信息参考这篇文章。)
拥有一个内建的 PDF 阅读器。
● 允许打印预览。
● 支持 Node.js 整合 Web Workers。这用于编写多线程应用。
不过,Electron 也有值得一提的优点:
● 内建自动更新(你可以在这个事项里找到关于 NW.js 的自动更新)。
● 自动向远程服务器报告程序崩溃。NW.js 只会把错误信息写入一个本地文件,需要手工提交。
还有一个重要的区别。NW.js 应用的入口是一个 HTML 文件中的 Form。这个 HTML 文件会直接在 GUI 中打开。
另一方面,Electron 应用使用一个 Java 文件作为入口。这个 Java 文件由另一个主进程打开,然后由它在 GUI 中打开 HTML。这样的话,理论上你可以不通过 GUI 运行 Electron 应用。同样的道理,关闭 GUI 不会关闭主进程;你需要调用一个 API 来终止主进程。
虽然 Electron 不使用 GUI 来启动 Java 写的桌面应用,但 NW.js 应用却更容易建立示基于显示 HTML 的应用。
注意: 如果你确实关心 Electron 的优势,看看 SitePoint 最新的文章使用 Electon创建桌面应用。
创建一个演示应用
来,开始创建我们的应用,稍后我们会把它编译成本地应用。因为创建 Web 应用的方式多种多样——使用不同的 JS 语言(Type、Coffe 等),模块加载器(RequireJS、webpack、SystemJS 等),框架(AngularJS、React、Vuew.js 等)和(样式表)预处理器(SCSS、LESS、Haml 等)——每个人都有自己的偏好,我们只使用基本的技术,HTML、CSS 和 JS(ES6 标准)。
NW.js 没有样板 (初始项目) 来完成初始的设置。它们都通过特定的框架、模块加载器或预处理器来创建。然而,我们从头开始实现一个简单的 NW.js 应用程序。它会比较易懂,之后你可以很容易按自己的需求定制,或者把它变成样板。
项目结构
首先,我们需要创建项的目录结构和文件:
nw.js-example/
├── src/
│ ├── app/
│ │ └── main.js
│ ├── assets/
│ │ └── icon.png
│ ├── styles/
│ │ └── common.css
│ ├── views/
│ │ └── main.html
│ └── package.json
└── package.json
说明:
● src/ 应用程序源文件。
● src/app/ Java 文件。
● src/assets/ 图片,在我们的例子中只有 icon.png 文件,它将作为一个窗口图标来显示。
● src/styles/ 通常包含 SCSS 或 LESS 文件,在我们的例子中,仅仅是一个简单的 CSS 文件。
● src/views/ 包含 HTML 视图文件。
● src/package.json NW.js 应用程序清单文件(参考清单文件格式),我们也可以在这个文件中为应用程序指定特殊的依赖项。
● package.json 是一个 npm 包文件,我们用它来构建工作流,也可以指定特殊的依赖,这在实际的 NW.js 应用程序中不是必须的,例如根据依赖构建。
创建清单文件
现在,我们已经创建了项目结构和文件,可以从 NW.js 的清单文件 src/package.json 开始了。根据文档,这个文件基本上仅需要两个属性:name,一个应用程序名称,和 main,一个作为入口的 HTML 文件的路径。但是我们需要添加更多信息,如窗口的图标的路径,以及最小宽度和高度,以确保用户不会看到任何奇怪的事情:
{
"name":"nw.js-example",
"main":"views/main.html",
"window":{
"min_width":400,
"min_height":400,
"icon":"assets/icon.png" }
}
就是这样!应用程序在开始运行后,将打开 src/views/main.html,main 的路径是以清单文件(manifest file)为参考的相对路径。
创建主视图
在这个时候我们可以编写一个待办事项程序。但是我们要专注于 NW.js 和它本身的功能。因此,我更倾向让你自己来决定我们的应用程序的功能。 我在 GitHub 上创建了一个示例项目 NW.js-示例来演示几个 NW.js功 能,例如,Node.js 集成和剪贴板访问。 您随时可以在应用程序中用它来测试和研究。当然你也可以使用其他的功能。
不管你作何决定,你都必须要创建 thesrc/views/main.html 文件。因为它是我们应用程序的入口点。文件内容如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>NW.js-example | main</title>
<link rel="stylesheet" href="../styles/common.css">
</head>
<body>
<h1>Hello World :-)</h1>
< src="../app/main.js"></>
</body>
</html>
在真正的应用程序中,你可能有个多个其他的视图文件并用 Ajax 加载它们。
为了简单起见,您还可以创建本地超链接并引用其他 HTML 文件。例如:
<a href="something.html">Something</a>
然后,在 src / views / 中创建 something.html 文件。
安装 NW.js
现在我们创建了 NW.js 项目,包括清单和主视图。最终我们需要一个方法直接在开发中运行 NW.js,并通过构建过程生成可运行于多个系统的本地应用。
为达此目的,我们需要两个包:
● nw (开发)
● nw-builder (生产)
既然它们与我们的应用功能无关(使用它们只是为了开发和生产目的),我们在第二个,即放在根目录下的 package.json 中创建 devDependencies 配置,加入它们。这个配置与必须的 name 和 version 字段并列:
{
"name":"nw.js-example",
"version":"1.0.0",
"devDependencies":{
"nw":"^0.18.2",
"nw-builder":"^3.1.2" }
}
现在只需要在项目的根目录下运行下面的命令来安装 devDependencies:
$ npm install
搞定!可以构建了。
打包和发布
我们在 package.json 中加入 npm 脚本来让打包变得简单。npm 脚本在右边定义要运行的 CLI 命令,在左边定义它的快捷方式,然后允许我们通过 npm run 来运行指定的快捷方式。现在添加两个脚本,一个用于开发,一个用于生产:
{
"name":"nw.js-example",
"version":"1.0.0",
"devDependencies":{
"nw":"^0.18.2",
"nw-builder":"^3.1.2" },
"s":{
"dev":"nw src/",
"prod":"nwbuild --platforms win32,win64,osx64,linux32,linux64 --buildDir dist/ src/" }
}
直接运行 NW.js
直接运行 NW.js 应用,只需要这个命令:
$ npm run dev
这个快捷方式会调用我们定义在 下 dev 对应的命令以使用 nw 包。开发机器上直接打开一个新窗口,显示着 src/views/main.html。
生产构建
要进行生产构建需要使用 nw-builder,它支持针对 Windows、Linux 和 macOS 进行输出。在我们的例子中,我们会针对所有这些平台打包,并且包含32位和64位版本。对于 macOS 来说,目前只能在以前的模式下构建 32位的版本。(参阅 GitHub 上的这个 issue。)所以,我们只构建64位版本。
运行如下命令进行生产构建:
$ npm run prod
和直接运行 NW.js 一样,它也使用我们定义在 s 中的 CLI 命令。
然后得等一会儿 …
完成之后,看看你的 dist/ 目录,就像这样:
dist/
└── nw.js-example/
├── linux32/
├── linux64/
├── osx64/
├── win32/
└── win64/
非常好,我们差不多完成了!
测试和调试
手工测试
既然 NW.js 是基于 Chrominum 的,那么它的手工测试和 Chrome 一样简单。如果你遇到一个BUG——可视效果或者功能性的——你都可以通过快捷键F12或者下面的程序打开开发者工具:
nw.Window.get().showDevTools();
注意这需要SDK build flavor[译者注:flavor 可以理解为插件或者功能扩展]。如果你想在生产构建的时候去掉开发者工具,你可以使用另一个flavor或者直接阻止F12事件。
自动化测试
自动化的单元测试(幸好有你)广泛用于确保不同的实现能正确工作,这避免了总是进行手工测试。
如果你的应用不使用 NW.js API 提供的特有方法,理论上来说你可以停留在一般的Web应用工作流上——例如,把Karma作为一个运行器与作为框架的Jasmine联合使用。
但是如果你使用 NW.js API 特有的方法,你需要在 NW.js 应用中运行测试,这才能确保使用到的 API 方法存在。一种方法是使用 NW.js 的 Karma 启动器插件,比如 karma-nodewebkit-launcher。它和其它浏览器的 Karma 启动器插件一样:在 NW.js 容器中打开应用并进行检查,完成之后再自动关闭应用。
不过既然 NW.js 不是 headless(就像 PhantomJS 那样的)[译者注:Headless 浏览器就是没有 GUI 的浏览器], 它总是需要显示出来。换句话说,它不能在纯 CLI 服务器上运行测试。幸运的是,这种情况下可以使用 Xvfb 来模拟显示。在 Jenkins[译者注:一个持续集成引擎]中,你需要安装 Xvfb 插件。更多信息参阅 GitHub 上的这个讨论。
总结
希望本文介绍已让你熟悉 NW.js 的优点及使用环境。使用混合应用程序,要比分发包含 HTML 文件的压缩文件夹然后运行好得多,有很多因素可以证明这一点。NW.js 可以用来代替本地的应用程序,因为你不再需要专注于复杂的 GUI,并且,它有很多内置的功能,如视频播放器。 由于可以检测运行环境,你可以用 NW.js 开发既能在常规 Web 服务器上使用,又能在客户端计算机上使用的应用程序。配合使用一些小技巧,再加上有强大的 Chromium 引擎,用户体验几乎与本机应用程序无异。
当创建一个新的 NW.js 项目时,你首先要明确想使用的框架、模块加载器和预处理器——这取决于你对这些工具的熟悉度——否则只能是从头开始。做好决定之后,您可以寻找一个适合您需求的 NW.js 样板文件。 如果没有适合的样板,您可以使用基于本教程的应用程序作为开发的基础。
推荐阅读
2017 年你应该学习的编程语言、框架和工具
Google Go 语言从入门到应用必备开源项目
27 款 iOS 开源库,让你的开发溜到飞起
Java 的开源功能插件和框架小集锦
7 款从 HTML 文档提取文本的工具
点击“阅读原文”查看更多精彩内容
相关推荐
- 人工智能战争:未来的战场与道德边界,人工智能战争 6.0
-
随着科技的飞速发展,人工智能(AI)已经不再只是科幻小说中的概念,而是逐渐成为现实世界的一部分。从自动化生产线到智能个人助理,AI的应用正在改变我们的生活。然而,在这些便利背后,一个严肃的话题逐渐浮出...
- 人工智能:高清世界的幕后英雄,人工智能高清壁纸
-
在当今这个数字化的时代,高清技术已经渗透到我们生活的方方面面,从智能手机的高清摄像头到流媒体平台上的4K视频内容,无一不彰显着高清技术的魅力。然而,在这背后,有一个不可忽视的力量——人工智能(AI),...
- 人工智能:未来剧情的无限可能,人工智能剧情解析
-
随着人工智能技术的飞速发展,它已经不再局限于科幻小说中的情节,而是逐渐渗透到我们的现实生活中,从简单的语音助手到复杂的自动驾驶系统,人工智能正在改变着我们的世界。本文将探讨人工智能在剧情创作中的应用,...
- 人工智能:未来电影下载的新纪元,人工智能电影下载 1080P
-
随着人工智能技术的飞速发展,我们的生活正在经历一场前所未有的变革。从智能家居到个性化推荐系统,人工智能正在渗透到我们生活的方方面面。在娱乐领域,尤其是电影行业,人工智能已经开始影响我们观看和下载电影的...
- <!DOCTYPEhtml>,2018世界人工智能大会在哪里召开
-
<!DOCTYPEhtml>2018世界人工智能大会:未来科技的里程碑2018年8月,全球科技界的目光聚焦于上海,因为这一年,这...
-
- 胖东来知识系统,胖东来警告AI生成声音
-
做企业没有“霸道”是不行的胖东来警告AI生成声音,但是光靠“霸道”也是不行的,“霸道”是必要的基础,“王道”是修炼的重心。 人物名片 方永飞 共创空间、共同体管理研习社联合创始人; 杭州步步为赢、时代光华、微学、共创资本董...
-
2025-09-27 15:30 DouJia
- 人工智能中医诊疗系统:未来医疗的新篇章,人工智能中医诊疗系统设计
-
随着科技的迅猛发展,人工智能(AI)已经渗透到我们生活的方方面面,医疗领域自然也不例外。在传统医学领域,中医拥有数千年的历史和独特的诊疗体系。如今,结合人工智能技术,中医诊疗系统正迎来前所未有的变革。...
- 人工智能电影:探索人性与科技的边界,人工智能 电影观后感
-
在现代电影的长河中,人工智能(AI)题材的作品层出不穷,它们不仅娱乐观众,也不断挑战我们对科技、人性以及未来的思考。《人工智能》这部电影,作为斯皮尔伯格的经典之作,更是将这种探索推向了新的深度。《人...
- <!DOCTYPEhtml>,人工智能培训
-
<!DOCTYPEhtml>人工智能qvod:未来的智能革命在科技飞速发展的今天,人工智能(AI)已经成为改变世界的重要力量。随...
- 末日人工智能:人类的终结者还是救星?,末日人工智能开发游戏具现
-
在科幻小说和电影中,人工智能(AI)常常被描绘为一种强大到足以威胁人类生存的力量。从《终结者》系列电影中的天网到《矩阵》三部曲中的机器统治,这些故事都围绕着一个核心问题:如果人工智能发展到超越人类智慧...
- <!DOCTYPEhtml>,人工智能图画大全
-
<!DOCTYPEhtml>图普科技:人工智能领域的创新先锋在当今快速发展的科技浪潮中,人工智能(AI)已经成为推动社会进步的重要力量。...
-
- NOTIONAI(notionAi官网)
-
导语 通过最严格苛刻的循证NOTIONAI,做出的指南共识,是否已经误入歧途? 作者:沿若 来源:医学论坛网 最近,美国心脏病学会和美国心脏协会发布NOTIONAI了一份关于预防、检测、评估和管理成年人高血压的实践指南,这一...
-
2025-09-27 08:30 DouJia
- 会员中心
-
- 百度热搜
- 新浪热搜
- 最新抖音
-
抖音短视频:带你走进玉石世界的神秘之旅,抖音在线看短视频挖玉是真的吗
在快节奏的现代生活中,短视频平台抖音(TikTok)已经成为了人们消磨时间、获取信息的重要方式。最近...
抖音短视频:现代幽默的快速通道,看抖音搞笑片
在这个快节奏的时代,人们的生活节奏越来越快,工作压力也越来越大。在这样的背景下,抖音作为一个短视频平...
抖音在线观看:探索无限乐趣的新窗口,抖音网址怎么看抖音
在这个信息爆炸的时代,短视频平台已经成为人们获取娱乐、知识和灵感的重要渠道。抖音,作为全球最受欢迎的...
官方抖音软件下载,抖音app官网免费下载17.81
在现代社会巨大抖音app官网免费下载17.81的竞争压力下抖音app官网免费下载17.81,长时...
抖音充值抖币1:10(抖音充值抖币官网入口)
之前有一篇文章,叫做《被抖音毁掉的年轻人》。大概意思是说,短视频、微博、微信占据了年轻人太多时间...
抖音晨曦姐姐男生照,抖音晨曦姐姐男生照片真实
斗玩网(d.chinaz.com)原创:近日抖音上有一位叫摇呼啦圈的玩家火抖音晨曦姐姐男生照了抖...
抖音名称昵称男生,抖音名称.昵称男
无论是对于已经出生的宝宝抖音名称.昵称男,还是即将出生的宝宝抖音名称.昵称男,对他们而言抖音名称...
抖音头像男士专用2023款励志,抖音头像男士专用2023款
安全目视化管理抖音头像男士专用2023款: 1、安全帽佩戴不规范,都未系好安全帽帽带;...
- 最新快手
-
抖音在线挖玉:短视频里的宝石探秘之旅,抖音挖矿赚钱app下载
在数字时代的浪潮下,短视频平台如抖音已经成为人们获取信息、娱乐消遣的重要渠道。近年来,抖音上兴起了一...
抖音短视频:现代人的快乐源泉,我想看抖音里的搞笑片
在这个快节奏的时代,人们越来越需要快速、轻松的娱乐方式来缓解压力。抖音短视频平台以其搞笑内容的丰富性...
探索抖音在线观看的无限世界,抖音在线网址打开
在这个数字时代,短视频平台已经成为人们日常生活中不可或缺的一部分。抖音,作为其中的佼佼者,凭借其丰富...
快手下载的视频怎么去掉快手号,快手下载视频怎么去掉快手号水印
现在我要给大家介绍这样一款游戏快手下载的视频怎么去掉快手号,这款游戏自从推出就登上了各大平台快手...
快手小游戏破解版游戏大全(快手小游戏破解挂)
快手小游戏破解版游戏大全我的世界中国版红石发射器合成攻略中国版红石发射器怎么合成?红石发射器是...
快手下载最新版本2023红包版,快手下载最新版本2023
第二步快手下载最新版本2023,打开豌豆荚搜索界面搜索“快手”快手下载最新版本2023,然后在搜索结...
快手下载别人作品对方知道吗,快手下载别人作品会不会有提醒
1、1快手下载人家作品知道快手下载别人作品对方知道吗,因为会有下载记录,只要访问别人的主页查看作品的...
下载快手app(下载快手app下载)
打开手机的浏览器下载快手app,进入快手的官方首页在官方首页上,通常会有下载快手APP的链接或按钮点...
- 热门关注