DCloud_UNI_CHB
DCloud_UNI_CHB
  • 发布:2018-06-26 12:44
  • 更新:2022-03-25 10:29
  • 阅读:79096

快速上手 - wap2app教程

分类:wap2app

下载/登录开发工具

前往 dcloud.io 根据自己的操作系统,下载对应的 HBuilder 安装包,解压即可使用。

PS:首次使用需注册一个开发者账号,方便后续的打包以及应用管理。

创建项目

按照如下步骤在HBuilder中新建 wap2app 工程

  • 顶部菜单,文件 -> 新建 -> Wap2App
  • 输入应用名称、wap 站首页地址,点击“完成”

工程建成后,默认目录结构如下:

配置应用图标及启动图

应用图标

应用图标是App安装到手机后,在手机桌面显示的图标;按照如下步骤配置应用图标:

双击打开manifest.json文件,点击下方“图标配置”选项卡

在图标配置页面,按照要求配置各种分辨率的图标

建议配置1024*1024的大图标,然后自动生成并替换各种分辨率的图标。

启动图片

启动图片是用户从点击桌面图标到进入应用首页中间显示的欢迎图片;按照如下步骤配置应用图标。

点击“启动图片(splash)配置”选项卡,会打开启动图配置界面

根据需要配置不同分辨率的启动图片,例如仅生成Android安装包,则仅配置Android启动图片即可。

应用发布

wap2app项目可以打包成iOS平台的ipa安装包、Android平台的apk安装包。

但注意:iOS平台只能发布企业版或越狱包,无法上Appstore。因为苹果要求强制wkwebview,而wap2app需要使用uiwebview。导致iOS上的wap2app可以真机运行,但没法上Appstore。

在HBuilder中,点击顶部“发行”菜单,点击“云打包-打原生安装包”,如下:

打开原生打包配置界面,如下图所示:

选择需要打包的平台(iOS平台打包需要配置iOS证书),点击“打包”按钮即可提交云端打包,打包完成后会自动下载安装包,安装到手机即可体验。

好了,到此为止,你已经快速体验了wap2app的创建到发布过程,更多强化功能实现请继续阅读wap2app的相关教程。

5 关注 分享
Trust g***@outlook.com 3***@qq.com c***@wisefin.tech 古德猫宁one

要回复文章请先登录注册

1***@qq.com

1***@qq.com

回复 1***@qq.com :
一样的问题
2022-03-25 10:29
1***@qq.com

1***@qq.com

使用uniapp代码编写的程序,生成的网页,使用wap2app打包后,页面切换,窗体切换没有效果,这是怎么回事?难道uniapp生成的h5,不支持wap2app?
2022-03-25 10:15
ivan80

ivan80

回复 1***@qq.com :
就是啊,我只是想打包个本地ip的网址都不行?
2022-03-04 15:54
1***@163.com

1***@163.com

回复 1***@qq.com :
我也遇到了这个问题,请问您现在解决了吗
2021-11-19 10:50
1***@qq.com

1***@qq.com

回复 1***@qq.com :
ICP备案,怎么跳过
2021-10-22 17:12
1***@qq.com

1***@qq.com

没有IUC未备案的网站怎么跳过,直接打包
2021-10-22 17:11
1***@qq.com

1***@qq.com

[嗯嗯]
2021-07-23 14:15
小呆呆

小呆呆

请问官方大大:我离线打包ios apk 运行的时候页面会弹出 加载流应用出错,我换了官方的例子配置还是不行,但是我在真机运行就可以,打包之后就会提示这个错误,请问这个怎么解决,可否回答一下
2020-03-15 16:53
BaseCloud

BaseCloud

封装的H5+原生能力接口,一行代码调用原生能力。
开源仓库地址: https://gitee.com/cloud_finder/Joiny-H5Plus
2019-07-20 11:06
3***@qq.com

3***@qq.com

加油HB,看好!
2019-01-03 00:56