最佳答案:当然是前端页面啦,除此之外,也可以做桌面应用和手机app,下面我简单介绍一下具体实现过程,主要内容如下:桌面应用这里需要先安装node环境,然后借助electron打包前端网页为桌面应用,主要步骤如下
当然是前端页面啦,除此之外,也可以做桌面应用和手机app,下面我简单介绍一下具体实现过程,主要内容如下:
桌面应用这里需要先安装node环境,然后借助electron打包前端网页为桌面应用,主要步骤如下,很简单:
1.首先,安装node,这个直接到官网上下载就行,如下,选择适合自己平台的版本即可:
3.这里为了方便演示,我新建了一个html网页,测试代码如下,非常简单,就是一个静态的登陆界面:
4.最后就是具体的打包过程,主要步骤及截图如下:
首先,新建一个文件夹,将上面的html网页复制进去,同时新建2个文件,分别是package.json和main.js,目录如下:
![](https://www.89179.net/other_image/aHR0cDovL3AzLXNpZ24udG91dGlhb2ltZy5jb20vMWEwOGMwMDAxODBlZGI5NzdmNTYxfnRwbHYtdHQtb3JpZ2luLmpwZWc_X2l6PTkyMjUzJmFtcDtmcm9tPXdlbmRhJmFtcDt4LWV4cGlyZXM9MTY4MzA1MzI1NCZhbXA7eC1zaWduYXR1cmU9ZVpnOTJkV1NneXFqNFp1NyUyRmc3ZWJkaUhzMlklM0Q.jpg)
main.js文件主要指明具体打包过程,基本配置如下(网上参考资料非常多,可以搜一下),这里重点需要指明打包的html文件名称:
最后就是打包,打开cmd窗口,切换到新建的目录,运行命令“electron-packager . APP --win --out AppDir --arch=x64 --electron-version=3.0.10 --overwrite”就会开始自动打包过程,这里的参数主要是指明打包的应用名称、输出目录、位数、版本号等:
手机app
这里主要用到HBuilder这个工具,可以直接将前端网页打包为手机app(云端打包功能),下面我具体介绍一下实现过程:
1.首先,下载安装HBuilder,这个直接到官网上下载就行,如下,这里选择功能比较全面的“APP开发版”:
3.接着,双击打开这个软件,新建项目,这里的项目类型选择“5+APP(A)”,模板选择“Hello H5+”,如下,将刚才的html文件拖到这个项目中来:
手机安装后的效果如下,还不错: