打包app网页

如果你是一名 Web开发者，想把自己开发的页面打包编译成 App在手机运行，但是你对 Java 和 Android 一窍不通，

那么本文章将指引你如何将Web项目走向安卓平台，去除任何浮躁，跟着本文操作起来吧

1.参考文档

HbuilderCloud

HBuilderX安卓离线打包教程全一览——5+app

DCLOUD社区

2.材料准备

AndroidStudio

HBuilderX

3.打包Web项目

项目打包

将 Vue 或者 React 使用的webpack把代码项目进行打包 如果没玩过 MVVM框架随便什么hello world的html项目也可以，不一定非要打包只要网页能打开就行， 这里以Vue+Webpack为例：打包之后生成 index.html 和 dist目录

我这里的项目浏览器打开之后是移动端的html5页面,注意这里只是页面，不是APP，移动端页面，接下来的任务就是要把这个html开发的页面打包成安卓App

HbuilderX打包

打包好之后，打开 HbuilderX, 创建5+App项目

创建后，将左侧默认文件除了 manifest其他都删掉，然后把刚刚打包好的 （我的是index.html 和 build）放到项目目录下

4.Manifest配置

点击 manifest.json 进行配置

Appid需要去Dcloud申请一下，注册一个账号就行，申请地址如下，免费的

https://dev.dcloud.net.cn/app/index?type=0

应用是否全屏

这里的全屏是类似玩王者荣耀那样，直接占据整个屏幕，电源时间状态栏都没有的那种，这里我不勾选，

接下来配置沉浸式体验，就是顶部时间电源状态栏弄成透明的那种，看起来会比较舒服

图标配置

图标配置可以自动生成，也可以先不生成，后面我们可以用IDE创建自定义图标

启动配置

模块配置

权限配置

App其他设置

源码视图这里添加一个沉浸式体验全屏

云打包App，选择云打包

取消广告，勾选公测证书

然后代码会上传到云进行打包，等待一会会跳出下载App地址

如果开发难度大，可以试一下变色龙app,在线图文配置，输入网址，App名就可以生成安卓与苹果app.