2020年世界读书日主题iOS14APPClips开发（组件化代码复⽤）
Create by Linxi 2020/11/25
相亲相爱的一家人歌词本⽂将主要探讨App Clips开发流程 和 组件化、⾮组件化两种开发⽅式下如何复⽤代码的问题。
App Clips是iOS14系统的新特性之⼀，类似于⼩程序，⽤户可以在不下载App的情况下体验到App的部分功能，如⽹易严选的商品详情功能（），该功能适合做⼀些推⼴和引流的运营⼯作，另外苹果也提供的原⽣的浮窗样式，可以引导⽤户下载完整版App。
苹果官⽅⽂档：
⽬前已知的触发⽅式
⼆维码
必须使⽤iOS 14系统相机或者使⽤控制中⼼的读取⼆维码组件来扫码才能触发App Clips。
NFC Tags
NFC标签感应，⽐如星巴克桌⾯内嵌的NFC Tags。
Safari App Banner
当⽤户⽤iOS的Safari浏览器浏览相应的⽹址后，页⾯顶部会出现⼀个横幅，提⽰⽤户有App Clips可以⽤。宏伟宝库
信息
iOS系统⾃带的iMessage，当你在iMessage发送⼀个App Clips链接时，系统会⾃动把信息显⽰成⼀个App Clips的卡⽚。
开发前置⼯作
申请证书
创建App Clips ID
1. 点击新增APP ID
2. 选择App Clip
台湾特产小吃3. 输⼊⼀串英⽂名，⽤于拼接在主⼯程的bundle id的后⾯，⽣成该clip的bundle id
4. 在Description内输⼊描述（不能使⽤特殊符号），并且在下⽅勾选App Clip能⼒，⽐如Apple Pay，Sign in with Apple，Push等
等，Associated Domains必须勾选
5. 最后确认并点击右上⽅Register即可
创建Profiles
流程跟创建App的Profiles⼀样，就是选择bundle id的时候改成Clip的bundle id 即可，同样有Development、AdHoc、Distribution三种类型
其他配置
如果需要其他NFC、地点等等的⼀些⽅式触发App Clip配置的话，参考这个苹果的⽂档
这⾥有⼀个iOS交流圈： 分享BAT，阿⾥⾯试题、⾯试经验，讨论技术， ⼤家⼀起交流学习成长！
Apple Store Connect 配置图⽚和标题，描述
1. 需要⼀张1800 * 1200 的图⽚，⽤于显⽰在Clip的卡⽚上
2. 副标题⽤于显⽰在卡⽚标题下的⼩字，如图所⽰
3. 操作包括“打开”“查看”“开始游戏”，体现在卡⽚右边的蓝⾊按钮内的⽂案，根据你的产品类型进⾏选择就好
配置apple-app-site-association.json
假设你的开发者账号的Team Id是A123，Clips的bundle id是com.abc.def.clips，主⼯程的bundle id 是com.abc.def，则配置如下
{
"appclips":{
"apps":["A123.abc.def.clips"]
},
"applinks":{
红楼梦每回概括"apps":[
],
"details":{
"A123.abc.def":{土方工程承包合同
"paths":[
"*" // 这⾥的Path根据实际情况配置即可
]
}
}
},
"webcredentials":{
"apps":[
"A123.abc.def",
]
},
"activitycontinuation":{
"apps":[
"A123.abc.def",
]
}
}
配置完成后部署到你⾃⼰域名的根⽬录下，配置⽅法⽹上很多教程，这⾥贴上
如果配置错了，那么上传包到苹果后台之后，就会显⽰⽆效域名
如果是json配置错误，那么配置正确后不⽤重新传包，等待苹果那边刷新缓存就好。App Clip⽀持最多在三个域名的⽹页显⽰⼊⼝，到后⾯的⼯程配置那⾥会说明。
前端页⾯添加meta标签
如果要在H5页⾯显⽰Clips⼊⼝，加上⼀段meta标签即可
如果你的应⽤市场App id是 123456, Clips的bundle id 是 com.abc.clips 则应该配置<meta name="apple-itunes-app" content="app-id=123456,app-clip-bundle-id=com.abc.clips">开发⼯作
新建App Clip Target
这⾥以OC⼯程为例
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论