wap2app（一）-- 网站快速打包成app

工具：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【转载】,谢谢！

转载于:https://www.cnblogs.com/wangxiaoling/p/9831974.html

wap2app（一）-- 网站快速打包成app相关推荐

【Uniapp框架】快速开发自己一款APP应用，如何将Uniapp项目快速打包成APP应用
当我们使用uniapp框架开发应用,前端与后端的代码都准备OK! 最关键的一步就是开始打包我们的应用产品,最常见的形式:小程序.安卓App.苹果App. 今天我们来详细了解一下安卓App应用的快速打包 ...
html代码转换成手机app,快速把html、手机网站打包成APP的工具和步骤流程
开心app平台是我们开发的一个打包网站的工具,可以非常方便的把一个手机网站做成APP,也可以直接打包h5代码,免费使用! 下面介绍使用开心app平台怎么将网站快速打包成APP 分七步进行 1.注册开心 ...
html怎么转换成app,快速把html、手机网站打包成APP的工具和步骤流程
开心app平台是我们开发的一个打包网站的工具,可以非常方便的把一个手机网站做成APP,也可以直接打包h5代码,免费使用! 下面介绍使用开心app平台怎么将网站快速打包成APP 分七步进行 1.注册开心 ...
网站打包成app，webapp在线打包工具推荐
最近因为需求,需要把移动端网页打包成APP,本人一直是做网站开发的,没想到现在的webapp打包能如此方便了,打包的时候只用提供网站链接就可以了(原理应该是做一个app简单浏览器,然后默认打开你网站的 ...
如何使用HBuilder将网站打包成app
1.下载安装HBuilder 首先下载安装HBuilder 2.创建移动app项目在HBuilder中创建一个移动app项目,选择空模板创建完毕后目录结构如下 3.双击manifest.json ...
php网站转为app的工具,网站打包成APP，可以直接将一个网站转成安卓App的Hbuilder工具...
我们有时候会想把自己的网站做成一个app,但是原生的自己没有基础又不会,网上找到的云打包之类的倒是可以直接把网站打包成app,但是免费版的避免不了会有广告或者体验时间限制,收费的又不想花钱,很愁人,今 ...
本地html如何封装成app,新手适用：如何把网页快速封装成APP
原标题:新手适用:如何把网页快速封装成APP 最近有小伙伴找到小微:小微呀,我们家有个网站,但是我们没有APP,用户会觉得我们不正规的呀.现在开发一个APP那么贵,我们不想花太多钱了,你有什么好的主意 ...
网址打包（详细图文教程！）使用HBuilder将网址打包成app
使用HBuilder将网址打包成app 使用工具:HBuilder 附上链接:https://www.dcloud.io/hbuilderx.html 教程目的:将封装好的项目网址打包成一个app,即 ...
物联网控制APP入门专题（三）---使用第三方平台将网页打包成APP
摘要:前面的文章讲了如何用阿里云IoT Studio快速制作一个网页版的手机端,可以通过手机浏览器浏览制定的网址就能实现对物联网设备的控制.本文讲解通过第三方平台将这个网页打包成一个APK文件,安装到 ...

wap2app（一）-- 网站快速打包成app

wap2app（一）-- 网站快速打包成app相关推荐

最新文章

热门文章