Re: [问题] 台湾有什么能用的APP支援Wallet票卡?

楼主: FANG0100 (那个谁)   2017-03-31 11:28:52
昨天在这串的原文推文贴了我自制的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
作者: wenyic (wenyicchen)   2017-03-31 11:32:00
作者: EROS4   2017-03-31 11:34:00
作者: weizhu (一球)   2017-03-31 11:34:00
作者: jesi   2017-03-31 11:38:00
推Certificate说明
作者: itsdelovely (It's De-Lovely)   2017-03-31 11:50:00
作者: Abiou (Abiou)   2017-03-31 11:53:00
作者: hopeless3802 (Sunday)   2017-03-31 11:56:00
太强大了!!!
作者: halay02222 (放。空)   2017-03-31 12:09:00
作者: panjiongkai (想念放在心里)   2017-03-31 12:14:00
全联会员卡是用感应式的所以只认实体卡
作者: awpex127 (Brian)   2017-03-31 12:21:00
长姿势 谢谢
作者: BBryson (布莱森)   2017-03-31 12:22:00
全联不是都报电话吗?
作者: ShuwnYu (语)   2017-03-31 12:27:00
可是有的卡是Code 32,Code 128不能用吧?我记得passdock只能选择code 128,不知道能不能用图档?
作者: shan86206 (史蒂芬Sun)   2017-03-31 12:41:00
推认证说明
作者: yang0918 (Yang气位置也刚好在最左z)   2017-03-31 12:54:00
推 但还是好难制作
作者: zixiangsun (zixiang)   2017-03-31 12:57:00
推!太用心了~
作者: chart (まどか NO.1 \(^O^))   2017-03-31 13:13:00
我想问的是为什么票卡左上角有些图可以显示很大有的很小??
作者: Hollowcorpse (爱罗武台湾)   2017-03-31 13:28:00
可以用图档,就是另外做Code39的图当主图去放就可以
作者: bluecat5566 (少冰半堂本刚)   2017-03-31 13:33:00
全联有些优惠跟扣现金要用实体卡
作者: Aquari (  ̄Д ̄)=o|▅▅▆▇▇◤)   2017-03-31 13:34:00
所以最多只有十张卡能立排,再多就只能用横排囉?
作者: c918 (━━(゚∀゚)━━)   2017-03-31 13:53:00
c大应该是在说这个,因为我的左上角的图也是很小
作者: dctmax   2017-03-31 13:56:00
推!
作者: c918 (━━(゚∀゚)━━)   2017-03-31 13:56:00
作者: davidywc (暱称我还没想到)   2017-03-31 14:31:00
http://imgur.com/eYLoroD 感谢F大的启发,终于做好我的了! 虽然costco那张是做开心的XD(应该不能用
作者: wicors (御悪果実)   2017-03-31 14:36:00
推一个,昨天也是发现passdock的advance可以自定好多玩意除了条码以外的资讯可以自己恶搞很好玩XDDD我看了一下卡片的条码基本上是用CODE128,不要乱改比较好另外我发现GPS虽然有十个可以用,但修改后在进去编辑第六个以后的GPS资讯回不见,不知道是不是网站的问题
作者: dctmax   2017-03-31 14:42:00
david大做的也很漂亮!
作者: guessssss (简单生活)   2017-03-31 15:34:00
看来D大要分享教学文了...
作者: ccyou (囧爷)   2017-03-31 15:37:00
推分享~但字卡颜色好难调@@
作者: Mowd (mowd.tw)   2017-03-31 15:57:00
http://i.imgur.com/bTLawC7.jpg 感谢分享心得,原先卡关在把卡片分开,原来要改凭证
作者: Mrmad (疯先生)   2017-03-31 16:28:00
提供教学与配色 https://goo.gl/0NIGFc
作者: hopeless3802 (Sunday)   2017-03-31 16:32:00
passdock的比较好,条码在相对比较上方但也比较难设计,英文苦手QQ
作者: cwl717033 (正常人都会看指标搭捷运)   2017-03-31 16:47:00
做好是做好了,但要怎么把卡片分开放呀 凭证要怎么改?@@http://i.imgur.com/SrUqwnf.jpg
作者: Abiou (Abiou)   2017-03-31 16:55:00
成功把卡放进去http://i.imgur.com/ffsGbaO.jpg
作者: phoebe147 (PHEEEEEEEEEEE)   2017-03-31 17:47:00
我自己打卡号上去的都不成功耶@@
作者: dctmax   2017-03-31 18:19:00
跟大家分享一下 我用ColorHelper 这个app 帮忙看色码 不过这个app接口还蛮简陋的就是了
作者: cwl717033 (正常人都会看指标搭捷运)   2017-03-31 18:29:00
我也成功了!感谢教学与帮助!http://i.imgur.com/Qu55JCB.jpg
作者: dctmax   2017-03-31 19:02:00
不知道F大方不方便分享素材 有些自己找的感觉没F大的好
作者: cathysakura (NINAxHIME)   2017-03-31 23:35:00
大润发会员号码太长...超过了...XDD
作者: moto615 (MoTo)   2017-04-01 05:04:00
改凭证一直出现错误,卡关QQ
作者: wei82519 (Wei)   2017-04-01 09:48:00
想请问logo放上去的状况 已经调过与logo背景相同颜色 可是最上面会有渐层效果 不知道是否可以避免><
作者: Feases (<( ̄︶ ̄)>)   2017-04-01 10:38:00
原po的设计跟推文中的卡片都用得很漂亮耶,还以为是店家推出的公版
作者: wayne2099xu (Wayne2099xu)   2017-04-01 21:19:00
终于也做好自己的了http://imgur.com/XwiqFUv
作者: asusfrank (frank)   2017-04-01 23:38:00
大家好厉害!请问屈臣式的logo 怎么找,因为找到都有白底!
作者: awpex127 (Brian)   2017-04-03 17:49:00
找png档 或是自己用修图软件把白底透明化
作者: Ibugi (人生是条伟大航路)   2017-04-04 01:32:00
谢谢原po 我学会了 http://i.imgur.com/9ivuHA3.jpg

Links booklink

Contact Us: admin [ a t ] ucptt.com