将PHP做的web网站封装成桌面客户端,也可将打包成安装文件

电脑需要安装node.js。

1:npm install nativefier -g     #安装nativefier

2:输入nativefier检测是否安装成功

3:nativefier --name "YouForever" "http://www.xxxx.cn"   #生成程序,YouForever是自定义名字

4:完成 官网https://www.npmjs.com/package/nativefier

#可能会遇到一些的问题

1)因为我的网站有个导出excel文件的功能,但是用nativefier生成的程序默认不会有弹出让用户选择保存地址的选项框,默认是把文件存在C:\Users\cc\Downloads(下载)里,这样用户其实根本不知道文件在哪里,用户体验很不好。

解决办法:

1)打开G:\yilian\yilian-win32-x64\resources\app\lib\main.js这个路径根据自己生成的路径来找,找到大概4199行代码,

          if (!options.saveAs) {
                item.setSavePath(filePath);
           }

          改为

扫描二维码关注公众号,回复: 5572059 查看本文章

          if (options.saveAs) {
                item.setSavePath(filePath);
           }

2)如果我想下载完后,怎么直接打开下载的位置?

解决办法:

打开G:\yilian\yilian-win32-x64\resources\app\lib\main.js这个路径根据自己生成的路径来找,找到大概4258行代码,

 if (options.openFolderWhenDone) {
       shell.showItemInFolder(path.join(dir, item.getFilename()));
 }

改为

 if (!options.openFolderWhenDone) {
       shell.showItemInFolder(path.join(dir, item.getFilename()));
 }

#将程序打包成可安装的文件

现在,我们已经得到了应用程序的绿色版本(无需安装,拷贝整个文件目录之后即可使用),但是作为客户端应用程序,我们更希望能直接得到一个安装包,安装之后通过桌面快捷方式的形式去访问,这时候就需要Inno Setup出场了。需要注意的是,编译的时候360会拦截,所以最好先关闭360

9.下载安装Inno Setup

下载地址:http://www.jrsoftware.org/isdl.php#stable

安装完成以后打开Inno Setup客户端

a. file->new,新建脚本

b.填写应用程序信息,黑体为必填项

Application name: 应用名称;

Application version:应用版本;

Application publisher:发行单位(可选);

Application websiter:应用程序网址(可选);

c.完善应用文件信息

Application destination base folder:应用程序目标基本文件夹,可默认也可自定义;

Application folder name:应用文件夹名称;

Allow user to change the application folder:勾选,允许用户自定义安装位置;

d.指定属于应用程序的文件

Application main executable file:应用程序主执行文件,就是之前生成的程序.exe文件;

Allow user to start the application after Setup has finished:允许用户在安装完成后启动应用程序;

Add folders:添加应用程序文件,用nativefier生成的程序文件根目录即可,要把所有.dll文件及其他配置文件都包含进去;

点击添加之后可以看到:

文件目录以自己的实际情况为准。

e.指定应用程序的快捷方式,勾选默认的两项即可,即“创建主执行程序的快捷方式到公共开始菜单程序文件夹”、“允许用户创建桌面快捷方式”

f.指定安装期间要显示的文档文件

License file:许可文件;

Information file shown before installation:安装之前显示信息文件;

Information file shown after installation:安装之后显示信息文件;

g.指定应包括的安装语言(汉化版的有简体中文选项),选择之后点击下一步

h.指定基本编译设置

Custom compiler output folder:自定义编译器输出文件夹,即最终编译出的安装包要放哪个位置;

Compiler output base file name:编辑器输出基本文件名,即安装包名称;

Custom Setup icon file:自定义安装程序图标文件;

Setup password:安装密码;

i.点击下一步

剩下的就是一路确定了,会询问你在编译之前要不要保存你的脚本(上面的配置步骤,最终会生成一个编译脚本文件),点击保存,先不要编译,打开脚本文件,新增配置项,修改注册表,设置开机自启动:#这一步可以不用,直接编译

[Registry]
Root: HKLM; Subkey: "SOFTWARE\Microsoft\Windows\CurrentVersion\Run"; ValueType: string; ValueName: "testrun"; ValueData: "{app}\{#MyAppExeName}"

然后,执行编译文件:build->compile

至此,所有步骤已经完成了,赶快去看看你的安装包能不能正常使用吧

#如果程序生成完以后想要改变网址或者其他配置就需要修改APP-win32-x64\resources\app\nativefier.json的配置文件

猜你喜欢

转载自blog.csdn.net/wsyh12345678/article/details/86714379
今日推荐