在將現有的手機網站生成與之對應的APP過程中，我們主要利用了“網頁應用”或“混合應用”的開發模式。這種模式在APP中使用Web視圖組件來顯示網站內容，提供一個原生應用般的用戶體驗。下面是一份詳細的創建步驟：

1. 確定技術框架

首先，要了解哪種技術框架適合將您的手機網站轉換成APP。有兩個常用的框架可以選擇：Apache Cordova和React Native。

Apache Cordova（以前稱為PhoneGap）是一個開源的手機APP開發框架，可以使用HTML5、CSS3和JavaScript編寫混合應用。這是一種成熟且易于上手的框架。

React Native是另一個流行的開發框架，它允許您使用React和原生平臺功能來構建應用。雖然上手難度較高，但它可以為您的應用提供更接近原生應用的性能。

2. 安裝所需工具

安裝相應的開發環境和SDK（如Node.js，Android Studio等）。這將幫助您以正確的方式啟動和設置開發過程。務必按照框架的官方文檔進行安裝。

3. 創建新項目

根據您選擇的技術框架，創建一個新項目。這將設置好項目文件夾，并生成您項目所需的基本文件。

4. 配置Web視圖

在項目中添加一個Web視圖組件（例如，InAppBrowser插件或React Native WebView組件），并將其設置為填滿整個APP界面。

5. 設置網址

為Web視圖指定您的手機網站網址。確保鏈接是可訪問的，并檢查其在網頁應用內是否能正確顯示。

6. 添加原生功能（可選）

根據需要，您還可以使用原生功能，例如訪問聯系人、相機、加速計等。這將增強您的應用的功能，并提供原生應用般的體驗。不過，在這一步驟中，務必確保您不會違反任何應用商店的政策。

7. 調試與測試

測試APP的功能以確保它能在不同的設備和操作系統上正常運行。這包括檢查布局、導航、性能以及原生功能是否正常。

8. 打包與發布

最后，按照您選擇的框架和目標平臺（如iOS和Android）的要求，打包APP。隨后，您可以將APP提交到相應的應用商店，如Apple App Store和Google Play。

請注意，每個應用商店都有其特定的發布要求。在發布之前，請仔細閱讀這些規定，并確保您的APP符合各項標準。