如何用 Passkit 建立電子發票手機條碼
在 mobile01 上面有人分享了一篇用 passdock 做的 iOS Wallet 行動票卷 ([教學] 把 電子發票手機條碼 製作成Wallet票卡 — PassDock版)
但是很不巧的, passdock 馬上被打到不是 502 噴得嫑嫑的就是慢到不行xDDD
所以直接來分享用另外一個工具製作一樣的東西吧! — PassKit
首先,直接到 PassKit 的專用 Web App 即可看到他專屬的所見即得設計工具
我們可以先點右上角的 Login
然後輸入 Email 及收信即可使用
登入之後就是回到我們原本的設計畫面,接下來把以下幾個截圖的重點欄位照抄就可以xDD (這裡面的 Template Name 一旦儲存是不能修改的呦~)
現在我們先製作 Barcode ,然後等等再來下載幾個資源檔案
你可以參考 mobile01 的那篇文章,使用 http://www.terryburton.co.uk/barcodewriter/generator/ 來產圖會比較 ok 一點,以下是建議參數:
- Barcode: Code39
- Contents:你的手機條碼,包括「/」總共8個字符,英文全大寫。
- Options:showborder bordercolor=FEFEFE borderwidth=2
- Scale:3.54 4
- Rotate:0
接下來就是下載額外資源檔,以及上傳到 PassKit 使用:
- Icon 使用 http://www.tfrin.gov.tw/dl.asp?fileName=31298465054.png
- Logo 使用 https://www.liverx.org/wp-content/uploads/2016/04/50_1021017_電子發票logo.png
- Strip 使用剛剛做好的 Barcode 圖檔
以下就是有啟用 Dynamic Value 功能的畫面,但是理論上應該沒啥能動態的才對xDDD
這樣超簡單的吧?
當然你要用我的票卡 QR Code 新增使用來送我發票我也不會反對的xDDDD
當然,你也可以用別人做好現成的工具… https://www.pass2u.net/p/wDWEiQX5EI6j