Nativefier——快速将网站打包成桌面程序

最新推荐文章于 2024-08-09 08:07:11 发布
最新推荐文章于 2024-08-09 08:07:11 发布
阅读量2.1w 收藏 43
点赞数 6
分类专栏： 神器 文章标签： 桌面程序 打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/was172/article/details/85861753
版权
Nativefier是一款命令行工具，能够轻松将任何网站转化为桌面应用程序，适用于Windows、Mac和Linux系统。只需一行代码，即可利用Electron将网站打包成可执行文件。文章介绍了安装过程，包括环境要求和安装步骤，并展示了如何创建和使用桌面程序。
摘要由CSDN通过智能技术生成

同步发布在个人博客：https://www.zhyong.cn/posts/1084/ ,欢迎访问！

Nativefier简介

Nativefier是一个命令行工具，仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序，应用程序通过Electron打包成系统可执行文件（如.app, .exe等），可以运行在Windows，Mac和Linux系统上。

Github地址：https://github.com/jiahaog/nativefier ，目前有1.8万的Star，是一个非常赞的开源项目。

安装Nativefier

环境要求

  • macOS 10.9+ / Windows / Linux
  • Node.js >= 6

若没有安装Node.js，可点击进入下载地址进行安装即可。由于默认使用国外源下载速度较慢，我们将其切换为国内的淘宝源：

最低0.47元/天 解锁文章
was172
关注
  • 6
    点赞
  • 踩
  • 43
    收藏
    觉得还不错? 一键收藏
  • 23
    评论
专栏目录
网页打包桌面APP——nativefier
weixin_44546992的博客
12-09 935
网页打包桌面APP——nativefier 近期因为经常在电脑端听咪咕音乐，但是由于咪咕没有pc客户端，所以就得不停的打开网页，要不然就是收藏，要不然就得从历史记录中找，反正都是十分的不方便。但是我看到mac上有将网页打包成桌面软件的工具，作为贫穷人士买不起mac，但是广大群众的指挥是无线的啊，那么Windows端肯定也有这样的软件，果然一搜就找到了——nativefier。 这个东西是真的骚操作！！！ 一行代码封装网页！！！ 具体步骤 一、安装node.js 官网：https://nodejs.org/e
Nativefier - 将网页变为软件
PHP代码的博客
04-02 661
Nativefier 是一款命令行工具，可以轻松地为任何网站创建 "桌面应用程序"，而无需大费周章。应用程序由 Electron（内核使用 Chromium）封装成操作系统可执行文件（.app、.exe 等），可在 Windows、macOS 和 Linux 上使用。Github 项目链接。
快速将一个网址打包成一个exe可执行文件
杨明金的博客
07-09 641
一、电脑需要Node.js环境 如果没有Node.js环境，可以参考下面的安装教程： Node.js安装及环境配置超详细教程【Windows系统安装包方式】 我的版本是v16.13.1 二、安装Nativefier 这是一个GitHub上的开源项目：Nativefier 在Node.js环境中安装Nativefier： bash 复制代码 npm install nativefier -g 三、对网站进行打包 输入网址和生成的exe文件名即可： bash 复制代码 nativefier --name "
nativefier打包及配置nativefier
热门推荐
姥姥家的饭
04-29 1万+
用nativefier快速生成安装包 安装node.js（电脑没有安装在百度搜一下node.js去官网下载） 安装nativefier,进入命令行界面，执行命令：npm install nativefier -g安装全局 开始使用 创建一个桌面应用程序： nativefier "https://www.baidu.com" 或者自定义一个应用程序名： nativefier -...
初始-Nativefier
s_sos0的博客
06-16 604
网页变身桌面客户端，一行代码就能搞定：Nativefier
Node.js-Nativefier-一个能够将任意Web页面制作成一个桌面应用的工具
08-10
Nativefier - 一个能够将任意Web页面制作成一个桌面应用的工具
【Nativefier】快速将网站打包成桌面程序
Hamnot的博客
05-13 934
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 使用教程
最新发布
gitblog_01092的博客
08-09 402
Nativefier 使用教程 nativefierMake any web page a desktop application项目地址:https://gitcode.com/gh_mirrors/na/nativefier 项目介绍 Nativefier 是一个命令行工具，用于将任何网页快速打包成桌面应用程序。它基于 Electron 开发，支持 macOS、Windows 和 Linux...
快速将网站打包成桌面程序
Angelo的自留地
12-18 1369
Nativefier——快速将网站打包成桌面程序Nativefier简介安装Nativefier环境要求安装使用 Nativefier简介 Nativefier是一个命令行工具，仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序，应用程序通过Electron打包成系统可执行文件（如.app, .exe等），可以运行在Windows，Mac和Linux系统上。 Github地址：https:...
Nativefier:将任何网页设置为桌面应用程序-开源
05-27
厌倦了仅在浏览器中浏览常规打开的网页时就不得不在浏览器中搜索... 只需输入：nativefier“网站地址”即可为您选择的网站创建本地桌面应用程序，其余由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直接从源代码运行应用程序 学分 用。
primevideo-nativefier：使用nodejs nativefier使Netflix成为本机应用程序的代码
02-12
原始视频原生 使用node.js nativefier使Prime Video作为本机应用程序运行的代码 要求 您需要安装并为核心应用程序工作以构建和运行。 如果要将其转换为AppImage，则AppImage目录中提供了必需的文件，但是您需要AppImageTool的副本。 用法 本机应用 只需在内部运行build.sh脚本，它将为Linux构建应用程序。 如果您想尝试为Windows或MacOS构建它，则可以取消注释脚本中的相应行！ 应用图片 要使appimage正常工作，只需将AppImage目录的内容放在您刚刚构建的本机应用程序中，然后在该目录上运行AppImageTool，它将构建一个（希望）工作的.AppImage文件供您使用。 免责声明：我不建议您执行此步骤，并且我仅包括了这些文件以供参考，还有一些其他库要求我仍未确定应包含在AppDir树中。 去做 获取MacOS测试仪
RedditforWindows:这是一个使用Nativefier和Electron创建的Windows Reddit应用程序。 只需安装，登录并开始使用它
05-07
Windows版Reddit 这是一个使用Nativefier和Electron创建的Windows Reddit应用程序。 只需安装，登录并开始使用它。 下面的预览和说明 :backhand_index_pointing_down: 笔记 Google和Apple登录目前无法正常工作。 我正在努力使它们工作。 到那时，您可以使用您的用户名和密码登录。 预习 安装应用 要安装RedditforWindows，请下载并运行安装程序。 在没有安装程序的情况下运行 如果您不想安装该应用程序，请。 现在解压缩zip文件的内容并运行RedditforWindows.exe 。 防病毒警告 如果该文件被检测为病毒，则为假阳性 :cross_mark: 。 将此应用添加到您的防病毒排除列表中，或关闭防病毒以运行它。 更多的 如果您遇到任何问题或希望我添加一些东西，请通过“ ”与我联系。
超强在线打包工具+教程（网站全自动打包）
01-13
超强在线打包工具+教程（网站全自动打包） 解压后上传到web目录，直接访问，内有详细说明，需要服务器支持php脚本执行 仅为大家备份网站提供便利 勿用于非法用途
nativefier - 快速把任意网页生成桌面应用程序
weixin_30426065的博客
07-29 309
　　使用前端技术开发桌面应用的技术已经相当成熟了，像早先的 NW.js，如今很火的 Electron 等，都可以轻松实现。今天给大家分享的nativefier 就是基于 Electron 封装的，可以帮助你只需要一行命令就可以生成不同平台的桌面应用程序，非常神奇！ 立即体验 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果【附源码】 分享35...
Nativefier 将网站打包成桌面程序
代码小疯子
07-12 575
Nativefier是一个命令行工具，仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序。
html网页打包成客户端程序(nativefier使用指南)
扣丁曼
02-28 4128
项目背景，最近给单位做了一套排队叫号系统，是网页版本的。用户希望弄个客户端程序，这样就不用每手动启动并手动F11全屏模式了。 一、工具介绍 Nativefier具体请点进去看，我也懒得介绍了，费劲。 官方介绍: You want to make a native wrapper for WhatsApp Web (or any web page). 二、安装要求 环境要求 操作系...
nativefier快速上手
Zeeland的博客
11-15 1869
简介 nativefier是一个使用electron将网页转换为app的插件，写这篇博客仅仅是因为怕自己忘记了怎么快速调用，下面将介绍一些常用的语法。 快速使用 1.安装nativefier nativefier依赖于nodejs，因此只要在有nodejs的环境中运行以下命令即可 npm install nativefier -g 2.创建app 如果你要创建一个name为wasd的app，app内容指向百度，则你可以在安装了nativefier之后在DOS命令窗口中运行以下代码 nativefier -
做好的网页如何打包成应用程序详细步骤
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` 目录中可以找到生成的应用程序。
评论 23
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值