web项目生成webapp__借助第三方服务平台

前言

(match: h5在线地址和离线静态资源)

不收费,也不需要下载任何工具,web项目就能打包成APP,支持在线和离线,APP名称、LOGO、横竖屏、启动页、引导页等都可以自己设置,非常灵活,并且可以上架到应用市场。

操作指南

1、创建应用

注册中控易动平台账号(https://www.yd-mobile.cn/),点击右上角 “控制台”,进入控制台之后点击 “我的应用”,找到创建应用按钮。

在这里插入图片描述

2.填写应用信息

设置app名称、logo,选择app类型(在线或者离线),在线直接输入网址即可,如下图提示:

在这里插入图片描述

如果是离线的话,需要上传离线资源包,就可以在无网条件下访问。有网络时,通过“更新离线资源”操作将新的离线资源压缩包上传到平台,APP可以实现实时更新平台最新的离线资源(热更新),且无需下载APP。

注:离线资源包是将包括 HTML、Javascript、CSS 等页面内静态资源打包到一个压缩包内。

在这里插入图片描述

设置横竖屏、页面是否全屏、状态栏字体颜色、启动页和引导页,不想设置的话可以直接下一步即可

在这里插入图片描述
Android、ios证书设置,Android提供默认证书签名,如果想要生成ios安装包的话,需要单独填写ios证书信息,这里我填写下我的证书信息。

在这里插入图片描述
应用创建完成

在这里插入图片描述

点击进入可以看到刚刚配置的所有信息,并且可以进行修改操作,确认无误之后,点击下方 “打包” 按钮,等待打包完成扫码下载即可。

注:测试版提供有测试工具及测试页面提示,如果项目没bug,建议直接打正式包。

在这里插入图片描述

手机安装效果:

在这里插入图片描述

至此,一个简单的webapp就已经打包完成了,并且同时包含了Android和ios端,非常的方便。

热更新

APP上线发现重大bug,需要开发人员修改bug,重新打包,上传应用市场,等待审核,上架,这样浪费了很多时间、人力、物力。应对这个问题,使用热更新技术,及时修复问题,降低更新代价。

首先通过易动平台创建一个应用,如何创建参考(web项目一键打包,可同时生成Android、ios端)

创建应用可以创建在线应用和离线应用,都可以实现自动更新(热更新)。

①在线应用热更新

在线应用是用户自行更新的,根据自己写的首页地址(对应自己前端工程放置的位置,正常是在自己服务器存储)直接更新,很方便。

在这里插入图片描述

②离线应用热更新

离线应用是在弱网或者无网路情况下可以访问的应用。在有网络时,通过“更新离线资源”操作将新的离线资源压缩包上传到平台,APP可以实现实时更新平台最新的离线资源(热更新),且无需下载APP。这样很方便的实现应用的热更新。

在这里插入图片描述
更新离线资源,完成

在这里插入图片描述
这样就可以不用重新安装应用,也可以更新app啦。

感谢大佬们施舍,1分2分都是爱
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值