最早是在iPhone4.tw討論區內，看到那篇「雲端發票-電子發票以及iPhone的最佳搭配」，感覺那個App應該很不錯用、而電子發票的推廣對現在的社會來說也算是件好事。只是在照圖操作的時候，發現該App中也是需要額外申請一個帳密，也因為這個奇怪的理由，我又開始研究怎麼把電子發票條碼硬塞到PassBook的方法......
(更新) 今年拿iPhone6去便利商店刷電子發票條碼時，發現在iPhone6的大螢幕上，它會把原本的Pass直接做「等比例放大」，這會讓原本以下流程所製作的條碼變長，甚至超過便利商店的條碼掃描機長度！所以針對條碼太長這一點，底下有做一些數字上的修正，以滿足iPhone6放大的螢幕。我沒有iPhone6+可以測試，但理論上方法一樣，但ppi那邊再縮更小一些應該就可以。若已經原本有做好的，可以參考第11步來更新條碼圖片。
PassBook這邊就不介紹了，但是有把玩過的人，應該都會知道目前PassBook只支援2維條碼，而台灣目前大多數都還是用1維條碼的資訊，所以要怎麼「塞」進去就是一個關鍵。
講「關鍵」，說穿了原理很簡單，就是把1維條碼當做會員卡之類的店家圖片塞進去就行了！問題就變成落在「塞進去之後還要能被辨識」。
理論上這招可以用在所有的1維條碼土炮硬上PassBook的用途，不過這邊就先以電子發票手機條碼來做舉例。
（以下教學使用MAC OS X 10.8來操作）
1. 首先上財政部電子發票網站，申請手機條碼（網址）。
2. 申請好之後，到「列印手機條碼」的分區，選擇列印條碼。這時候會系統會提供列印用的PDF檔，如下圖。條碼數目隨個人喜好。
3. 下載PDF條碼之後，再來就是要把條碼轉成合適的格式。首先先如下圖裁切需要的範圍，注意左右兩邊留白請「刻意」留多一點，方便後續處理。選好範圍後，選「工具」→「裁切」。
*若要使用在iPhone6上，請左右的空白再刻意多留一些。
4. 裁切成小塊的檔案後，選「檔案」→「輸出」，格式選擇PNG，解析度選擇326 ppi。
*若要使用在iPhone6上，這邊的解析度要降低，我是取300ppi。
5. 轉成PNG格式之後，再來要將條碼裁切成適合的大小，這時使用矩型工具選擇出寬620的區域（高隨意），若用「預覽程式」來操作的話，可以看到滑鼠邊邊會出現選取的區域大小，很方便操作。在確認矩型有完全涵蓋條碼之後，同前面第三步驟選擇「裁切」。
6. 在裁切成寬620的大小後，在去「工具」→「調整大小」，將高調整為250。若寬高被所定為等比例調整，則點一下旁邊的鎖頭符號，就能解鎖而獨立調整高度。在確認條碼最後為620x250的大小之後，存檔之後備用。
7. 再來就是要製作Pass了！基本上我們一般人，還是要仰賴那些「線上製作Pass的網站」協助，這邊我是使用PassDock這個服務（需要註冊），基本上裡面提供的免費功能已經能滿足我們的這次的需求。
9. 進入模版設定頁面後，這裡面最重要的，就是如下圖中，Strip的圖片選擇。在這邊選擇把剛剛製作的條碼圖檔上傳上去。此時若畫面右邊的預覽中出現了你的條碼，那就恭喜啦！你已經完成了99%了！
10. 最後製作完Template後，還要用這個Template來產生一個Pass，才能供iPhone使用。不過因為這篇教學重點不在製作Pass這邊，而各家Pass製作網站操作也不盡相同，所以這邊就不詳細描述了，真的有人需要細部教學的話再說。最後在手機上會看到如下圖的長相，裡面可以發現我把用不到的2D條碼取消掉、並且正面僅留了條碼資訊（我把其他資訊寫在背面供日後方便使用）。每個人想要的Pass長相不同，所以這邊也是發揮創意的好地方。
11. (更新以有的Pass條碼圖片) 從頭新作的話，到上面第10步就算大功告成，但若是像我一樣因為升級成iPhone6而必須要更新Pass條碼圖片的話，一樣是打開PassDock網站，找出你原本製作的那個Pass，更新你的條碼圖片、並且按下右下角的Update Template。
確認網站上的條碼圖案有如期的縮短之後，打開你手機的Passbook，選到你的電子發票手機條碼，按右下角的 (i) 翻面，然後把背面最上面的那個「自動更新」打開，翻回正面放著一會，你就會發現你的條碼圖案自動更新成縮短後的版本了。
從上面的教學可以了解，其實今天做的事情，就是把條碼圖片假裝成是廣告圖片（Strip圖），來放到Pass裡面。而能設定廣告圖片的Pass基礎模版，似乎只有Store Card和Event ticket這兩種版型。所以這次教學的重點，是在於「如何把條碼正確的產生、並且放到寬620的圖片內」，但是要注意的是，這邊建議「不要使用軟體縮放條碼」！因為軟體在縮放時，補插的運算會使條碼失真，進而容易有判讀的問題。
要避免上述的問題，最好的方式，就是從向量檔來進行轉檔、或者直接產生適當大小的條碼（不需要再縮放）。而這次財政部電子發票手機條碼，很貼心的提供PDF格式，很方便後續的操作。
就像最前面說的，這招理論上能用在所有一維條碼的應用，而在「製作條碼」的部份，可以找網路上一些免費的條碼產生網站，例如這個。
另外，在上圖最下面的家樂福卡Pass，可以直接到這個網址(Selfpass.net)製作。
『雲端發票』申請的帳號就是財政部的手機條碼，是共用的~~~~
回覆刪除對啊！我知道啊！我有哪一句話有寫到他們不是共用的嗎？ 其實「雲端發票」那個App做的實在不錯，該有的功能都整合進去了、而且製作團隊也在iPhone4.tw的網站上跟使用者互動頻繁。只是那個App本身還需要設定一組密碼（所以我說是額外註冊一個帳號），而我實在是已經懶得再去弄那麼多帳號密碼了～
回覆刪除每個App都來一組帳密哪受的了！
請問為什麼我設定出來後
回覆刪除我的卡片切換是用左右的方式?
而且排序沒有規則可循...
這樣都不知道該怎麼找到卡片...
請問你是用iPhone裡面的PassBook嗎？
回覆刪除印象中也有人在Android系統上弄出了相容於PassBook的東西，但是那邊我就完全的沒接觸了。
iPhone上的PassBook裡的Pass一定是垂直堆疊的、也無法橫向顯示，又或者你指的是別的地方呢？
您好。感謝您耐心的回覆。
回覆刪除我目前是使用iphone5
用您推薦的網站製作了三張卡片，再用底下的網站製作家樂福的
可是那三張卡片卻會在同一個堆疊之中，
只能選取該堆疊，再用左右滑動的方式換卡片
但是家樂福卡則是垂直堆疊，點一下就會與目前堆疊換位子
但我希望的是每張卡都能垂直堆疊顯示，這樣才能快速選卡...
請問你在用該網站製作那三張Pass的時候，是使用「同一個Template」嗎？ 對PassBook的架構來說，同一個Template來的Pass，好像處理的邏輯不太一樣，會不會也連帶影響到呈現的方式呢？
刪除又或者是Pass的那五種大類型的一些區別？
很不好意思，我在製作Pass這邊也是挺生疏的，我想你可以先試試看用不同的Template來產生Pass。
是的，您說的沒錯。
回覆刪除我製作的時候確實都是使用同一種Template--Store Card
也就是您教學使用的範例
(看來看去感覺這個好像最適合會員卡XD)
我稍後再來試試看不同的Template
感謝您~^^
也可以試試台灣的Pass製作網站www.pass2u.net
回覆刪除很棒的巧思，感謝分享！
回覆刪除您好，請問卡片背後的資訊怎麼編輯? 例如Store Card背後的Coffee 5一直無法刪掉
回覆刪除如果你也是用PassDock這個服務的話，在設定Template那頁的右下角、Create Template的按鈕上方，有個左右鍵頭，一直往右翻頁可以翻到卡片背後資訊的編輯頁面。
刪除請問那這些資料他會上傳到哪邊呢？
回覆刪除因為我剛剛在7-11刷過了但是她沒有給我任何東西
那我將來有中獎了或是想看一下明細
我要去哪邊看呢？
這是財政部的服務，所以資料最後是會傳到財政部那邊，可以去財政部電子發票網站了解一下。（就是申請條碼的那個網站）
刪除https://www.einvoice.nat.gov.tw
如果你結帳的時候使用電子發票，那當然就不會印紙本發票啦！不過你還是可以跟店員要求列印「交易明細」。
而只要你有使用電子發票，下個月月初就會收到財政部寄的E-mail，裡面附檔有你上個月的發票號碼、金額、明細等等，算是很詳細的資料。比較麻煩的是該文件是csv格式，但E-mail中也有詳細的開啟教學。
又或者可以登入上面那個財政部電子發票網址（用消費者身分登入），一樣可以查詢每個月的發票資料。
對獎的部份，財政部那邊的系統會自動對獎，而若你有在上面那個網站設定戶頭的話，中了獎還會自動匯到該戶頭去。（沒收手續費）
雖然說，在申請手機條碼時，應該就有做這些設定。但還是提醒一下，記得要把E-mail位置和中獎戶頭設定正確喔！
請問可以提供windows版的教學嗎? 因為我到裁切不分就看不懂了，謝謝
回覆刪除抱歉，我對windows底下處理PDF檔的軟體不熟。
刪除或許你可以用Acrobat reader把條碼轉成PNG檔之後，在用photoshop之類的圖片編輯軟體進行裁切縮放。