标题:全网最详细教程:将Web项目打包成安卓App
如果你是一名Web开发者,想把自己开发的页面打包编译成App在手机运行,但是你对Java和Android一窍不通,那么本文章将指引你如何将Web项目走向安卓平台,去除任何浮躁,跟着本文操作起来吧!
1.参考文档:HbuilderCloud、HBuilderX安卓离线打包教程全览——5+app、DCLOUD社区
2.材料准备:AndroidStudio、HBuilderX SDK(网盘提取码:neqx,最新请访问:https://nativesupport.dcloud.net.cn/AppDocs/download/android)
3.打包Web项目:将Vue或者React使用的webpack把代码项目进行打包。如果没有玩过MVVM框架随便什么hello world的html项目也可以,不一定非要打包只要网页能打开就行,这里以Vue+Webpack为例:打包之后生成index.html和dist目录。
4.HbuilderX打包:打包好之后,打开HbuilderX,创建5+App项目。创建后,将左侧默认文件除了manifest其他都删掉,然后把刚刚打包好的(我的是index.html和build)放到项目目录下。
5.Manifest配置:点击manifest.on进行配置。Appid需要去Dcloud申请一下,注册一个账号就行,申请地址如下,免费的https://dev.dcloud.net.cn/app/index?type=0。应用是否全屏,这里的全屏是类似玩王者荣耀那样,直接占据整个屏幕,电源时间状态栏都没有的那种,这里我不勾选。接下来配置沉浸式体验,就是顶部时间电源状态栏弄成透明的那种,看起来会比较舒服。图标配置,图标配置可以自动生成,也可以先不生成,后面我们可以用IDE创建自定义图标。启动配置,配置如下图。模块配置,我们这里简单点,全部模块都不用,下来大家可以自己尝试勾选玩一下。权限配置,按照默认的选项来即可。App其他设置,按照默认来。
6.源码视图,这里添加一个沉浸式体验。
按照以上步骤操作,你就可以将Web项目打包成安卓App了。希望本教程能帮助你顺利将Web项目打包成安卓App,如果你有任何问题,请随时提问。
