乐于分享
好东西不私藏

h5转exe电脑程序,apk安卓,ipa苹果

h5转exe电脑程序,apk安卓,ipa苹果

转exe电脑程序

首先找到了一篇名为《做一个小exe,双击它使用指定的浏览器打开指定的网页》的文章。

通过Bat To Exe Converter,把Bat 转成 exe程序。

虽然不是h5转exe,但可以用exe调起浏览器,打开指定网页。

先创建一个txt文件,根据跳转不同的浏览器,选择输入一下内容

@echo offstart "" "https://www.baidu.com"

start后的双引号,可以替换成浏览器名称。右击浏览器快捷方式,打开文件位置,那个名字就是浏览器应用的名字,例如:chrome.exe,QQBrowser.exe,360se6.exe

最后把后缀txt改成bat。用Bat To Exe Converter把bat转成exe文件就行了。

选择创建好的bat文件,然后配置图标什么的。点击顶部的“转换”按钮,设置好保存位置就行了。

Bat To Exe Converter的下载方式,就网上搜吧。

操作下来,发现这个没什么用。点击直接到浏览器网页了,还不如我直接给网页创建一个快捷方式。

------------------我是分割线------------------

后来发现了名为《web项目转为桌面应用程序》的文章。

本教程是利用npm和nativefier实现把任意web项目转换成一个桌面应用软件。

1,先下载node.js

下载地址:https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi

2,安装nativefier

命令行输入 npm install nativefier –g,即可安装成功。

开始制作,以百度为例,最简单的命令为:

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

应用目录:

点击.exe文件,启动应用。

附加内容(选项介绍)

设置名字

nativefier在制作应用的时候,可以自动识别网站的名字,您也可以自己设置名字。

nativefier --name "AppName"  <your-website>

设置图标

nativefier --icon <path>,icon参数应该是图标文件的路径,每个系统文件格式不同具体如下:

.ico - For Windows

.icns - For OSX

.png - For Linux

nativefier http://172.18.20.47/index --name "CRDC" --icon logo.ico --file-download-options "{\"saveAs\": true}"

设置下载目录

nativefier <your-website> --file-download-options "{\"saveAs\": true}"

指定输出不同系统的应用

默认情况下,会根据当前操作系统,输出对应系统的应用。如果您需要特殊指定转换成不同系统的应用,可以使用一下命令。

nativefier --p <value>

可选参数linux、windows、osx。

替代值win32(用于Windows)或darwin,mac(对于OSX)也可以使用。

显示菜单栏

-m, --show-menu-bar

指定是否应该显示菜单栏

禁用上下文菜单

--disable-context-menu

单实例

--single-instance

阻止应用程序多次运行。如果发生这种尝试,那么已经运行的实例就会出现在前面。

托盘

--tray

应用程序将保留为系统托盘中的图标。通过点击窗口关闭按钮来防止关闭应用程序。

设置应用版权

nativefier --app-copyright <value>

应用的版权信息会映射到Windows系统的LegalCopyright和OS X系统的NSHumanReadableCopyright的元数据属性。

设置显示

宽度

--width <value>

打包应用程序的宽度,默认为1280px。

高度

--height <value>

打包应用程序的高度,默认为800px。

最小宽度

--min-width <value>

打包应用程序的最小宽度,默认为0。

最小高度

--min-height <value>

打包应用程序的最小高度,默认为0。

最大宽度

--max-width <value>

打包应用程序的最大宽度,默认为无限制。

最大高度

--max-height <value>

打包应用程序的最大高度,默认为无限制。

X

--x <value>

打包的应用程序窗口的X位置。

Y

--y <value>

打包的应用程序窗口的Y位置。

更多选项及介绍,就去网上找官方文档吧。

------------------我是分割线------------------

我以为就这样结束了,结果卡着不动了!!!!!!!!!!!!!

终于找到啦一篇文章,知道了为什么卡,文章叫《nativefier 常见问题记录及解決方案--封装网页

1,安裝 electron-download 检测下载速度

下载速度参考 https://newsn.net/say/electron-mirror.html

安裝命令 npm install electron-download -g

检测下载速度 命令 electron-download --version=1.8.3

如果没有下载速度或者下载失败,安装淘宝npm(cnpm)

npm install -g cnpm --registry=https://registry.npm.taobao.org

需要设置环境标量 ELECTRON_MIRROR,值 http://npm.taobao.org/mirrors/electron/

win7

win10

然后再用百度试试: nativefier -n baidu www.baidu.com --verbose

成功后点击baidu.exe程序。

看到这,你应该会h5转exe电脑程序了。

---安卓,苹果版---

1,首先下载HBuilder

就是中间那个,左右两边的,就不介绍了,

请先登录。然后选择项目,转成app。

点击导航的“发行”,选择打包,设置配置logo,启动图,名字等。等待完成就行了。

如果还不明白,就网上查查吧。累了,讲不下去了。HBuilder现在被抛弃了。主要推行的是HBuilderX的uniapp,可以打包多端。