logo

用了taro后,突然想试试做一个app,先做一个Android的试试,因为我只要Android的手机,调试方便。

创建app项目

听说HBuilder做app很方便,于是我用了HBuilder。

文件 –> 新建 –> 项目 –> 5+APP(默认模板)

得到一个空的项目,在 manifest.json这个文件中,入口文件默认是index.html。

图标设置,选择一个png图标。

启动界面设置,可以自定义启动图,也是png格式的图片。

其他的可以不用修改,默认就好了。

写app项目

先将一个网页打包为app吧。

在index.html中,加载网页。

1
2
3
window.onload = function() {
location.href = 'http://www.orangecj.cn'
}

也可以将已经完成的项目打包,将入口文件改为你打包好的入口文件,例如:

1
dist/index.html

运行app

我们需要真机调试,看看效果如何。

将自己手机调为开发者模式。

打开usb调试。

用usb将电脑和手机连接起来,手机会提示匹配啥的,允许就好了。

在HBuilder中,点击运行 –> 运行到手机或者模拟器 –> 运行。会在你手机上安装一个HBuilder的调试基座,安装完毕后,就可以看到效果了。如果没有自动安装,可以按照控制台的提示手动安装。

打包app

发行 –> 原生App-云打包,打包结束后会返回一个打包的apk下载地址。下载apk,安装,就好了。当然你也可以 发行 –> 原生App-查看打包状态,查看历史打包的地址等等。

效果图

第一个是下载的apk。

第二个是安装好的app。

第三个是打开以后的效果图。
效果图