苹果App Clip功能国内上线:轻app码生成器助力开发者快速创建简化版应用

2024-12-26
来源:网络整理

在今年 6 月的 WWDC(苹果开发者大会)上,苹果增加了“App Clip”功能,可以实现快速启动和准备就绪的简化版应用程序。用户不再需要下载整个应用程序并登录支付。只需支付即可,使用场景涵盖外卖、购物、骑行等。与国内微信小程序类似,App Clip 也推出了专用的 App Clip Code 二维码。不久前,苹果官方再次宣布轻应用代码已在中国上线,这也意味着App Clip功能将同步上线。

现在可以在应用程序中或通过新的命令行 app-lite 代码生成器创建 App-lite 代码。苹果指出,使用这个命令行,开发者可以灵活地批量创建代码。

作为低代码领域的领先者,为了丰富开发者的应用场景,App Clip 进行了专门的适配。开发者可以通过该平台创建、开发并编译成“iOS小程序”。

“全面改版”应用类别:新增多端App和“iOS小程序”

应用程序(本机应用程序):

采用标准H5或AVM.JS技术开发&iOS原生APP,适合功能强大、性能优良的APP开发。提供完全翻译的原生渲染引擎、1000+功能模块&+API调用。

MX 应用程序(多终端应用程序):

NEW采用AVM.JS技术开发多终端应用,一次开发同时生成微信小程序和iOS App。开发小程序并免费“赠送”应用程序。

应用程序剪辑(iOS 轻型应用程序):

NEW 使用标准或AVM.JS技术开发iOS轻APP“iOS小程序”。

网络应用程序():

一键将现有网站打包成APP。

如何通过平台开发App Clip?

创建应用程序

创建App Clip应用程序有两种方法(附视频说明):

在网站控制台中创建:

创建于 3:

开发调试

小程序云开发图片调用_微信小程序云开发上传多个图片_微信小程序图片上传云数据库

App Clip采用与主应用相同的开发技术,其开发流程与主应用基本相同。支持官方或定制WiFi代码同步预览,或云端编译查看。

1、准备编译证书:

在编译安装App Clip应用之前,您需要在控制台“证书”页面上传编译证书。对于p12证书,只需共享主应用程序的p12即可。 App Clip应用程序的包名由主应用程序的包名+自定义字符串组成。例如主应用的包名是com.api.demo,那么App Clip的包名可以是com.api.demo.clip,参考【创建App ID】(复制链接打开PC #1_1),然后使用创建的包名称创建证书。

一般需要分别准备测试证书和正式证书。测试证书用于开发阶段的安装调试,正式证书用于最终发布到App。

2.安装并启动App Clip:

选择要编译的测试证书后,可以直接扫描二维码进行安装。 App Clip应用程序安装后,手机主屏幕上不会显示应用程序图标。因此,首次安装后无法通过主屏幕启动该应用程序。此时处理的方式有以下两种。

1.配置App Clip本地体验并扫描二维码启动

为了方便开发者测试App Clip,苹果在iOS 14手机的设置中提供了App Clip本地体验配置。打开设置--开发者--,输入需要关联的URL地址,以及卡片上显示的App Clip的包名。保存标题、副标题、图片等信息。

为上一步关联的 URL 生成二维码,然后在移动控制中心启动二维码扫描器。扫描生成的二维码后,将打开一张卡片。该卡显示上一步中配置的信息。单击“查看”或“打开”按钮可打开已安装的 App Clip 应用程序。打开一次后,您可以在手机桌面的应用程序库中找到最近使用的App Clip应用程序,下次可以通过应用程序库打开它。

2.在桌面上显示应用程序图标

如果你觉得按照上面的方式配置信息比较麻烦,还可以在.xml中配置显示应用程序图标,这样就可以直接点击图标启动。配置方法:

3.配置通用链接:

在App上,可以添加轻应用的体验设置,让用户可以通过NFC标签、扫描轻应用代码、网站应用、基于位置的Siri建议等方式发现轻应用,具体请参考苹果官方文档【设置轻应用】应用体验】(#/),要实现这些功能,您需要将轻应用与您的网站地址关联起来,以便系统能够通过URL验证并启动关联的轻应用。请参考【通用链接配置教程】()。

4. 获取启动链接url:

系统通过通用链接技术启动轻应用后,您可以通过监听代码中的事件获取启动URL地址,以进行下一步的显示处理。

api.addEventListener({ name:'appintent'},function(ret, err){ var url = ret.iosUrl; // to do});

发布申请

微信小程序云开发上传多个图片_小程序云开发图片调用_微信小程序图片上传云数据库

App Clip 应用不能单独发布,需要与主应用一起提交审核。使用类型证书编译主应用程序时,您可以选择关联的 App Clip 应用程序。编译后的 ipa 包包含主应用程序和 App Clip 应用程序。

将包含App Clip的ipa上传到App后,您可以在App网站上设置App Clip相关体验信息,例如生成轻App代码、关联位置等,详细信息请参考官方【设置轻应用体验](#/)帮助文档。

App Clip开发教程和使用文档:

功能丰富的“多终端”行业应用模板

为了让开发者更快的学习和使用平台AVM多终端开发技术,官方在创建MX App(多终端APP)时预设了三个多终端应用模板(电商模板、下单模板)网站控制台及开发工具·企业展示模板),未来还将推出更多行业应用模板供大家选择、体验和学习。

《电商模板》

该模板属于生鲜电商类型。其主要功能包括商品列表展示、商品详情查看、购物车、登录注册、个人中心、基础设置等。采用avm.js多终端技术开发和数据云3.0,可编译成&iOS App和微信小程序同时进行。

模板文档:

深入分析教程:

“订单模板”

本模板是一个餐饮商户的单业务堂食点餐应用。主要功能包括浏览商家主页信息、查看推荐菜品、下单、取餐等。采用avm.js多终端技术开发和数据云3.0,可同时编译成&iOS App和微信小程序时间。

模板文档:

深入分析教程:

分享