AppleWallet #設計電子卡片#HangNgaiProduction近年我哋越嚟越常用電子支付,令到大家會更加多接觸到 Apple Wallet 呢個手機程式。 ... <看更多>
apple wallet會員卡製作 在 蘋果仁- 我已經把手邊的會員卡通通加到Wallet 裡了 - Facebook 的必吃
我已經把手邊的會員卡通通加到Wallet 裡了,這邊教你如何用Pass2u 自製精美的虛擬會員卡! APPLEALMOND.COM. 利用Pass2u製作Wallet內精美會員卡, ... ... <看更多>
apple wallet會員卡製作 在 Re: [問題] 台灣有什麼能用的APP支援Wallet票卡? - 看板iOS 的必吃
昨天在這串的原文推文貼了我自製的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.不是每個商家都認數位形式的卡片,有些也是要帶實體卡,
有板友提到全聯只認實體卡,因為我最近都沒去消費,所以也沒拿給店員刷看看。
不過以往我去全聯買東西都只報電話而已...哈
補個圖
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 211.21.157.223
※ 文章網址: https://www.ptt.cc/bbs/iPhone/M.1490930934.A.3B4.html
但我沒有實測過,不確定自行轉換格式後店家是否可以掃。
如果無法的話,把實體卡的條碼截下來,
放在票卡的Strips圖檔欄位也是一種辦法。
你若有蘋果開發者帳號,可以生成更多Certificate。
Store Card這個種類的票卡左上方只有Logo這一種圖片欄位可以放圖,
最寬支援到570px,所以有大有小我猜應該就只是圖片尺寸的關係了~
... <看更多>