網站如何打包成桌面應用

⑴ 如何將一個網址打包製作成APP應用

可以使用在線app開發平台，比如「應用之星」網站，網站的高級模式裡面有鏈接控制項，你把網址輸入進去，就可以了，系統會為你生成app。
追問我一下，我把地址給你。

⑵ 如何把一個網站的鏈接做成一個圖標放在桌面上

1、首先右鍵復制想要復制的網址，具體如下圖所示。

⑶ 如何將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裡面沒有圖片，不過效果總算是出來了

⑷ 如何將網頁封裝成平台的應用

網頁封裝APP具體步驟：

進入微導流官網，點擊「封裝打包」

⑸ 怎麼將網頁打包成桌面應用（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 文件即可以桌面應用的方式運行你的網頁。

⑹ 怎樣將網站添加到桌面

操作步驟如下：
1、進入到我們需要設置快捷方式的網頁中，右鍵點擊網頁地址，復制這個地址。
2、復制好網址後，在電腦桌面的空白處，單擊滑鼠右鍵，就可以看到「新建」字樣。
3、找到「新建」後，滑鼠放在「新建」處，我們可以看到一個「快捷方式」。
4、我們點擊「快捷方式」，就會彈出一個「創建快捷方式」的圖標。
5、我們將我們之前復制的網址，粘貼在這里就可以了。
6、粘貼之後，點擊下方的「下一步」，就會彈出一個為這個快捷方式命名的選框，為了方便我們下次進入，給它一個命名，然後點擊完成就可以啦！

⑺ 怎麼把網頁設置成桌面圖標

1、電腦桌面點擊滑鼠右鍵，然後選擇新建快捷方式。

⑻ 網站封裝打包app怎麼做

網站封裝打包APP其實就是給網站套一個APP的殼子，它本質還是一個網站，雖然可以像一個APP一樣安裝到手機上，但他沒有後台，有的是網站的後台。

封裝時可以自己上傳APP圖標和啟動圖，封裝好後就像普通APP那樣正常安裝即可，打開後是直接進入網站。

免費封裝步驟：

登錄亥著開發者中心，大家可以用自己的手機號注冊賬號。

這樣就封裝好了，免費的哦~為廣大開發者提供便捷服務~

⑼ 公司網站怎麼打包成APP，放到手機桌面上APP要上架到應用商店嗎

你說的應該是網站封裝APP吧，就是加個殼子，包裝成APP，實際上打開還是網頁，我在微導流做過，挺便宜的，有個鏈接就行了，小白就能操作，這種不用上到應用商店裡，估計也上不去，因為APP就是個殼子，沒什麼實際的東西，內里還是網站，一般在微導流上封裝好後會有個安裝包，直接安裝那個安裝包就行了，還可以分發，分發就是生成一個二維碼，不管是誰，掃碼就能下載這個安裝包，跟普通的掃碼安裝是一樣的。

⑽ 【最簡單】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 win

function 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全局安裝我們的打包神器

npm install electron-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

如果：

執行打包命令的時候，報以下提示

–version does not take an argument. Perhaps you meant --app-version or --electron-version?

後在貼吧找到解決方法，將–version 改成了–electron-version

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

8、打包成功後，會生成一個新的文件夾，點進去，找到 exe 文件，雙擊就可以看到網頁變成了一個桌面應用啦！

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

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

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