超简单!H5项目套APP外壳

下载HBuilder  官网:http://www.dcloud.io/

    (1)下载成功后邮箱注册登录

    (2)文件->新建->移动App

超简单!H5项目套APP外壳_第1张图片

   超简单!H5项目套APP外壳_第2张图片

    (3)创建成功后得到这样一个目录结构,manifest.json是配置文件

超简单!H5项目套APP外壳_第3张图片

    打开它,设置保存

超简单!H5项目套APP外壳_第4张图片

    App图标

超简单!H5项目套APP外壳_第5张图片

    启动页,就像打开微信前那个月亮一样

超简单!H5项目套APP外壳_第6张图片

    SDK,有需求可以配一下

超简单!H5项目套APP外壳_第7张图片

    没特殊情况这三个就不用管了

超简单!H5项目套APP外壳_第8张图片

    (4)将做好的项目往里面扔

超简单!H5项目套APP外壳_第9张图片

    或者在Index.html里面添加自动跳转,这样一打开App就会直接跳到你的项目,至此就差打包啦~

超简单!H5项目套APP外壳_第10张图片

    (5)打包App

超简单!H5项目套APP外壳_第11张图片

超简单!H5项目套APP外壳_第12张图片

这里它会提示是否缺少权限,有的话请回到刚才的配置文件->模块权限配置,否则点继续打包

超简单!H5项目套APP外壳_第13张图片

等一下很快的

超简单!H5项目套APP外壳_第14张图片

超简单!H5项目套APP外壳_第15张图片

点击确定后可以查看打包状态

超简单!H5项目套APP外壳_第16张图片

成功后会自动帮你下载安装包

超简单!H5项目套APP外壳_第17张图片

下载完的安装包路径

超简单!H5项目套APP外壳_第18张图片

安卓直接拉到手机安装就行了,ipa文件可以通过pp助手之类的帮助安装

超简单!H5项目套APP外壳_第19张图片

 

你可能感兴趣的:(超简单!H5项目套APP外壳)