# NEW Xguard 2026

**Repository Path**: DataGuard/new-xguard-client-2026

## Basic Information

- **Project Name**: NEW Xguard 2026
- **Description**: new-xguard-client-2026
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-31
- **Last Updated**: 2026-02-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ⛪考勤員工APP | 拍卡終端

GIT ： https://gitee.com/DataGuard/new-xguard-client-2026



## ⭕主要的兩個功能：

### 1️⃣拍卡終端

> 重新把提示語句改為英文

### 2️⃣考勤員工APP



## ⭕ 流程圖

![ClientNfcTapFlow](./README_IMGs/WebView%E8%A6%96%E5%9C%96%E5%8E%9F%E7%94%9FJS%E9%96%8B%E7%99%BC%E8%AA%AA%E6%98%8E/ClientNfcTapFlow.png)





# 🔴WebVIEW Class 的定義一下幾個原生函數

> [!IMPORTANT]
>
> 通過Javascript如何調用安卓App的硬件資源 例如 GPS、NFC 等。
>
> 具體的函數名稱 請參考：X:\項目\ClientNfcTap\ClientNfcTap\app\assets

****

## 🍧HTML5 界面

![image-20260201114418783](./README_IMGs/WebView%E8%A6%96%E5%9C%96%E5%8E%9F%E7%94%9FJS%E9%96%8B%E7%99%BC%E8%AA%AA%E6%98%8E/image-20260201114418783.png)

🍧界面鏈接：

1️⃣ 測試1 WevView.load("file:///.../assetes/testNFC.html")  

2️⃣ 測試2  https://xguard.hk:8080/zh-HK/Device/CardDocBuild

3️⃣ 產品發佈場的鏈接是 ： https://xguard.hk:8080/zh-HK  也就是最開始APP輸入URL



賬號：admin@cleanxxxx.com  密碼： xxxxxxx

還有一個拍卡考勤的鏈接遲點提供。



🍧原理： webView.Activity.java 這個是一個沒有 xml 設計界面的 窗體，界面全靠加載的 html5.



🍧如何測試：

🍧java 里面的 webViewactivity.java  代碼大概这样意思： 

```
WevView.load(hostURL + "/Device/CardDocBuild")  // 真正的產品發佈場的鏈接是 ： https://xguard.hk:8080/zh-HK  也就是最開始APP輸入URL
------------------------------------------------
测试NFC:
WevView.load("file:///.../assetes/testNFC.html")  
```



這個類有幾個函數：

具體實現：



![image-20260201120054405](./README_IMGs/WebView%E8%A6%96%E5%9C%96%E5%8E%9F%E7%94%9FJS%E9%96%8B%E7%99%BC%E8%AA%AA%E6%98%8E/image-20260201120054405.png)

### 截圖部分代碼

![image-20260201120639764](./README_IMGs/WebView%E8%A6%96%E5%9C%96%E5%8E%9F%E7%94%9FJS%E9%96%8B%E7%99%BC%E8%AA%AA%E6%98%8E/image-20260201120639764.png)

![image-20260201123125562](./README_IMGs/WebView%E8%A6%96%E5%9C%96%E5%8E%9F%E7%94%9FJS%E9%96%8B%E7%99%BC%E8%AA%AA%E6%98%8E/image-20260201123125562.png)

實現原生函数 window.nfcTap.getDeviceIMEI();



 



## 具體如何使用 請參考： testNfc.html

文檔位置 ： ./测试001/testNfc.html5 在webview 加載這個頁面來測試。

![image-20260201122750139](./README_IMGs/WebView%E8%A6%96%E5%9C%96%E5%8E%9F%E7%94%9FJS%E9%96%8B%E7%99%BC%E8%AA%AA%E6%98%8E/image-20260201122750139.png)

![image-20260201122804162](./README_IMGs/WebView%E8%A6%96%E5%9C%96%E5%8E%9F%E7%94%9FJS%E9%96%8B%E7%99%BC%E8%AA%AA%E6%98%8E/image-20260201122804162.png)