APICloud全面适配“iOS小程序”，发布多套免费行业模板 / 四六文摘

原创柚子君 APICloud 昨天

今年6月在WWDC（苹果开发者大会）上，苹果新增了“App Clip”功能，可以实现快速启动，用完即走的简化版应用，用户不再需要下载整个应用程序，通过Apple登录，Apple pay支付即可，使用场景覆盖外卖、购物、骑车等。类似国内微信小程序，App Clip也推出了专门的App Clip Code二维码。不久前，苹果官方再次宣布，国内现已推出轻app码，而这也意味着App Clip功能将一同上线。

轻 app 码现在可以在 App Store Connect 中创建，也可以通过新的命令行轻 app 码生成器来创建。苹果指出，使用该命令行，开发者能灵活地批量创建代码。

作为低代码领域的领跑者，APICloud为了丰富开发者的应用场景，特别对App Clip进行了适配，开发者可以通过APICloud平台创建、开发、编译成“iOS小程序”。

“全面改版的”应用分类：新增多终端App和“iOS小程序”

Native App（原生App）：
用标准H5或AVM.JS技术开发Android & iOS原生APP，适合功能强大、性能卓越的APP开发。提供全翻译式原生渲染引擎、1000+功能模块 &20000+API调用。

MX App（多终端App）：

NEW使用AVM.JS技术开发多终端应用，一次开发同时生成微信小程序、Android &iOS App。开发小程序，“白送”App。

App Clip（iOS 轻App）：

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

Web App（WebApp）：
将已有HTML5网站一键打包成APP。

如何通过 APICloud 平台开发 App Clip ？

创建应用

创建 App Clip 应用有两种方式（后附视频讲解）：

网站控制台创建；
开发工具 APICloud Studio 3 中创建。

在 APICloud 网站控制台创建：

在 APICloud Studio 3 中创建：

开发调试

App Clip 使用和主应用一样的 APICloud 开发技术，其开发流程和主应用也基本一致，支持使用官方 AppLoader 或者自定义 Loader 进行 WiFi 代码同步预览，或者云编译进行查看。

一、准备编译证书：

在编译安装 App Clip 应用之前，需要在控制台“证书”页面上传编译证书。对于 p12 证书，共用主应用的 p12 即可。App Clip 应用的包名由主应用的包名 + 自定义字符串组成，例如主应用包名为 com.api.demo，则 App Clip 的包名可以为 com.api.demo.clip，参考【创建 App ID】(复制链接PC端打开https://docs.apicloud.com/Dev-Guide/iOS-License-Application-Guidance#1_1)，然后再用创建好的包名制作 mobileprovision 证书。

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

二、安装启动 App Clip：

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

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

为方便开发者测试 App Clip，苹果在 iOS 14 系统手机的设置里面提供了 App Clip 本地体验配置，打开设置 - 开发者 - Local Experiences - Register Local Experience，输入要关联的 url 地址，App Clip 的包名，展示在卡片上面的标题、副标题、图片等信息保存。

为上一步关联的 url 生成一个二维码，然后启动手机控制中心的二维码扫描器，扫描生成的二维码后就会打开一个卡片，卡片上面展示了上一步配置的信息，点查看或者打开按钮即可打开安装的 App Clip 应用。打开过一次后手机桌面的 App 资源库里面就能找到最近使用的 App Clip 应用，下次就可以通过 App 资源库来打开。

2、在桌面显示应用图标

如果觉得上面那样配置信息比较麻烦，也可以在 config.xml 里面配置显示应用图标，这样就可以直接点图标启动，配置方式：

<preference name="launcher" value="true" />

三、配置通用链接：

在 App Store Connect 上面，您可以为轻 app 添加体验设置，让用户可通过 NFC 标签、扫描轻 app 码、网站 Smart App Banner、基于位置的 Siri 建议等方式来发现轻 app，详情参考苹果官方文档【设置轻 App 体验】(https://help.apple.com/app-store-connect/#/dev5b665db74)，实现这些功能需要将轻 app 和您的网站地址相关联，系统才能通过 url 验证和启动关联的轻 app，参考【通用链接配置教程】(https://community.apicloud.com/bbs/thread-73705-1-1.html)。

四、获取启动链接 url：

系统通过通用链接技术启动轻 app 后，在代码里面可以通过监听 appintent 事件拿到启动的 url 地址，以便做下一步的展示处理。

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

发布应用

App Clip 应用不能单独发布，它需要和主应用一起提交 AppStore 审核。当使用 AppStore 类型证书编译主应用的时候，可以选择关联的 App Clip 应用，编译出来的 ipa 包里面同时包含了主应用和 App Clip 应用。

上传包含 App Clip 的 ipa 到 App Store Connect 后，才能在 App Store Connect 网站上面设置 App Clip 相关体验信息，如生成轻 App 码、关联地点等，详细信息参考苹果官方【设置轻 App 体验】(https://help.apple.com/app-store-connect/#/dev5b665db74)帮助文档。

App Clip 开发教程与使用文档：
https://docs.apicloud.com/Dev-Guide/AppClip

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

为了让开发者更加快速的学习和使用APICloud平台AVM多端开发技术，在APICloud官网控制台和开发工具APICloud studio3中创建MX App（多终端APP）的时候预设了三款多端应用模板（电商模板、点餐模板·企业展示模板），后续会陆续推出更多行业应用模板供大家选择体验和学习。

《电商模板》

此模板为生鲜电商类型，主要功能包括商品列表展示、商品详情查看、购物车、登录注册、个人中心、基础设置等。使用avm.js多端技术开发和APICloud数据云3.0，可同时编译为Android & iOS App以及微信小程序。

模板文档：https://docs.apicloud.com/APICloud/Fresh-template-description

深度解析教程：https://community.apicloud.com/bbs/thread-167789-1-1.html

《点餐模板》

此模板为一个餐饮商户单商家堂食下单应用。主要功能包括浏览商家主页信息、查看推荐菜品、下单商品、取餐等号等功能。使用avm.js多端技术开发和APICloud数据云3.0，可同时编译为Android & iOS App以及微信小程序。

模板文档：https://docs.apicloud.com/APICloud/Order-template-description

深度解析教程：https://github.com/apicloudcom/ordering-food/blob/main/docs/README.md

注：点击阅读原文获取模板详情，或复制下面链接pc端打开：

https://community.apicloud.com/bbs/thread-169301-1-1.html

不看的原因确定内容质量低不看此公众号

APICloud全面适配“iOS小程序”，发布多套免费行业模板

相关推荐