wap2app(一)-- 网站快速打包成app

时间:2024-03-02 16:12:35

工具:HBuilder,下载地址:http://www.dcloud.io/

下载并安装HBuilder后,打开编辑器,选择:文件 -> 新建 -> 项目,出现如下图:

 

选择wap2app,填入项目名称,wap站首页地址,选择项目文件路径,创建。

项目创建成功,软件左侧会出现你刚创建的项目。

打开项目,找到manifest.json文件,依次配置相关配置文件。

一、基础配置:

注意:应用标识不要手动修改,显示默认的即可

依次填入应用名称,版本名称,应用入口首页地址可以是网络地址也可以是本地地址。

 

二、图标配置:

图标就是App安装到手机后显示的图标,选择第一张图标后可以点击“自动生成所有图标并替换”,会自动生成适配不同大小的图标。

三、启动图配置

启动图配置就是做好合适大小的图片上传即可

四、SDK配置

 

 需要申请对应模块要求的参数,并做好配置,勾选需要的功能并填入相关参数

 

五、模块权限配置

根据app业务需求,配置对应的模块。

六、源码视图

android打包填入相应的包名等信息;ios打包填入标识等信息

这样,manifest.json文件就配置完成了,接下来进行真机调试。

用手机数据线连接手机和电脑,手机打开USB调试模式,当点击HBuilder的 运行-> 运行到手机或模拟器 ->运行【设备xxx】,

编辑器控制台会出现如下报错:

webviewId 报错,这时候发现,仅仅配置了manifest.json还不够,找到sitemap.json文件,找到webviewId ,其值一般默认为基础配置里的应用标识(AppID)。

重新调试,点击HBuilder的 运行-> 运行到手机或模拟器 ->运行【设备xxx】

手机上出现运行项目,查看控制台:

真机运行成功!

 接下来,打包app。

点击HBuilder: 发行 -> 原生App-云端打包,出现下图:

由于没有证书,就以安卓为例。如上图,勾选“Android”,勾选“使用DCloud公用证书”,填入安卓包名,打包。

打包成功,会给一个临时的下载链接,这样即打包成功。

转载时请注明出处及相应链接,本文永久地址:https://www.cnblogs.com/wangxiaoling/p/9831974.html,文章标题备注转载,如:xxx【转载】,谢谢!