如何將web生成app

㈠ 網頁生成APP怎樣操作

Hbuilder能做到;能把網頁轉化成app;但是好像有出入.

㈡ 如何將WebApp項目打包生成手機APP

用一些框架可以直接使用網頁來開發native App，比如cordova，不過需要框架學習成本，你有時間可以試試。如果想簡單，直接使用webView載入你需要的網站

㈢ 怎麼把web app 轉換為原生的app

生App vs 移動Web App
Git@OSC 的 android 和 iOS 客戶端全面開源
每當你打算開發移動應用程序時，都要考慮你的應用如何創建以及如何部署。如今已有兩個主要的方向：原生App 以及 移動Web App。那麼在今天這篇文章中就來比較一下兩者的區別來供大家參考。

原生App vs 移動Web App ： 定義
什麼叫做原生App?
原生App是專門針對某一類移動設備而生的，它們都是被直接安裝到設備里，而用戶一般也是通過網路商店或者賣場來獲取例如 The App Store 與 Android Apps on Google Play .
隨便說幾個原生App的例子，比如 iOS 的 Camera+ 以及 Android 的 KeePassDroid
什麼叫做移動Web App?
一般說來，移動Web App都是都是需要用到網路的，它們利用設備上的瀏覽器(比如iPhone的Safari)來運行，而且它們不需要在設備上下載後安裝。
原生App 與 移動Web App的比較
用戶界面
有些公司為同樣的產品製作了原生App與移動Web App，下圖就是Facebook的原生App與移動Web App的界面比較：

注意這兩者的不同地方會產生不同的用戶體驗結果。

開發方面
原生App

每一種移動操作系統都需要獨立的開發項目
每種平台都需要獨立的開發語言。java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等
需要使用各自的軟體開發包，開發工具以及各自的控制項

移動Web App
因為運行在移動設備的瀏覽器上，所以只需要一個開發項目
這種應用可以使用HTML5,CSS3以及JavaScript以及伺服器端語言來完成（php,Ruby on Rails,Python）
這里可沒有標準的SDK，基本任意選擇
別忘了有一些跨平台的開發工具，比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。
能力方面
原生App
能夠與移動硬體設備的底層功能，比如個人信息，攝像頭以及重力加速器等等
移動Web App
只能使用有限的移動硬體設備功能。
贏利
原生App
可以使用專門的移動平台的廣告，比如AdMob
移動Web App
基本沒有限制，但也沒什麼優勢
注意原生App能夠直接在對應的官方商店進行定價就能馬上贏利，然而移動Web App需要你自己完成付款的系統，這可不是一件簡單的事情。
獲取方法
原生App
直接下載到設備
以獨立的應用程序運行(並不需要瀏覽器)
用戶必須手動去下載並安裝這些原生App
有一些商店與賣場來幫助用戶尋找你的App
移動Web App
從移動設備上的瀏覽器訪問
不需要安裝額外的軟體
軟體更新只需要伺服器就夠了
因為現在沒有什麼商品或賣場提供這種App，所以如何搜索這些移動Web App相當不簡單
版本控制
原生App
用戶可以自由地選擇是否更新軟體版本，所以會出現不同用戶同時使用不同版本的情況
移動Web App
所有的用戶都是用同樣的版本
優勢
原生App
比移動Web App運行快
一些商店與賣場會幫助用戶尋找原生App
官方賣場的應用審核流程會保證讓用戶得到高質量以及安全的App
官方會發布很多開發工具或者人工支持來幫助你的開發
移動Web App
跨平台開發
用戶不需要去賣場來下載安裝App
任何時候都可以發布App，因為根本不需要官方賣場的審核
如果你已經有了一個Web App，你可以使用 responsive web design來輔助改進(這也是優勢？)
缺陷
原生App
開發成本高，尤其是當需要多種移動設備來測試時
因為是不同的開發語言，所以開發，維護成本也高
因為用戶使用的App版本不同，所以你維護起來很困難
官方賣場審核流程復雜且慢，會嚴重影響你的發布進程
移動Web App
無法使用很多移動硬體設備的獨特功能
要同時支持多種移動設備的瀏覽器讓開發維護的成本也不低
如果用戶使用更多的新型瀏覽器，那問題就更不好處理了
對於用戶來說，這種App很難被用戶發現
原生App vs 移動Web App : 你如何選擇？
所以在你准備做移動App時，你應該先問問自己以下幾個問題：
你的應用是否需要使用某些設備的特殊功能，比如攝像頭，攝像頭閃光燈或者重力加速器
你的開發預算
你的應用是否一定需要網路
你的應用的目標硬體設備是所有的移動設備還是僅僅只是一部分而已
你自己已經熟悉的開發語言
這個應用對於性能要求是否苛刻
如何靠這個應用贏利
我想這幾個問題應該能讓你做出明智的選擇。
結論
你的選擇是原生App還是移動Web App，主要受商業目標，目標用戶，以及技術需要這些因素影響的。其實更多時候你也不要為選擇那種App模式煩惱，正如上文提到，類似Facebook這樣的公司就為用戶提供了兩種選擇。然而對於大部分人來說，預算，資源限制將會逼迫我們只能選擇其中一種（或者只能以其中一種為重點）。

㈣ 如何將web網站打包成app

• 首頁得准備好需要的東西，如eclipse，一個完整可以瀏覽的手機網站，而且確保電腦配置好jdk，環境變數，還要安裝好cordova，這些環境等配置這里不表，可以自行網路。在這里我就自己隨意寫了個網站做測試，從下圖可以看出來，這是一個可以在網頁中瀏覽的手機網站

• 有了網站之後，第一步新建一個項目，打開你要保存的項目地址，比如D盤的yun文件夾，按住鍵盤的shift鍵+滑鼠右鍵，選擇「在此處打開命令窗口」，就會彈出一個終端命令窗口，打開之後在終端裡面輸入cordova
  create hello，hello為你的項目名稱，如cordova create
  qianqian，qianqian就是我的項目名稱，注意，不要手動去創建文件夾，因為我們在終端裡面建的項目裡面有很多的配置文件，終端命令窗口不要關

• 在終端命令窗口中輸入cd
  qianqian，進入qianqian文件夾，然後再輸入cordova platform add
  android，回車，等待下載完成，記住在下載之前一定要確保已經安裝git，要不然會下載失敗，本人親自試驗，下載可以要1分鍾左右，下載完成後終端命令窗口不要關，等下要用

• 下載完成後將准備好的網站放到www文件夾裡面，原來的文件可以刪掉，再打開eclipse軟體，點擊菜單欄file--import，彈出一個窗口，選擇下面圖片中的選項，再點next，之後點擊Browse，選擇qianqian文件夾項目的路徑，選取，記住，復選框一定要全部選上，不懂的看下面的圖片，然後確定就可以了

• 確定之後就會看到下面圖片一樣左邊會出現兩個項目，為了確保項目一次性完成，我們可以在終端窗口裡面輸入cordova prepare，輸入前確保是在當前qianqian文件夾，這個命令是在修改過項目的情況下運行的，等待他運行完，下面第二張圖片是運行完成的圖片

• ok，之後就可以打包webapp了，回到eclipse，我們發現項目文件有個紅叉，或者也會出現一個感嘆號之類的，出現這個情況的話可以點擊菜單欄project--clean，在彈出的窗口中選擇第二個單選項，下面的復選框全部選上，不懂看圖，確認之後就可以看到紅叉沒了

• 然後在項目欄里選擇第二個項目右鍵選擇run as--android application，之後等待半分鍾左右，主要是看電腦運行速度好不好了，好的話就快

• 最後如果你手機連接著電腦或者你電腦開著安卓虛擬機的話，在彈出的窗口就會出現你手機或者虛擬機的信息，選擇他再點ok，系統會自動跳到虛擬機里，如果是真機的話，就直接看你的手機就行，手機會自動安裝app應用的

• 如果兩者都沒有的話可以將彈出的窗口都關閉，然後在軟體項目欄的第二個項目裡面有個bin文件夾，打開，裡面有個apk，將他復制出來安裝到自己手機或其他機器里就行了，下圖就是webapp做出來的最終效果，一開始忘記上傳圖片，只上傳了代碼，所以app裡面沒有圖片，不過效果總算是出來了

㈤ 怎麼讓html生成apk還有如何web項目生成apk

這個你得用打包軟體，比如appcan或者hbuilder，打包規則各家都不同但也類似，你可以下下來試試看，不難，主要看你的數據處理上怎麼弄，一般都是用ajax來傳遞，他們自己的js包都寫好了，拿來用就可以。

㈥ 如何把java web 生成app

1.可以在servlet的init方法里，獲取web項目的全路徑。
String path = getServletContext().getRealPath("/");
例如 :E:\eclipseM9\workspace\tree\

2.也可以隨時在任意的class里調用，獲取到classes目錄的全路徑。
this.getClass().getClassLoader().getResource("/").getPath();
例如 : E:\eclipseM9/workspace/tree/WEB-INF/classes/

3.request.getContextPath();
獲得web根的上下文環境

㈦ 怎麼將網頁打包成桌面應用（web前端頁面

在 HTML5的崛起、JavaScript要一統天下之際，有一個名為【跨平台】的技術越來越火。為什麼會這么火？因為軟體開發者只需一次編寫程序，即可在 Windows、Linux、Mac、IOS、Android 等平台運行，大大降低了程序員的工作量，也使公司的產品可以快讀迭代。曾經跨平台技術的不被看好，如今隨著手機、電腦硬體的發展而快速發展。這一切，幾乎由HTML5技術推動，當然，JavaScript 這個語言，是最大的功臣。

基於 HTML5 的跨平台技術比較出名的有 PhoneGap、Cordova，常常用於開發 webapp；還有 Egret、Cocos-creator、Unity 等，常用於開發游戲；還有基於 Node.js 的 nw.js，用於開發桌面應用，以及 Electron，一款比 nw.js 還強大的用網頁技術來開發桌面應用的神器。

其實，以上都是廢話，現在進入主題：怎麼用 Electron 將網頁打包成 exe 可執行文件！

假設：

1、你已經安裝並配置好了 node.js （全局安裝）

2、你已經用 npm 安裝了 electron （全局安裝）

3、你已經寫好了前端網頁（html、css、javascript 這些，或者基於這些的前端框架寫好的網頁）

4、以上三點看不懂的，趕緊去網路。。。

你如果具備了以上的假設，請繼續往下看：

1、找到你的前端網頁項目文件夾，新建 package.json、main.js、index.html 三個文件（註：其中的 index.html 是你的網頁首頁）

你的項目目錄/
├── package.json
├── main.js
└── index.html

2、在 package.json 中添加如下內容

{
"name" : "app-name",
"version" : "0.1.0",
"main" : "main.js"}

3、在 main.js 中添加下面的內容，這個 main.js 文件就是上面 package.json 中的 "main"鍵 的值，所以可根據需要修改

const {app, BrowserWindow} = require('electron')const path = require('path')const url = require('url')// Keep a global reference of the window object, if you don't, the window will// be closed automatically when the JavaScript object is garbage collected.let winfunction createWindow () {
// Create the browser window.
win = new BrowserWindow({width: 800, height: 600})

// and load the index.html of the app.
win.loadURL(url.format({
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
}))

// Open the DevTools.
// win.webContents.openDevTools()

// Emitted when the window is closed.
win.on('closed', () => {
// Dereference the window object, usually you would store windows
// in an array if your app supports multi windows, this is the time
// when you should delete the corresponding element.
win = null
})}// This method will be called when Electron has finished// initialization and is ready to create browser windows.// Some APIs can only be used after this event occurs.app.on('ready', createWindow)// Quit when all windows are closed.app.on('window-all-closed', () => {
// On macOS it is common for applications and their menu bar
// to stay active until the user quits explicitly with Cmd + Q
if (process.platform !== 'darwin') {
app.quit()
}})app.on('activate', () => {
// On macOS it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (win === null) {
createWindow()
}})// In this file you can include the rest of your app's specific main process// code. You can also put them in separate files and require them here.

4、如果你的網頁首頁的文件名不是 「index.html」，那麼請在 main.js 中將其中的 'index.html' 修改為你的網頁首頁名

5、打開 DOS，cd 到你的項目目錄（或直接在你的項目目錄下空白的地方 shift+滑鼠右鍵，然後點擊在此處打開命令窗口，這里看不懂的，唉，網路吧少年）

6、在上一步的 DOS 下，輸入npm install electron-packager -g全局安裝我們的打包神器

npminstallelectron-packager-g

7、安裝好打包神器後，還是在上一步的 DOS 下，輸入electron-packager . app --win --out presenterTool --arch=x64 --version 1.4.14 --overwrite --ignore=node_moles 即可開始打包

electron-packager . app --win --out presenterTool --arch=x64
--version 1.4.14 --overwrite --ignore=node_moles

這個命令什麼意思？藍色部分可自行修改：

electron-packager .可執行文件的文件名--win --out打包成的文件夾名--arch=x64位還是32位--version版本號--overwrite --ignore=node_moles

以上是最簡單的打包方式，至於怎麼修改窗口大小、菜單欄怎麼加、怎麼調用系統API這些，就給你慢慢去研究Electron了。

如果你打包總是不成功，覺得很煩，同時對擴展功能沒什麼要求的話，

裡面有我已將內容為 hello,world 的 index.html 網頁通過 Electron 框架打包為 windows 環境下的桌面應用。

現只需將你的網頁前端項目復制到 /resources/app/project 目錄下，雙擊 exe 文件即可以桌面應用的方式運行你的網頁。

㈧ 如何web應用程序打包成app

下載安裝MyEclipse2014，Android SDK，eclipse(需配置Android開發環境)
Java和Android環境安裝與配置，將另寫經驗分享，讀者也可網路參考其他相關資料，自行安裝
打開MyEclipse2014，新建一個HTML5 Mobile Application Project，命名，例如：hello

html5程序在工程www目錄下編輯；
編輯好我們的html5程序，下面就要開始學習打包了

這里介紹兩種打包方式：1、PhoneGap Build Service 打包
PhoneGap官網有相關教程可參考，不具體介紹
2、android SDK +eclispe 打包

android SDK +eclispe 打包(前提已配置好，android開發環境)：
Step1、啟動eclipse，新建Android Application Project，即Android工程，命名，例如：hello

Step2、將前面Myeclipse2014中編輯好的HTML5程序(www整個目錄）拷至剛剛在eclipse新建hello工程對應assets目錄下面

Step3、下面要做的就是如何將我們的HTML5程序在Android應用中啟動，這里我們要使用Android系統自帶的WebView控制項（具體信息參考Adroid開發文檔）---在工程下找到res->layout->activity_main.xml並打開，向裡面插入WebView控制項，編輯好自己想要的樣式

Step4、在主程序入口，用剛剛編輯好的WebView控制項將HTML5程序引入，此時，主體功能已實現，編譯工程即可得到apk

㈨ web app生成apk和app客戶端程序

用WeBox2.3可以生成，把做個index.html首頁跳轉到你指定的網站就可以了

㈩ 如何製作web app

直接說吧，網路搜索日歷，出來的第一個就是一個日歷，可以說是一個web app.。
還有360電腦桌面，騰訊電腦桌面 ，裡面的很多應用。
app分移動端，手機上用的，比如android,ios。
pc端的 現在有很多了，各大公共開發平台都可以提交自己的app.。比如360開發者平台，騰訊公眾平台等。
要製作app，會html,js,css,sql,database,php,asp,java等等