通过nativefier把web网页打包成多平台应用程序

最新推荐文章于 2024-04-02 17:56:30 发布
VIP文章 最新推荐文章于 2024-04-02 17:56:30 发布
阅读量1.2k 收藏 6
点赞数
分类专栏： 其他技术 文章标签： web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43596429/article/details/108522746
版权

前言

相逢恨晚 这么晚才用上这个这么好用的工具
正如标题所说 nativefier 这个工具 可以把web网站(自己的服务器项目) 打包成windows下的exe 以及mac和linux下的app

工具项目github源地址: https://github.com/jiahaog/nativefier

安装node.js环境

工具需要node.js支持 没有安装的小伙伴可以自行百度安装
本人版本是10.16 我有朋友反映说版本太新应用会闪退

安装nativefier

npm install nativefier -g

在命令行输入这个就会下载安装nativefier

使用nativefier

首先可以先验证下是否安装完成

nativefier

如无意外 将会显示出很多的Options出来

先在命令行中cd到你想要生成应用程序的路径

然后通过以下命令 即可把某个url的网页封装成一个应用程序 (一般默认为生成当前系统的格式)

nativefier "https://www.baidu.com/"

最低0.47元/天 解锁文章
星垂月朦胧
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nativefier:使任何网页成为桌面应用程序-开源
07-20
Nativefier 是一个命令行工具，旨在以最少的配置为任何网站创建桌面应用程序。 应用程序由 Electron（在后台使用 Chromium）包装在操作系统可执行文件（.app、.exe 等）中，以在 Windows、macOS 和 Linux 上使用。 Nativefier 将尝试确定应用程序名称以及许多其他选项。 如果需要，可以覆盖这些选项。 例如，要覆盖名称， nativefier --name 'My Medium App' 'medium.com' 阅读 API 文档或运行 nativefier --help 以了解可用于配置打包应用程序的其他命令行标志。 有关 nativefier 社区贡献的构建命令列表，请查看 CATALOG.md 文件。 Nativefier 也可以从 Docker 中使用。 您可以传递 Nativefier 标志，并挂载卷以提供本地文件。
Discord-M1:使用 nativefier 制作的适用于 M1 Mac 的 Discord 应用程序
07-24
不和谐-M1 适用于 M1 Mac 的 ARM64 原生 Discord 桌面应用程序 基于我用于 Linux 的项目。 从源头构建 要求：已安装 Xcode 确保通过安装 Node.JS 安装 YARN 您也可以通过 brew 包管理器使用brew install yarn安装 YARN brew install yarn 克隆项目 $ git clone https://github.com/17hoehbr/Discord-M1.git 导航到文件夹 $ cd Discord-M1 安装依赖 $ yarn install 编译 $ yarn dist 或者，您可以使用$ yarn start直接从源代码运行应用程序 学分 用。
Nativefier - 将网页变为软件
PHP代码的博客
04-02 552
Nativefier 是一款命令行工具，可以轻松地为任何网站创建 "桌面应用程序"，而无需大费周章。应用程序由 Electron（内核使用 Chromium）封装成操作系统可执行文件（.app、.exe 等），可在 Windows、macOS 和 Linux 上使用。Github 项目链接。
Nativefier 把网页打包成桌面应用
qq_29911647的博客
03-15 342
前言 最近在使用Teambition效率套件，发现网页版在使用中有许多不便，pc版又是很古老的版本了，于是就有了想要把网页打包成桌面应用的想法。Nativefier插件就能很方便地实现。 准备 Node.js 下载 | Node.js 中文网 Download | Node.js 安装 Nativefier npm install nativefier -g //macOS下可能会发生访问某个目录权限不够的问题，因此以管理员身份执行 sudo npm install nativefier -g 生成桌
【Nativefier】快速将网站打包成桌面程序
Hamnot的博客
05-13 898
1、Nativefier Nativefier是一个命令行工具，仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序，应用程序通过Electron打包成系统可执行文件（如.app, .exe等），可以运行在Windows，Mac和Linux系统上。 Electron打包工具也必备 2、安装Nativefier 需要Node.js环境 2.1安装 npm install nativefier -g 2.2 使用 直接创建 nativefier "https://www.baidu.c
Nativefier 将网站打包成桌面程序
代码小疯子
07-12 503
Nativefier是一个命令行工具，仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序。
nativefier打包及配置nativefier
热门推荐
姥姥家的饭
04-29 1万+
用nativefier快速生成安装包 安装node.js（电脑没有安装在百度搜一下node.js去官网下载） 安装nativefier,进入命令行界面，执行命令：npm install nativefier -g安装全局 开始使用 创建一个桌面应用程序： nativefier "https://www.baidu.com" 或者自定义一个应用程序名： nativefier -...
Nativefier:将任何网页设置为桌面应用程序-开源
05-27
Nativefier是一个命令行工具，可以用最少的配置轻松地为任何网站创建桌面应用程序。 它在OS可执行文件（.app，.exe等）中创建基于Electron（在后台使用Chromium）的本机包装，以用于Windows，macOS和Linux。 使用...
nativefier：使任何网页成为桌面应用程序
02-03
介绍Nativefier是一种命令行工具，可以用最少的配置轻松地为任何网站创建桌面应用程序。 应用程序由 （在.app使用Chromium）包装在OS可执行文件（ .app ， .exe等）中，可在Windows，macOS和Linux上使用。 我这样做...
网页打包桌面APP——nativefier
weixin_44546992的博客
12-09 876
网页打包桌面APP——nativefier 近期因为经常在电脑端听咪咕音乐，但是由于咪咕没有pc客户端，所以就得不停的打开网页，要不然就是收藏，要不然就得从历史记录中找，反正都是十分的不方便。但是我看到mac上有将网页打包成桌面软件的工具，作为贫穷人士买不起mac，但是广大群众的指挥是无线的啊，那么Windows端肯定也有这样的软件，果然一搜就找到了——nativefier。 这个东西是真的骚操作！！！ 一行代码封装网页！！！ 具体步骤 一、安装node.js 官网：https://nodejs.org/e
将网站打包成桌面程序并生成安装包（跨平台）
XiaoChen10086的博客
12-06 3145
若想将网站封装为系统的可执行文件并生成安装包，首先可以通过Nativefier将网站打包成可执行文件，然后再使用Qt Installer Framework将可执行文件及相关数据生成系统安装包文件
使用Nativefier将web页面打包为桌面应用
weixin_33672400的博客
03-03 792
使用Nativefier将web页面打包为桌面应用 1、使用npm安装Nativefier（前提条件你的电脑已经安装过NodeJs，不知道怎么安装的请点击《Nodejs为何物？如何安装？》) npm install nativefier -g 2、将一个网址打包成桌面应用（以PHP程序员雷雪松的个人博客为例） nativefier "www.ba...
nativefier(一行代码将任意网页转化为桌面应用)
weixin_30338743的博客
03-13 218
刚刚在看前端九部的手册的时候，发现一个之前没有用过的骚东西，看上去还挺好用，我这个好奇心瞬间就窜的老高了，赶紧试一试，看看这个东西有没有必要收入我的胯下 结果实验完了之后， 必须必须要强行安利给你们 这个骚东西就是nativefier 一个能用一行代码将任意网页转化为桌面应用！！！ 很舒服的知道啵！！！ 打包速度很快！！！ 使用非常简便！！！ 还在一次一次的搜索常用的网站？还在一次...
什么是yolov10，简单举例.md
最新发布
05-25
YOLOv10是一种目标检测算法，是YOLO系列算法的第10个版本。YOLO（You Only Look Once）是一种快速的实时目标检测算法，能够在一张图像中同时检测出多个目标。
shufflenet模型-图像分类算法对动态表情分类识别-不含数据集图片-含逐行注释和说明文档.zip
05-25
shufflenet模型_图像分类算法对动态表情分类识别-不含数据集图片-含逐行注释和说明文档 本代码是基于python pytorch环境安装的。 下载本代码后，有个环境安装的requirement.txt文本 如果有环境安装不会的，可自行网上搜索如何安装python和pytorch,这些环境安装都是有很多教程的，简单的 环境需要自行安装,推荐安装anaconda然后再里面推荐安装python3.7或3.8的版本，pytorch推荐安装1.7.1或1.8.1版本 首先是代码的整体介绍 总共是3个py文件，十分的简便 且代码里面的每一行都是含有中文注释的,小白也能看懂代码 然后是关于数据集的介绍。 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 在数据集文件夹下是我们的各个类别,这个类别不是固定的，可自行创建文件夹增加分类数据集 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。 运行01生成txt.py,
该项目存放基于Cesium的三维GIS平台开发中各种实践程序、截图、总结等，其中程序目录结构
05-25
"GIS" 通常指的是 地理信息系统（Geographic Information System）。它是一种特定的空间信息系统，用于捕获、存储、管理、分析、查询和显示与地理空间相关的数据。GIS 是一种多学科交叉的产物，涉及地理学、地图学、遥感技术、计算机科学等多个领域。 GIS 的主要特点和功能包括： 空间数据管理：GIS 能够存储和管理地理空间数据，这些数据可以是点、线、面等矢量数据，也可以是栅格数据（如卫星图像或航空照片）。 空间分析：GIS 提供了一系列的空间分析工具，用于查询、量测、叠加分析、缓冲区分析、网络分析等。 可视化：GIS 能够将地理空间数据以地图、图表等形式展示出来，帮助用户更直观地理解和分析数据。 数据输入与输出：GIS 支持多种数据格式的输入和输出，包括数字线划图（DLG）、数字高程模型（DEM）、数字栅格图（DRG）等。 决策支持：GIS 可以为城市规划、环境监测、灾害管理、交通规划等领域提供决策支持。 随着技术的发展，GIS 已经广泛应用于各个领域，成为现代社会不可或缺的一部分。同时，GIS 也在不断地发展和完善，以适应更多领域的需求。
mobilenet模型-基于图像分类算法对猕猴桃品质识别-不含数据集图片-含逐行注释和说明文档.zip
05-25
mobilenet模型_基于图像分类算法对猕猴桃品质识别-不含数据集图片-含逐行注释和说明文档 本代码是基于python pytorch环境安装的。 下载本代码后，有个环境安装的requirement.txt文本 如果有环境安装不会的，可自行网上搜索如何安装python和pytorch,这些环境安装都是有很多教程的，简单的 环境需要自行安装,推荐安装anaconda然后再里面推荐安装python3.7或3.8的版本，pytorch推荐安装1.7.1或1.8.1版本 首先是代码的整体介绍 总共是3个py文件，十分的简便 且代码里面的每一行都是含有中文注释的,小白也能看懂代码 然后是关于数据集的介绍。 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 在数据集文件夹下是我们的各个类别,这个类别不是固定的，可自行创建文件夹增加分类数据集 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。 运行01生成txt.py,
基于Postgres的Dockerfile，包含Postgis GIS扩展、Citus 集群扩展，可用于构建docker镜像
05-25
"GIS" 通常指的是 地理信息系统（Geographic Information System）。它是一种特定的空间信息系统，用于捕获、存储、管理、分析、查询和显示与地理空间相关的数据。GIS 是一种多学科交叉的产物，涉及地理学、地图学、遥感技术、计算机科学等多个领域。 GIS 的主要特点和功能包括： 空间数据管理：GIS 能够存储和管理地理空间数据，这些数据可以是点、线、面等矢量数据，也可以是栅格数据（如卫星图像或航空照片）。 空间分析：GIS 提供了一系列的空间分析工具，用于查询、量测、叠加分析、缓冲区分析、网络分析等。 可视化：GIS 能够将地理空间数据以地图、图表等形式展示出来，帮助用户更直观地理解和分析数据。 数据输入与输出：GIS 支持多种数据格式的输入和输出，包括数字线划图（DLG）、数字高程模型（DEM）、数字栅格图（DRG）等。 决策支持：GIS 可以为城市规划、环境监测、灾害管理、交通规划等领域提供决策支持。 随着技术的发展，GIS 已经广泛应用于各个领域，成为现代社会不可或缺的一部分。同时，GIS 也在不断地发展和完善，以适应更多领域的需求。
Go微服务教程项目使用领域驱动设计和洋葱架构.zip
05-25
Go微服务教程项目使用领域驱动设计和洋葱架构
做好的网页如何打包成应用程序详细步骤
05-12
将网页打包成应用程序的具体步骤因操作系统和开发工具而异，下面将分别介绍在 Windows、MacOS 和 Linux 系统上使用不同的开发工具打包应用程序的方法。 ### 在 Windows 系统上打包应用程序 #### 方法一：使用 Electron 打包 Electron 是一个基于 Node.js 和 Chromium 的框架，可用于开发跨平台的桌面应用程序。使用 Electron 打包网页应用程序的方法如下： 1. 安装 Node.js 和 npm。 2. 使用 npm 安装 Electron：`npm install electron --save-dev`。 3. 在项目根目录下创建一个名为 `main.js` 的 JavaScript 文件，用于启动 Electron 应用程序。在 `main.js` 文件中添加以下代码： ```javascript const { app, BrowserWindow } = require('electron') function createWindow () { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) win.loadFile('index.html') } app.whenReady().then(() => { createWindow() }) ``` 上面的代码中，`win.loadFile('index.html')` 指定了应用程序启动时加载的网页文件。 4. 在项目根目录下创建一个名为 `package.json` 的 JSON 文件，并添加以下内容： ```json { "name": "my-app", "version": "0.1.0", "main": "main.js", "scripts": { "start": "electron ." } } ``` 上面的代码中，`main` 指定了应用程序启动时运行的脚本，`scripts` 中的 `start` 指定了启动应用程序的命令。 5. 使用命令行进入项目根目录，并执行以下命令打包应用程序： ``` npm run make ``` 6. 打包完成后，在项目根目录下的 `out` 目录中可以找到生成的应用程序。 #### 方法二：使用 NW.js 打包 NW.js 是一个基于 Chromium 和 Node.js 的框架，可用于开发跨平台的桌面应用程序。使用 NW.js 打包网页应用程序的方法如下： 1. 下载并安装 NW.js 开发工具。 2. 在项目根目录下创建一个名为 `package.json` 的 JSON 文件，并添加以下内容： ```json { "name": "my-app", "version": "0.1.0", "main": "index.html" } ``` 上面的代码中，`main` 指定了应用程序启动时加载的网页文件。 3. 使用命令行进入项目根目录，并执行以下命令打包应用程序： ``` path/to/nwjs/nw.exe . ``` 上面的命令中，`path/to/nwjs/nw.exe` 是 NW.js 开发工具的可执行文件路径。 4. 打包完成后，在项目根目录下可以找到生成的应用程序。 ### 在 MacOS 系统上打包应用程序 #### 方法一：使用 Electron 打包 使用 Electron 打包网页应用程序的方法与在 Windows 系统上的方法类似，只需在 `package.json` 文件中添加以下内容： ```json "build": { "mac": { "category": "your.app.category.type", "icon": "path/to/your/icon.icns" } } ``` 上面的代码中，`category` 指定了应用程序的类别，`icon` 指定了应用程序的图标。 #### 方法二：使用 Nativefier 打包 Nativefier 是一个基于 Electron 的工具，可用于将任何网站转换为本地的桌面应用程序。使用 Nativefier 打包网页应用程序的方法如下： 1. 安装 Nativefier：`npm install nativefier -g`。 2. 使用以下命令打包应用程序： ``` nativefier --name "My App" "https://myapp.com" ``` 上面的命令中，`--name` 指定了应用程序的名称。 3. 打包完成后，在当前目录下可以找到生成的应用程序。 ### 在 Linux 系统上打包应用程序 #### 使用 Electron 打包 使用 Electron 打包网页应用程序的方法与在 Windows 系统上的方法类似。 在 `package.json` 文件中，可以使用以下配置指定应用程序的类别和图标： ```json "build": { "linux": { "category": "your.app.category.type", "icon": "path/to/your/icon.png" } } ``` 打包完成后，在项目根目录下的 `out` 目录中可以找到生成的应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值