作为一个前端工程师h5开发是分内之事,但是想要把h5页面打包为一个app,老板也会交给前端工程师来做下面就是我的一个打包套壳h5页面应用为app的一些步骤
一、首先用命令行创建一个空项目(我用的ionic+angular)因为我没有找到譬如react native中的webview组件一样的东东,所以只能选择这种办法了,有知道后的办法欢迎来撩我啊 呵呵。
这个目录结构就不啰嗦了
二、给本项目添加你需要的平台我这里以android为例 执行命令cordova platform add android (待会要编译打包呢)
三、找到项目中的config.xml文件
找到content默认的src是index.html,替换为你需要加载的服务器的地址
有关config.xml的配置看我的另一篇博客点击打开链接
四、执行命令 cordova build android 编译apk,安装到你的手机上就可以访问服务器上的web应用了。
这样存在一个问题就是访问的web应用没有在android内部浏览器打开而是跳转到手机默认的浏览器中打开了,
解决办法:同样是在config.xml文件中在content下面添加这两句话就可以解决了
到此一个web应用就打包成了一个app了,感觉自己是不是佷腻害
想要整理更多的碎片知识,扫码关注下面的公众号,让我们在哪里接着唠!