已經陸續有人回報利用PooPoo1212大提供快速製作方式所產生的票卡會掃瞄失敗,主因是條碼格式不符,使用時請注意。
========================================
昨天一篇教學 [教學] 把 電子發票手機條碼 製作成Wallet票卡 不小心讓熱情的台灣人把PassDock的伺服器弄掛了⋯
後來得到PooPoo1212大介紹使用Pass2U,不過因為他的範本我覺得不是那麼好看,所以我快速的寫一篇Pass2U版的教學給大家~
首先再次說明一下,Wallet是專門設計來秀票卡的,打開它螢幕就會自動調亮,降低掃瞄失敗的機會。另外在Apple Pay同一個畫面叫出條碼也更顯俐落,這都是Widget比不上的。
第一件事我們要準備一張條碼圖檔。一般Wallet票卡底下的條碼是Wallet內建的,是屬於Code128,但跟財政部手機條碼所使用的Code39不同,所以我們需要另外製作一個條碼圖檔,來代替票卡上的Strip.png。
這邊介紹大家使用taichunmin大製作的小工具 http://taichunmin.idv.tw/einvoice/ 來產生圖檔,只要填上你的手機條碼即可。
![[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版](https://attach.mobile01.com/attach/201703/mobile01-9e97d7b863861e007856359f06eff735.png)
要開始製作票卡,我們先到 https://www.pass2u.net/ 註冊會員,登入昤選「票卡發行服務」。
使用空白檔案建立新商店卡
![[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版](http://attach.mobile01.com/attach/201703/mobile01-309ba7560c14e8a9b4a05cec6be45b3a.png)
基本設定
========
第一步先墳簡單資料,順便改顏色。
標題:#000000
內文:#898989
背景:#FFFFFF
App主題圖示:http://www.tfrin.gov.tw/dl.asp?fileName=31298465054.png
內容設計
========
標頭區域
大標題文字:手機條碼
標題logo圖片:https://www.liverx.org/wp-content/uploads/2016/04/50_1021017_電子發票logo.png
主要欄位區域
主視覺圖片:上傳條碼圖檔
![[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版](http://attach.mobile01.com/attach/201703/mobile01-e27e73f88e5601990d902ae1eeed856d.png)
次要欄位區域
新增一個靜態欄位,照下面圖片填,但手機條碼記得改回自己而不是用我的。
![[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版](http://attach.mobile01.com/attach/201703/mobile01-f9a188016db714ddb3d2ecb58176cabd.png)
條碼區域
可以直接選No Barcode,這樣下面就不會有Code128條碼出現。勇者的話可以選Code128填上手機條碼,然後四處找店家來挑戰。
![[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版](http://attach.mobile01.com/attach/201703/mobile01-9a67c705e7590c997fc655b1d2a79ee8.png)
提醒設定
========
相關App:填上發票App的ID,票卡上就有App的圖示,點一下就可以直接叫出App。
發票+:722073450
發票精靈:499808059
雲端發票:512920023
![[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版](http://attach.mobile01.com/attach/201703/mobile01-24392bcc3b49a8d95e753f2b6e925717.png)
完成之後就下一步。核銷不用管,發行參數用預設就可以。
![[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版](http://attach.mobile01.com/attach/201703/mobile01-96d5eedb06129166ec8324ff5a561799.png)
最後利用下載連結,或是直接打開Wallet拍畫面上的QRCODE就可以新增了。