---
# System prepended metadata

title: X50Pay flutter

---

# X50Pay flutter

![](https://hackmd.io/_uploads/B1xyHPFPh.jpg)


X50Pay 是由台灣音樂遊戲機廳 X50 所推出的網頁，其功能是用於在遊戲機廳中，利用玩家自己的手機，於網站來實現機台線上投幣、開啟店門、查詢餘額等等功能。

該網站 X50Pay 是由店主自己以TocasUI 撰寫而成，店主使用PWA 的方式呈現此頁面，在雙平台上，會有以下限制：

* IOS: PWA 無法使用NFC 於店內進行快速支付、無法做推播
* Android: PWA app 會隨著chrome 的更新而消失
* 雙平台共有: 無法離線存取資料

所以我和店主討論，開始製作X50Pay flutter
目前功能與網頁版相同，可以做線上投幣、餘額查詢、變更角色等等完整功能

正在開發與網頁版有別的視覺設定，及離線資料存取

> 此專案為無償開源開發，已徵得店主同意，未來將會交付專案管理權
> 專案頁面 https://github.com/maple135790/x50pay

v1.5.1 開發中版本影片：
https://www.youtube.com/watch?v=u8nL-TYeNRw


| 首頁 | 店內機台選擇 | 機台投幣 |
| -------- | -------- | -------- |
| ![](https://hackmd.io/_uploads/By3EzwYvh.jpg)| ![](https://hackmd.io/_uploads/ByxHfPYPn.jpg)     | ![](https://hackmd.io/_uploads/Sk-rNDKw2.jpg)

| 禮物功能 | 合作頁面 | 設定頁面 |
| -------- | -------- | -------- |
| ![](https://hackmd.io/_uploads/BJNZQDKw3.jpg)     | ![](https://hackmd.io/_uploads/BkYWQPFD3.jpg)| ![](https://hackmd.io/_uploads/BJCxXPKP2.jpg)

