『壹』 什麼叫 桌面應用開發 和 WEB應用 有什麼區別 懂得回答 網上復制的 滾蛋
桌面應用簡單地說就是很易用,比方說一些桌面寵物的軟體,或是一些小游戲之類。而WEB應用則是在互聯網上給你提供一個類似操作系統的平台,在那個平台上的應用軟體,比如像TX的WEB QQ之類。
『貳』 什麼是web應用什麼是桌面程序
WEB應用,就是使用網頁瀏覽器查看網頁的那種了,網上的都是web應用。
桌面應用,是使用開發工具開發的軟體系統,以文件的形式存在,比如QQ,WORD都是桌面應用。
『叄』 怎麼將網頁打包成桌面應用(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 文件即可以桌面應用的方式運行你的網頁。
『肆』 asp.net 怎樣封裝成web 桌面應用程序
首先去華軍下載, 以下為轉載下面是 使用方法,簡單介紹一下:一、安裝 1、先將NETBOX安裝。跟普通軟體安裝沒有什麼兩樣的!略過!2、我們首先創建一個空目錄,如 D:\web(或隨便什麼目錄都行,桌面下都行,但最好是空的,因為方便打包),然後在在目錄中創建一個新文件,並命名為:main.box,修改其內容如下: Dim httpd Shell.Service.RunService "NBWeb", "NetBox Web Server", "NetBox Http Server Sample" Sub OnServiceStart() Set httpd = CreateObject("NetBox.HttpServer") If httpd.Create("", 80) = 0 Then Set host = httpd.AddHost("", "\www") host.EnableScript = true host.AddDefault "index.htm" host.AddDefault "index.asp" host.AddDefault "default.htm" host.AddDefault "default.asp" httpd.Start else Shell.Quit 0 end if End Sub Sub OnServiceStop() httpd.Close End Sub Sub OnServicePause() httpd.Stop End Sub Sub OnServiceResume() httpd.Start End Sub 最後保存!說明:(1):如果你成功安裝了網路盒子,那麼他的後綴是可以被識別的,圖標 為紅色 .b 的樣子(2):我把上面代碼的主要內容講一下: httpd.Create("", 80)是指使用80埠開設伺服器,如果不喜歡,可以更改為別的! 那麼訪問地址後面必須加 :埠號 才能正常訪問Set host = httpd.AddHost("", "\www") 中的www就是你放網站程序的目錄。也就是一定要與第二步將建立的目錄名稱相同!host.AddDefault "index.htm" --\host.AddDefault "index.asp" | 這些就是指設置默認首頁文件,host.AddDefault "default.htm" | 你可以自己更改,添加刪除一行一個host.AddDefault "default.asp" --/二、然後在D:\WEB下面創建一個名為 www 的目錄,如:d:\web\www其下創建一個 index.asp 文件,編輯內容如下:<% response.write "I Love You!" %> 然後保存!或者將你的asp程序 放到這個目錄下比如bbsxp論壇程序!三、調試運行 然後,我們雙擊運行 main.box,這時候,系統托盤處應該出現一個紅色的 .b 樣的小圖標。(如果沒有出現的話,請檢查是不是有程序在佔用80埠,比如迅雷,快車,bt,或者是沒有安裝成功的IIS,把這些程序停止或者退出,一定要出現紅色的.b樣的小圖標)好,我們打開瀏覽器,地址欄輸入:127.0.0.1,或 localhost 看看: 如果出現了 I Love You! ,說明成功了! 四、運行為服務因為這個常式是以服務方式創建的 Web 伺服器,所以你可以使用:myapp -install將應用安裝成為服務,這樣,系統無須手動運行便可以自動運行了。如果需要卸載服務,則可以執行下面的命令:myapp -remove 來刪除服務五、編譯編譯的過程是簡單的,執行 nbdw.exe(NetBox Deployment Wizard就是部署向導)。1 點 選擇文件夾 按鈕,找到剛才我們建立的目錄 d:\web, 2 然後點 瀏覽 按鈕,3 輸入要生成的執行
『伍』 用web 技術開發桌面應用果然不可取嗎
首先你要考慮性能的問題。
常見的web開發語言如php,python。等,性能較低。不適合做桌面應用。
如果引進jit技術的話還有可能,不過這樣做沒什麼意義。一般還是c#做。
更多web開發技術請關注 十七度(shiqi),技術社區。
『陸』 將桌面程序的功能集成在web中,要使用哪些技術
ajax.net
『柒』 將web網站封裝成桌面客戶端的實現方式有哪些
面大家推薦的那些集成nodejs和webkit的都能滿足你的要求,只是包比較大,都是好幾十M。我現在在用 m/BlzFans/wke,這個是一個精簡的webkit,未壓縮前大約11M,壓縮後的wke.dll只有3.3M。
使用html、css、js來開發界面和前端邏輯,伺服器提供restful api通過ajax來調用,非常方便。
『捌』 如何利用 QT 進行 web 與本地混合應用開發
一、Qt Webkit 集成利用Qt的Webkit 集成與QtNetwork模塊,你完全可以進行本地桌面與web混合應用開發,你可以自由地混合JavaScript,樣式表,Web內容和Qt組件。 Webkit是一個非常成熟的web瀏覽引擎。Qt中集成了這個大名鼎鼎的引擎,通過QtWebkit,你可以在C++ 中執行JavaScript,或者在網頁中集成C++對象,並且通過JavaScript和這些對象進行交互。一個現代的HTML渲染引擎只 是混合開發的一半,另一半就是本地應用和渲染對象的交互。QT的Webkit 集成提供了這種解決方案:1.使用object標簽嵌入Qt Widgets組件。這可以讓使用C++代碼的Qt組件包含在網頁中,作為網頁的部分外觀。2.在JavaScript中訪問C++對象。你 可以在JavaScript環境中插入C++對象,讓網頁腳本直接訪問你的數據結構。3.在Qt中執行JavaScript。你可以在C++ 調用網頁環境中的JavaScript函數,觸發網頁事件。4.共享客戶端存儲。在JavaScript和C++中你都具有訪問資料庫的能 力,這樣當下線時也能共享大量數據。二、與嵌入的Qt對象交互使用QWebView 組件,有兩種方法可以在網頁中嵌入C++對象。你可以在網頁的JavaScript中添加C++對象,或者也可以創建一個插件,然後在網頁中使用 object標簽嵌入。
第二種方法更容易入手。當在網頁中放入 Widget組件時,它的所有public slots就像普通函數一樣被網頁中的JavaScript函數訪問。要在網頁中添加一個Widget,首先要告訴你的QWebPage對象,該Widget可用,這個通過子類化QWebPlugFactory完成,你需要 重新實現兩個方法:plugs和create。plugs方法通知網頁該Widget可用,create方法根據請求創建widget。在HTML網頁中,widgets使用object標簽創建。比如,下面這個標簽試圖創建一個 application/x-qt-colorlabel 組件。 要利用這種創建,必須要允許使用插件並且要告訴QWebpage插件的工廠類。在下面的代碼中,ColorLabelFactory將 會根據application/x-qt-colorlabel的請求創建相應實例。QWebSettings::globalSettings()->setAttribute(QWebSettings::PluginsEnabled, true); webView->page()->setPluginFactory(new ColorLabelFactory(this)); ColorLabel有一個公開的slot: chagneColor(),這個對於網頁中的JavaScript自動可用。在網頁中插入一個指向該元素的鏈接,可以以一種簡單的方式激活C++函數。Change color!a> 要反方向推進事件,必須要使你的對象在JavaScript文檔上下文中可用。要對QWebPage的每一個 QWebFrame,調用addToJavaScriptWindowObject方法。這個方法允許你根據名字把一個對象添加到JavaScipt上下 文中。webView->page()->mainFrame()->addToJavaScriptWindowObject( "eventSource", new eventSource( this ) ); 要連接剛添加對象eventSource的信號,要加上一段JavaScript代碼,使用evaluateJavaScript方法 完成。下面的代碼將把eventSource對象的signalName信號連接到一個JavaScript函數destFunction。webView->page()->mainFrame()->evaluateJavaScript( "eventSource.signalName.connect(destFunction);" ); 如果你把一個對象添加到一個以標准瀏覽器查看的JavaScript頁面中,有一個信號需要知道。每一次JavaScript 內容被清除,Frame都會釋放 javaScriptWindowObjectCleared 信號。