乐于分享
好东西不私藏

网站套壳应用开发app【APICloud】

网站套壳应用开发app【APICloud】

网站套壳做 App 这事儿,APICloud 不是最优解,但是最省解的那种。

概述:  当前APP应用市场,除了使用原生语言进行开发的原生应用、使用跨平台技术开发的混合应用外,还有一种直接封装运行在Web端H5网站的套壳应用。YonBuilder移动开发本身属于跨平台开发技术,即支持使用HTML、CSS、JavaScript语言配合原生API引擎的混合应用开发,也通过AVM全翻译引擎框架支持原生应用开发、同时还支持直接在平台工作台填写H5网站的网址,快速构建套壳的原生APP应用。 

实现方式:YonBuilder移动开发平台,H5网站套壳APP的实现有三种方式:工作台快速构建、config.xml快速构建、openWin快速构建。

  • 工作台快速构建:可以通过在YonBuilder移动开发平台工作台提供的相关页面,填写H5网站网址的方式,完成套壳APP的封装;

  • config.xml快速构建:通过修改config.xml文件中index(入口页参数)的参数值方式,引入加载H5网站,完成套壳APP的封装

  • openWin快速构建:通过引擎API提供的openWin函数方法,打开H5网站的方式,完成套壳APP的封装。

      大多数开发者(例如我)最常使用的是第一种方式——工作台快速构建。其实,在很多的特殊需求场景中,充分利用剩下的两种构建方式,能获取更好的适配和增强效果。 

我近期就接手了一个网站套壳开发的app, 用的就是这种开发方式, 下边我分享下我在使用套壳时的一些流程。 

二、APICloud 现在是什么状况? 

     很多人还停留在"APICloud = 2015 年那个 H5 套壳老牌选手"的印象。实际上 2021 年用友 2.3 亿收了柚子移动,APICloud 现在是用友 YonBuilder 移动低代码那条线的一部分,和 YonBuilder 本身形成"双低代码平台"——一个偏前端轻应用(APICloud),一个偏后端重业务(YonBuilder 原身)。

落到开发者能感知到的变化就两点:

  • 云编译还在,Android / iOS / 小程序 / H5 一套代码多端出包,没砍

  • 原生模块市场还在,支付、推送、扫码、定位这些不用自己桥接,这点比"纯 WebView 套壳"多口气

但你要说它多"2026",也谈不上——架构还是 H5 + WebView + 原生模块那套老路子,别指望它有 Flutter 的性能。

三、APICloud 开发流程 ? 

1. 开发前的前置准备 (创建应用 ==> 创建或上传正式(Andiord & iOS)==>  设置应用桌面图标和启动页

 创建应用: (必做)

 选择移动应用开发栏目,点击右侧加号,新建一个app应用

 创建或上传证书: (必做)

   在新建的应用下切换到app证书板块, 进行ios和安卓证书的上传,平台提供安卓证书的自动创建功能,可以快速创建安卓证书。 

注意: 如果没有进行证书创建则无法进行app的打包和预编辑,无法进行调试和安装app

 设置应用桌面图标和启动页: (选做)

        如果仅仅是测试目的,可以暂时不进行配置,如需上架,需要配置相关信息

  在新建的应用下进入到 应用详情,切换到 【端设置】页面,进行app的基本信息配置 例如:

1. 图标配置: 设置APP安装后在手机桌面显示的icon图标;

2. 横竖屏配置:设置APP在手机上启动后是横屏显示还是竖屏限制;

3. 应用启动页图片: APP启动后展示的启动页图片内容;

4. 版本更新配置: 设置后,可以通过在YonBuilder移动开发工作台发布新的升级版本,已安装的APP会自动检测新版本进行更新;

5. 云修复配置:设置后,可以通过在YonBuilder移动开发工作台发布程序补丁,远程修改程序代码,在无需升级版本的情况下,解决一些紧急Bug或优化某些功能

6. 闪屏广告配置,启动页配置等,如下图

2. 三种方式构建开发 (1. 工作台快速构建   2. config.xml快速构建  3. openWin快速构建 )

os: 三者任选其一即可 ,这里我只做工作台构建模式进行赘述。

 工作台快速构建   

流程: 点击创建好的应用,进到详情 ==>  切换到【代码上传板块】 ==> 在类型处选择关联的代码方式,包含三种 【代码包 (即直接上传代码的压缩包) 2. git平台 (将git存放代码的地址放进去进行关联即可 )3. 在线网址 (我一般不用 ) 】   

以上操作完成后即可,切换到后边的移动打包板块,进行app的打包安装测试 。

3. 编译安装包,完成开发 进行打包测试,这样就完成了套壳应用App的开发 。 

应用名称是自己自定义配置的 ,类型和类别按照app的实际使用情况进行选择,勾选测试版打的是测试包,勾选正式版则对应打正式包, 上边的按需选择完毕后,点击下面的立即打包,稍作等待后平台就会生成安装二维码,用户扫码安装即可。 

彩蛋: 

补充 config.xml快速构建方式开发流程: 

1. 下载Yonstudio开发工具

下载地址: https://developer.yonyou.com/product/appdevelopment/appdriven#download

2. 导入云端项目代码到本地

    2-1: 本地启动YonStudio开发工具,登录账号,选择应用所在的租户环境

    2-1: 点击YonStudio顶部菜单的「项目」-「导入项目」(也可以直接点击欢迎页内的「导入项目」快捷按钮)

3. 再选择 【云端检出】 ,选择上面步骤新创建的应用,并选择本地保存路径后,即完成了云端应用的本地导入

4. 修改config.xml文件, 

 修改应用信息下的启动页,即进入app第一次看到的页面 

5. 剩下的就是按需开发,提交代码仓库,进行打包平台打包编译安装。  

总结: 

1. 想要对项目app进行配置,通过config.Xml下的各种模块进行按需配置,修改完配置后进行代码的重新提交编译打包,新的app即可生效。

2. 如果需要在app内去通过一个web端的H5网站时,引擎会在网站运行的浏览器环境内,加载引擎api对象,引擎的API中,有一个命令函数 execScript支持跨页面执行脚本命令。这样就实现了APP本地页面 与在APP内运行的远程H5页面的双向交互,从而可以实现各种各样的对网站代码的嵌入式修改。

api.execScript 是一个功能上限很高的命令函数,同时也是一个需要具备一定开发技术水平才可以驾驭的功能函数。

 我在这里不针对api.execScript 进行详细赘述,欢迎有兴趣的同学去自行进行更深入的了解和学习,只要具备了深厚的功力,即使是平平无奇的普通招式,也可以实现很强大的效果,在武功上如此,在开发领域同样如此。

    用友收完 APICloud 之后,它已经不是"独立套壳工具"那个定位了,是用友 YonBuilder 双平台里负责"前端轻应用 + 多端出包"的那一半。你冲着"用友生态""企业级客户""老 H5 救急"去,它还在那儿;你冲着"2026 年最潮跨端方案"去,它早就不是了。

    有正在使用apicloud进行套壳开发的小伙伴吗? 你们是哪年的项目呢? 可以一起分享下这块的知识,和自己对套壳开发的一些见解。