將移動設備相機快速集成到Web應用程序中
介紹
近年來,隨着智能移動設備的普及,網站的設計必須要平衡傳統桌面瀏覽器(包括三個最常見的系統Windows,macOS和Linux)和移動設備瀏覽器(通常包括iOS和Android)。本文主要分享如何設計考慮桌面和移動瀏覽器的Web應用程序。
準備
下載以下文件。
Dynamic Web TWAIN v14.2 (.exe)
Mobile Browser Capture v2.0 (.zip)
環境
Dynamic Web TWAIN可以在桌面平臺上使用。
Mobile Browser Capture目前僅支持.NET和Java。在本文中我們將使用Java。
JDK: 1.8.0_172
Eclipse: Oxygen.3a Release (4.7.3a)
64位Tomcat: Tomcat v9.0
步驟
步驟1 創建一個Dynamic Web Application(動態Web應用程序),將其命名爲AcquireFromPCsAndMobileDevices並選擇Apache Tomcat v9.0作爲運行時環境
步驟2 從樣本開始
解壓Mobile Browser Capture,將src和WebContent從MobileBrowserCaptureSDK2.0\MobileBrowserCaptureSDK2.0\samples\javaDemo複製到應用程序AcquireFromPCsAndMobileDevices並替換所有conflicts。
安裝Dynamic Web TWAIN並導航到C\Program Files(x86\Dynamsoft\Dynamic Web TWAIN SDK 14.1試用版。將Samples\Scan複製到AcquireFromPCsAndMobileDevices\WebContent。
在Eclipse中,刷新以查看文件更改。
步驟3 在Eclipse中添加“server”並向其添加AcquireFromPCsAndMobileDevices。然後啓動Tomcat
在瀏覽器中檢查應用程序。
對於移動瀏覽器
http://localhost:8080/AcquireFromPCsAndMobileDevices/MobileBrowserCapture.html
對於桌面瀏覽器
http://localhost:8080/AcquireFromPCsAndMobileDevices/Scan/CustomScan.html
下篇文章會繼續介紹,敬請期待~