# 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)