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

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

相关推荐

  • 苹果的这项新技术,能替代微信小程序?

    雷科技数码3C组 编辑丨MoFirLee 不知道大家是否还记得,在今年WWDC20发者大会上,苹果推出了App Clip,用户无需下载应用,即可体验到部分功能. 此前,海外部分地区已经上线App Cl ...

  • Android开发必会技术!5年经验Android程序员面试27天,搞懂这些直接来阿里入职

    Android开发前景怎么样? 很多人说Android开发前景越来越差了 我觉得这个回答是片面的 首先Android应用开发前景差是在最近两年出现的,也就是从2018开始,从那时起移动端的程序员已经慢 ...

  • 作为开发者/设计师,我是不会再开发小程序了

    头图作者见本推文的第二篇 我是一名开发者,严格来说,我也是设计师,我最喜欢干的事情就是从0到1做一款产品出来,包括体验设计.技术实现等,先说说我平时喜欢的开发工具,最喜欢使用Visual Studio ...

  • 如何用小程序发布分组作业

    如何用小程序发布分组作业

  • 每日作业小程序发布作业

          目前常见的小程序有微信小程序.支付宝小程序.QQ小程序等,随着小程序技术越来越成熟,我们对技术使用必将迈入小程序时代. --技术思维说        无论是在线教学还是平日的面对面教学,老 ...

  • [号外] 语法小程序发布 & 招募志愿者

    语法小程序发布 & 招募志愿者 相信参加日语等级考试的人,肯定有很多人在不停的默默地熟记语法,也一定迫切想要一本能随时翻阅的语法书吧.当然最好是免费的. 小编觉得微信的小程序真是个非常好的东西 ...

  • 如何用小程序发布跟写听读作业

           随着互联网技术的深入发展,支持学生自主学习的功能也越来越丰富,传统的基于标准答案的知识学习和测验已经无法满足我们需求,我们需要更多的知识学习和检测方式.       每日交作业小程序能够 ...

  • 「 Mix Idea 灵感清单 」小程序发布

    这是一款「 灵感清单  」 定期更新好玩. 有创意的互联网产品清单的小程序. 我大概花了24小时完成从产品设计到前后端开发到工作: 下面是第一版的产品设计, 实际开发的过程中,我进行了各种小调整. 最 ...

  • 微信小程序助力,购百行业走向数字化转型「新常态」

    借助小程序提供的"支付即注册".电商.直播等基础组件,商业中心正依据自身需要构建起模式各异的O2O一体化赋能方案. 作者 | 刘浩川 编辑 | 黎佳瑜 疫情期间,购物中心和百货行业 ...

  • 纯干货!这5个小程序+网站,从此免费追剧不用愁,速速收藏!

    大家好,又好久没见啦.今天,小编给大家推荐一些免费看剧的网站.想必大家一定都喜欢看电影.电视剧吧,现在电影.电视剧更新越来越快,大家都想第一时间看完,有的人会选择去电影院看,有的人会选择在电脑或手机上 ...

  • 郑州小程序开发:不要错把模板当成定制开发?

    郑州小程序开发:不要错把模板当成定制开发? 小程序开发一般分为两种类型,模板开发和定制开发. 有时候客户在开发小程序的时候,不了解模板开发和定制开发的区别,错把模板当成定制开发,只是一味地追求低价格, ...

  • 小程序商城为什么适合零售行业?

    事实证明,零售中有大量线下发展的空间.从线下到线上不再是空谈,给它可以给零售业带来了无限的机会和希望.那么小程序商城究竟可以为零售业带来哪些优势?小程序商城为何适合零售行业呢? 1.开发成本低 APP ...