[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版

更新:
已經陸續有人回報利用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://www.pass2u.net/ 註冊會員,登入昤選「票卡發行服務」。

使用空白檔案建立新商店卡
[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版

基本設定
========
第一步先墳簡單資料,順便改顏色。
標題:#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版

次要欄位區域
新增一個靜態欄位,照下面圖片填,但手機條碼記得改回自己而不是用我的。
[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版

條碼區域
可以直接選No Barcode,這樣下面就不會有Code128條碼出現。勇者的話可以選Code128填上手機條碼,然後四處找店家來挑戰。
[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版

提醒設定
========
相關App:填上發票App的ID,票卡上就有App的圖示,點一下就可以直接叫出App。
發票+:722073450
發票精靈:499808059
雲端發票:512920023
[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版

完成之後就下一步。核銷不用管,發行參數用預設就可以。
[教學] 把 電子發票手機條碼 製作成Wallet票卡 - Pass2U版

最後利用下載連結,或是直接打開Wallet拍畫面上的QRCODE就可以新增了。
已服用成功!感謝資訊分享及無私教學!
非常棒.....感謝~收藏!
Ramius wrote:
昨天一篇教學 [教...(恕刪)
BLOG:http://www.dotblogs.com.tw/aquarius6913/Default.aspx
感謝大大教學圖片…
雖然研究很久…
但成功完成了…
謝謝


Ramius wrote:
昨天一篇教學 [教...(恕刪)

感謝分享!

依照步驟逐步完成,但是到內容設計的最後一個欄位,並沒有看到「NO barcode」的選項?

感謝!
2/10 - 長腿秀英的生日! 9/22 - 舞后孝淵生日!
感謝資訊分享及無私教學!
已經成功加入wallet~
我也是耶 沒有這個選項

1515151515151515151515~
請問一下!

假如製作成功,也可以在wallet看到新增的「手機條碼」票卡…

這樣是否可以跟信用卡一樣,在鎖定狀態下,連按兩次home鍵,叫出來使用?!
關閉廣告
文章分享
評分
評分
複製連結

今日熱門文章 網友點擊推薦!