分享

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

 风声之家 2020-12-31

原创 柚子君 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./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./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./Dev-Guide/AppClip

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

为了让开发者更加快速的学习和使用APICloud平台AVM多端开发技术,在APICloud官网控制台和开发工具APICloud studio3中创建MX App(多终端APP)的时候预设了三款多端应用模板(电商模板、点餐模板·企业展示模板),后续会陆续推出更多行业应用模板供大家选择体验和学习。
《电商模板》
此模板为生鲜电商类型,主要功能包括商品列表展示、商品详情查看、购物车、登录注册、个人中心、基础设置等。使用avm.js多端技术开发和APICloud数据云3.0,可同时编译为Android & iOS App以及微信小程序。
模板文档:https://docs./APICloud/Fresh-template-description
深度解析教程:https://community./bbs/thread-167789-1-1.html

《点餐模板》
此模板为一个餐饮商户单商家堂食下单应用。主要功能包括浏览商家主页信息、查看推荐菜品、下单商品、取餐等号等功能。使用avm.js多端技术开发和APICloud数据云3.0,可同时编译为Android & iOS App以及微信小程序。
模板文档:https://docs./APICloud/Order-template-description
深度解析教程:https://github.com/apicloudcom/ordering-food/blob/main/docs/README.md

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

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多