電子錢包這個詞最早是在中國移動那里聽到的，但是一直沒有使用，也沒法使用，國內(nèi)設備也不支持。前幾年，在國內(nèi)發(fā)行的手機中，支持NFC的越來越多，于是中國移動搞了個和包App，只要你手機支持和包NFC，那就能把手里的銀行卡添加到手機里，甚至公交卡也可以，以后只帶手機就可以出門了。理論上是這樣，可實際上，還要看和包這個App跟你當?shù)氐你y公交公司或者其他商家有沒有合作。
我今天要說的，不是和包，而是 iPhone 中的 Passbook，現(xiàn)在應該叫 Wallet 。
在 Wallet 中添加銀行卡也不是什么新鮮事，各大銀行也都有教程。今天不講銀行卡，這個太簡單，只要你有銀行的客戶端或者微信公眾號，都能從中學會如何把銀行卡添加到 Wallet 中。
之前用過 Passbook / Wallet 的都知道，向大眾點評、貓眼電影、豆瓣電影、國行無線等等這些App，都支持 Passbook / Wallet 。比如你在貓眼電影這個App上買了電影票，那么這張電影票是可以添加至 Passbook / Wallet 中的，而且支持更新，用過之后就不能再用了。
實際生活中，我們使用最多的不是像電影票這樣的電子憑證，錢包里除了銀行卡，就是各個門店的會員卡或者積分卡，這些卡片中絕大多數(shù)是不支持 Passbook / Wallet 的，平時出門又要帶很多卡，因為指不定什么時候就能用到。所以，很多人的錢包都是鼓鼓的，很不方便。
有沒有辦法把這些卡片都裝進手機？
有！
但是需要你確定一件事，那就是你的會員卡是不是通過掃碼來使用的，這個你在使用過程中就能看出來，如果收銀員拿掃碼槍來掃你的卡，那就支持掃碼。如果是磁條卡，那今天講的方法就跟你無關(guān)了。當然，也有的卡片是條碼和磁條都支持的，必要時去門店確認一下。
言歸正裝，接下來教大家如何使用 Passdock 這個神器把你的卡片添加至 Wallet 中。Passdock 有網(wǎng)頁版，也有iOS版，最大的特點就是可以自己設置卡片的外觀，你用自己照片都可以，畢竟起作用的是卡片上的那個條碼。
以下方法是在 Passdock 網(wǎng)頁版中完成的，國外的網(wǎng)站，有點慢，想要快的自己想辦法，你懂得。
1. 注冊并登陸 Passdock
在瀏覽器（我用的是Chrome）中輸入地址：api.passdock.com，前往注冊并登陸。
上面是我的賬號，之前已經(jīng)做過三張了，分別是好又多會員卡、濟南華聯(lián)商廈會員積分卡，真維斯VIPCARD，親測能用。
2. 準備素材
Passdock 最大的特點是可以自己設計卡片，不同的模板需要的素材不一樣，我做的是簡單的那種，所以只準備三張圖片素材。尺寸分別為58×58、570×72、620×250，格式均為png，其他的格式不支持上傳。注意看第二種尺寸的圖片，除了藍色符號之外的背景，不是白色，而是透明的，這就是為什么要用png格式，就是因為它有Alpha通道，可以把沒有用的部分設置成透明。
下面是兩種大尺寸圖片在卡片上的位置（不同的模板是不一樣的）。
3. 制作模板
3.1 上傳圖片素材
選擇 Store Card 模板 ?在頁面右上角“NEW TEMPLATE FROM SCRATCH”這一組圖標中的第四個。
在彈出的確認窗口中，點擊 Create Store Card，進入 Store Card 設計頁面。
上傳圖片素材 ?在頁面左上角，有四個上傳素材的按鈕，我們只對前三個上傳，第四個不用管，上傳后如下圖。模板中預設的那些英文還在，跟圖片重疊了，先不用管，下面會講。注意看 520×72 這張圖片，如果背景色不是透明的話，會是什么樣子？
3.2 設置卡片背景色
因為條碼是黑色的，為了能夠使條碼準確識別，卡片的背景色設置成白色，將 Background Color 中的值改為“rgb(255,255,255)”即可。
如果你選擇其他模板的話，整個背景你都可以自己設計，而不是單純的顏色。
3.3 設置卡片信息
在卡片詳細的信息設置中，Passdock 劃分了多個部分，姑且把他們叫做模塊吧，這樣好理解，下面只講用到的幾個模塊。
GENERAL TEMPLATE SETTING
這個模塊唯一一個要填的就是 Name，不填無法創(chuàng)建模板，Name 后面有個“*”，表示必填。
HEADER SECTION
這個模塊中的信息顯示在卡片的右上角，見下圖，看箭頭指示。可以不填，把右上角這塊空出來。也可以自己發(fā)揮，我填的分別是2016、VIPCARD。
PRIMARY SECTION
這個模塊的信息就是跟剛才上傳的那個尺寸最大的圖片重合的部分，這個部分要不要填，取決于你自己。如果要填的話，要注意的是，上傳的素材中要給這部分信息流出足夠的空間，要填什么還是看自己需要，如下圖。真維斯的LOGO放在了圖片的右下角，那么 PRIMARY SECTION 這個模塊的信息就會顯示在圖片的左上角，不會出現(xiàn)重合的現(xiàn)象。
我主張簡潔，less is more，不會把卡片做的過于復雜，所以這部分信息空著，這樣在制作圖片素材的時，就可以把真維斯的LOGO放在圖片的正中心，如下圖。
SECONDARY SECTION
在圖片的下方，大多數(shù)情況下會寫持有人的身份信息，像我這樣不想讓收銀員知道我大名的，就不會把名字寫上。為了應對掃碼失敗這種事，我就把卡號寫上了。
要注意的是，現(xiàn)在做的只是模板，你可以在這個模板上生成很多張卡片，所以在填信息的時候，要根據(jù)具體情況而定。如果制作自己用的卡片，這時候填寫上有自己個性的內(nèi)容當然可以，但如果以后要為朋友或者同事做一張同樣的卡片式，你還得重新修改模板信息。
2D CODE SECTION
這是個很重要的環(huán)節(jié)，錯了就要重新修改。之前一直說 Passdock 最大的特點是支持自己設計，如果說還有一個特點的話，那就是這部分了。
Passdock 提供了4種格式，包括3種二維碼和1中條形碼，如下圖。需要哪種格式還要看你的實體卡上是哪種，比如星巴克的星享卡是“PDF417"這種，一般超市或者門店的會員卡是”128Code“這種。
真維斯會員卡中的碼是條形碼，所以選擇“128Code”這種格式。“Message”中的值生成的是條形碼，“Alternative”的位置在條形碼的下方，可以不填。
BACK SECTION
就是卡片背面的信息，軟肋，不填也罷。說他是軟肋，因為不支持中文，填了也白搭。如果你的卡片是高大上的外文卡，可以填上。當然，也沒必要非得按照卡片背面的信息來填，我隨便填了一下。
至此，模板做完了，點擊“Update Template”生成模板。
新模板做好了，可以直接點擊“New Passes”創(chuàng)建新的卡片，我們不在此處創(chuàng)建，而是點擊上方的“Templates”回到模板頁面。
4. 制作會員卡
剛才只是做了一個模板，想要生成自己的卡片還需要幾步操作。如下圖，剛生成的模板中有“JEANSWEST CARD”字樣，那就是 GENERAL TEMPLATE SETTING 中的 Name，就是模板的名字。
在新生成的模板中，點擊下拉箭頭，在下拉菜單中選擇 New，開始創(chuàng)建新的卡片。
進入卡片設置頁面，注意有三個模塊是藍色的，填寫這三個就夠了，其他的在前面創(chuàng)建模板的時候都已經(jīng)設置了。
在 Message 中填入你的卡號，Alternote 中自己發(fā)揮，我填的是卡號，常見的條形碼下面就是卡號。注意在 Message 中填入卡號時，右邊卡片中的條形碼不會有任何變化
至于 SECONDARY SECTION 和 BACK SECTION 這兩個模塊，自己發(fā)揮吧，我空著了。
點擊“Create Pass”生成新的卡片，如下圖，為防止泄露信息，所有賬號信息都做了遮蓋處理。
至此，這張真維斯的會員卡就做好了，接下來就是把這張會員卡添加至 Wallet。
5. 添加至 Wallet
Passdock 提供了四種添加至 Wallet 的方式掃描二維碼、郵件、URL 和 直接下載。
如果你用的是 Mac，可以直接點擊 “Add to Passbook” 按鈕，將剛生成的卡片下載至電腦，然后直接雙擊打開，如下圖。
在 Passbook 文件的右下角，點擊“添加到 Wallet”，前提是你的 Mac 和 iPhone 是用同一個賬號登錄的，如下圖。
如果沒有 Mac 電腦，或者 Mac 電腦與 iPhone 沒有用同一賬號登錄，可以也可以將做好的 Passbook 文件下載（誰知道以后會不會誤刪），然后通過郵件、QQ、微信或者其他方式，將此 Passbook 文件傳送至 iPhone，在 iPhone 中打開即可。
除了下載文件之外，還有三種方式：直接掃描網(wǎng)頁中的二維碼、在網(wǎng)頁上添加郵箱地址、將網(wǎng)頁提供的網(wǎng)址輸入手機瀏覽器。
下面是我手機中存放的四張會員卡，每張都能正常使用，出門的時候，錢包中起碼可以少帶四張卡片。
總結(jié)
今天講了利用 Passdock 制作 Passbook 文件的方法，注意以下幾點：
1. 只支持掃碼卡片，磁條卡片不支持；
2. 設計素材要注意模板中要求的尺寸和格式（一般是png）；
3. 要根據(jù)實體卡片選取二維碼或者條形碼的編碼格式。
結(jié)束！
