網站打包成app(h5網頁)

首先找到瞭一篇文章《做一個小exe,雙擊它使用指定的瀏覽器打開指定的網頁》文章地址:https://blog.csdn.net/Brozer/article/details/82220632?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&dist_request_id=&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control這個顯然不是,但可以用exe調起瀏覽器,打開指定網頁。先創建一個txt文件,根據跳轉不同的瀏覽器,選擇輸入一下內容E瀏覽器:@echo offstart iexplore.exe "www.baidu.com"360極速瀏覽器:@echo offstart 360chrome.exe "www.baidu.com"360安全瀏覽器:@echo offstart 360se6.exe "www.baidu.com"UC瀏覽器:@echo offstart UCBrowser.exe "www.baidu.com"有些瀏覽器名不知道,自己去百度。完成後把後綴txt改成bat。最後把bat轉成exe文件就行瞭文章作者不會,就從網上下載一個bat2exe小工具。鏈接:https://pan.baidu.com/s/10hsOnN56kU3-B8DydKv3OA 密碼:huql選擇創建好的bat文件,然後配置圖標什麼的點擊頂部的“轉換”按鈕,設置好保存位置就行瞭。操作下來,發現這個沒什麼用。點擊直接到瀏覽器網頁瞭,還不如我直接給網頁創建一個快捷方式。後來發現瞭這個文章《web項目轉為桌面應用程序》文章地址:https://blog.csdn.net/ReticentHuxt/article/details/81290375?utm_medium=distribute.pc_relevant_bbs_down.none-task-blog-baidujs-1.nonecase&depth_1-utm_source=distribute.pc_relevant_bbs_down.none-task-blog-baidujs-1.nonecase本教程是利用npm和nativefier實現把任意web項目轉換成一個桌面應用軟件。1,先下載node.js下載地址:https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi2,安裝nativefier命令行輸入 npm install nativefier –g,即可安裝成功。開始制作,以百度為例,最簡單的命令為:nativefier "https://www.baidu.com/"應用目錄:點擊.exe文件,啟動應用。附加內容(選項介紹)設置名字nativefier在制作應用的時候,可以自動識別網站的名字,您也可以自己設置名字。nativefier –name "AppName" <your-website>設置圖標nativefier –icon <path>,icon參數應該是圖標文件的路徑,每個系統文件格式不同具體如下:.ico – For Windows.icns – For OSX.png – For Linuxnativefier http://172.18.20.47/index –name "CRDC" –icon logo.ico –file-download-options "{\"saveAs\": true}"設置下載目錄nativefier <your-website> –file-download-options "{\"saveAs\": true}"指定輸出不同系統的應用默認情況下,會根據當前操作系統,輸出對應系統的應用。如果您需要特殊指定轉換成不同系統的應用,可以使用一下命令。nativefier –p <value>可選參數linux、windows、osx。替代值win32(用於Windows)或darwin,mac(對於OSX)也可以使用。顯示菜單欄-m, –show-menu-bar指定是否應該顯示菜單欄禁用上下文菜單–disable-context-menu禁用上下文菜單單實例–single-instance阻止應用程序多次運行。如果發生這種嘗試,那麼已經運行的實例就會出現在前面。托盤–tray應用程序將保留為系統托盤中的圖標。通過點擊窗口關閉按鈕來防止關閉應用程序。設置應用版權nativefier –app-copyright <value>應用的版權信息會映射到Windows系統的LegalCopyright和OS X系統的NSHumanReadableCopyright的元數據屬性。設置顯示寬度–width <value>打包應用程序的寬度,默認為1280px。高度–height <value>打包應用程序的高度,默認為800px。最小寬度–min-width <value>打包應用程序的最小寬度,默認為0。最小高度–min-height <value>打包應用程序的最小高度,默認為0。最大寬度–max-width <value>打包應用程序的最大寬度,默認為無限制。最大高度–max-height <value>打包應用程序的最大高度,默認為無限制。X–x <value>打包的應用程序窗口的X位置。Y–y <value>打包的應用程序窗口的Y位置。更多選項及介紹請參考官方文檔:https://github.com/jiahaog/nativefier/blob/HEAD/docs/api.md我以為就這樣結束瞭,結果卡著不動瞭!!!!!!!!!!!!!終於找到瞭一篇文章,知道瞭為什麼卡,文章叫《nativefier 常見問題記錄及解決方案–封裝網頁》文章地址:https://blog.csdn.net/losedguest/article/details/1097411371,安裝 electron-download 檢測下載速度參考 下載速度參考 https://newsn.net/say/electron-mirror.html安裝命令 npm install electron-download -g檢測下載速度 命令 electron-download –version=1.8.3如果沒有下載速度或者下載失敗,安裝淘寶npm(cnpm)npm install -g cnpm –registry=https://registry.npm.taobao.org需要設置環境標量 ELECTRON_MIRROR,值 http://npm.taobao.org/mirrors/electron/win7win10然後再用百度試試: nativefier -n baidu www.baidu.com –verbose成功後點擊baidu.exe


本文出自快速备案,转载时请注明出处及相应链接。

本文永久链接: https://www.xiaosb.com/beian/52303/