App Clips 介绍及配置流程

一、什么是App Clips

App Clips 是 iOS 14 的一个重要“卖点”，它提供了一种“即时使用”的方式，让用户可以在特定时间、特定场景，在不下载完整 App 的前提下，体验到 App 的核心功能。

二、App Clips 应用场景

• 1、苹果推荐应用场景
  进店→ 看到NFC标志并碰一碰→ 手机弹出该店的Clips弹窗（卡片）->点击进入Clips->下单并付款（Apple pay）
  NFC唤醒Clips卡片，点击Open进入Clips页面。这两步属于Links。
  （1）NFC标志就是编码后的URL，必须注册；
  （2）点击Open，也是打开启动URL（通过NSUserActivity获取到的URL地址）
• 2、App Clips 唤起方式
  （1）使用苹果自带相机应用扫码App Clips二维码
  （2）使用iPhone触碰特定的NFC标签
  （3）在苹果自带浏览器Safari中访问特定网站的Smart App Banner。（很多网站都有这种设计，只不过之前都是跳转到App，现在换成了Clips）
  （4）在iMessage中主动分享、打开他人分享的APP Clips
  （5）在苹果自带地图中唤起使用。（某家店铺在地图中的详情页有Clips的入口）（中国不支持）
  （6）Siri会提示附近有Clips（nearby suggestions）
  不管什么调用方式，最后都是展示Clip的卡片，然后从卡片进入具体页面
• 3、App Clips 与通用链
  （1）相较于通用链来说，App Clips更具有一些优势。对于iOS应用来说，通用链可以唤起我们的沉默用户（已经安装了APP，但不会主动打开）。所有通用链的前提是用户必须安装了APP。而App Clips，在Safari中，你没有安装应用会有提示打开App Clips的提示，所以App Clips更大的作用在于拉新。
  （2）当你已经安装了应用时，App Clips并不会影响通用链的唤起动作。
• 4、CSDN App Clips
  

三、一些需要考虑的问题

• 1、适用于APP 的业务场景？（可体验的完整闭环）
• 2、App Clips 只支持iOS 14及以上的设备
• 3、App Clips 唤起方式有二维码、Safari Smart Banner、NFC、Map、Message。适用于我们的应该只有二维码（二维码只有系统相机与扫码才能识别）与Safari Smart Banner。

四、App Clips 配置流程

• 1、配置流程
  （1）配置网络服务器和Clip，为了处理链接的问题
  （2）服务器上：更新apple-app-site-association文件（增加app clip的apps key）
  （3）Clip上：增加关联域权利（Xcode中associated domians增加网站域名）；处理NSUserActivity（其中的属性webpageURL提供跳转到Clips的URL，具体代码看示例，在主函数里面添加）
  （4）在Apple Store Connect上面配置clip弹出卡片的一些信息（主标题：18字符；副标题：43字符；图片：3000*2000像素 宽高比3:2 png/jpg 不透明）
  <1> 第一步（网页banner、iMessage分享气泡配置）副标题、图片、动作（如何进入，例如open）。这些信息在网页banner、iMessage分享气泡当中都是公用的。这两种方式打开的卡片也是使用这里配置的信息（默认显示这些信息）
  <2> 第二步
  其余的配置需要在advanced app clip experience中配置（例如NFC、二维码）配置URL。一个clip可以配置多条URL。配置bundle id
  <3> 第三步（这里配置的信息就是非默认显示的，会显示在卡片、地图这些场景中）图片、主标题、副标题，选择行为。
  ⚠️对于同一个店家的不同clip来说，不用给每个clip都注册一遍URL，前缀是相同的，注册一遍前缀就行。
  但是哪怕注册的URL只用作前缀，这个地址也必须是能够被处理的，不能打不开这个注册的URL。（此时图片标题这些信息都是单独配置的，只是URL前缀注册一遍就行）
  ⚠️对于同一个clip来说，也只需要注册一个URL作为前缀就行。后续的URL参数或者地址不用单独注册，这样就能打开特定的clip页面（卡片上图片、标题这类信息都是相同的）
  (5)Safari网页上面需要配置clip的banner（网页上打开clip的入口）iOS14才支持网页需要配置：<meta name="apple-itunes-app" content="app-clip-bundle-id=net.xxx.Clip,app-id=xxxxx">
• 2、App Clips On TestFlight
  把App和Clip提交给Apple Store Connect之后，要在TestFlight里面新建一个关于clip的部分，为clip增加测试调用点，方便测试通过配置不同URL打开不同页面。
  点击add app clip invocation->设置标题、URL等