昨天在这串的原文推文贴了我自制的Wallet,
今天睡醒发现大家好像对客制化Wallet满有兴趣的,
因为可能不太有时间写教学文,简单讲一下我是怎么做的。
-
其实有很多客制化Wallet的第三方服务,
基本上这些服务都是直接调用Apple Wallet的API
并且提供一个UI来让使用者自订票卡的各种属性,
再通过网站生成的QR CODE来布署到手机里。
我是使用网页版Passdock制作,他们提供的客制化选项很多,
而且可以增加地理资讯跟iBeacon资讯到票卡里,
例如我把住家附近的全联都加进地理资讯,当我GPS定位到这些地点的时候,
手机就会自动推送相对应的票卡给你使用。
网络上Passdock的教学文很多,大家可以去Google一下,
在设定条码的部分只要参照实体卡片背面条码底下的那一串数字来设定就好,
(那串数字就是条码里面包含的资讯 通常都只是卡号)
格式记得选实体卡条码相应的格式,例如最常见的面条形条码就是CODE 128。
-
票卡设计的部分,
Passdock在制作票卡时都会提供上传图档的地方,也都有尺寸标示,
我是搭配illustrator来制作我想要的图档。
票卡颜色就用滴管工具去吸各品牌的标准色来搭配XD
资料字段就随个人喜好打上去就好了(卡号 姓名什么的)
-
最后讲一个小技巧,Apple Wallet里面的每张卡都有一个Certificate。
可以把Certificate想成是商家的签署,来自同一个Certificate的卡片,
会全部堆叠在一起(因为系统看起来就是来自同一个商家),
就像Stocard做出来的那样,你要先点进去那个卡堆中,
里面的卡片才会横向展开让你左右滑动选取,而不是一张一张有秩序的站好。
所以说,如果我有五张卡片想让他排排站好一目了然,
那我就需要五个Certificate,那Certificate要怎么取得呢?
就是花100美金去买苹果开发者帐号使用SDK去生成...
为了这几张无关痛痒的卡片花100美金我想一般人都无法接受吧XD
重点来了,Passdock提供多达十组的Public Certificate,
这也是我会使用Passdock来制作的原因。
在用Passdock制作票卡的时候,按下网页右上方的Advance
切换到进阶模式,会有一栏是让你设定Certificate,共有十组可以用。
所以最后出来的成果就会是每张卡片都有隔开不会堆叠。
大概就是这样囉...
啊...不知不觉就写了这么多XD
P.S.不是每个商家都认数位形式的卡片,有些也是要带实体卡,
有板友提到全联只认实体卡,因为我最近都没去消费,所以也没拿给店员刷看看。
不过以往我去全联买东西都只报电话而已...哈
补个图
http://imgur.com/a/BYktW
http://imgur.com/a/ibmeK