新聞中心
PhoneGap是一個適用于移動應用程序的開發(fā)框架,可以用HTML、CSS、JavaScript等技術開發(fā)應用程序,然后轉化為iOS、Android、Windows Phone等應用程序,大大節(jié)省了移動應用程序開發(fā)的時間和成本。在Linux上安裝PhoneGap不會太復雜,這里就具體講述一下。

成都創(chuàng)新互聯(lián)公司堅持“要么做到,要么別承諾”的工作理念,服務領域包括:成都網站設計、網站建設、企業(yè)官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯(lián)網時代的南江網站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
1. 安裝Node.js
我們需要安裝Node.js。PhoneGap依賴于Node.js,因此我們必須首先安裝Node.js。在Linux上安裝Node.js非常簡單,只需輸入以下命令即可:
sudo apt-get install nodejs
我們還需要安裝Node.js的包管理器npm。輸入以下命令即可:
sudo apt-get install npm
2. 安裝Java Development Kit
PhoneGap還需要Java Development Kit的支持。在Linux上安裝Java Development Kit也很簡單,只需輸入以下命令即可:
sudo apt-get install default-jdk
3. 安裝Apache Ant
PhoneGap還需要Apache Ant的支持。在Linux上安裝Apache Ant也很簡單,只需輸入以下命令即可:
sudo apt-get install ant
4. 安裝PhoneGap
現(xiàn)在我們已經準備好了,直接在終端中輸入以下命令即可安裝PhoneGap:
sudo npm install -g phonegap
安裝完成后,可以通過以下命令驗證PhoneGap是否已經正確安裝:
phonegap -v
如果安裝成功,將顯示PhoneGap的版本信息。
5. 創(chuàng)建一個PhoneGap項目
現(xiàn)在我們已經安裝了PhoneGap,可以開始創(chuàng)建我們的之一個PhoneGap項目了。選擇一個目錄作為我們的項目目錄。然后,在終端中輸入以下命令,創(chuàng)建一個PhoneGap項目:
phonegap create myApp
其中,myApp是你的項目名稱。
6. 添加平臺
現(xiàn)在我們已經創(chuàng)建了一個空的PhoneGap項目,需要將其添加到要構建的平臺中。在終端中進入myApp目錄并輸入以下命令:
cd myApp
phonegap platform add android
以上命令將添加Android平臺,如果你想添加其他平臺,請將android替換為相應的值,例如iOS、Windows Phone等。
7. 構建應用程序
現(xiàn)在我們已經創(chuàng)建了我們的項目并添加了所需的平臺,可以開始構建我們的應用程序了。在終端中輸入以下命令開始構建應用程序:
phonegap build android
以上命令將構建Android版本的應用程序。如果您選擇了其他平臺,則需要將android替換為相應的平臺。
8. 運行應用程序
我們已經成功地構建了我們的應用程序,現(xiàn)在可以在模擬器或實際設備上運行它了。在終端中輸入以下命令以運行Android版本的應用程序:
phonegap run android
以上命令將啟動模擬器并在模擬器上運行我們的應用程序。
結論
在Linux上安裝PhoneGap很簡單,只需要按照上述步驟即可輕松地完成。通過PhoneGap,您可以使用HTML、CSS、JavaScript等技術開發(fā)跨平臺的應用程序,是移動應用程序開發(fā)的一個很好的工具。
成都網站建設公司-創(chuàng)新互聯(lián)為您提供網站建設、網站制作、網頁設計及定制高端網站建設服務!
有沒有把網頁轉換成可執(zhí)行文件的網頁?
的Flash播放器轎兆毀可以執(zhí)行,F(xiàn)lash5-Flash6,因為它的安全沙箱做的不嚴密 2.把你的exe文件做成控件ActiveX,并且要求猜顫用戶安裝運行才能使用服閉備務
在
HTML5的崛起、JavaScript要一統(tǒng)天下之際,有一個名為【跨平臺】的技術越來越火。為什么會這么火?因為軟件開發(fā)者只需一次編寫程序,即可在
Windows、Linux、Mac、IOS、Android
等平臺運行,大舉慶備大降低了程序員的工作量,也使公司的產品可以快讀迭代。曾經跨平臺技術的不被看好,如今隨著手機、電腦硬件的發(fā)展而快速發(fā)展。這一切,幾乎由HTML5技術推動,當然,JavaScript
這個語言,差數是更大的功臣。
基于 HTML5 的跨平臺技術比較出名的有 PhoneGap、Cordova,常常用于開發(fā) webapp;還有
Egret、Cocos-creator、Unity 等,常用于開發(fā)游戲;還有基于 Node.js 的 nw.js,用于開發(fā)桌面應用,以及
Electron,一款比 nw.js 還強大的用網頁技術來開發(fā)桌面應用的神器。
其實,以上都是廢話,現(xiàn)在進入主題:怎么用 Electron 將網頁打包成 exe 可執(zhí)行文件!
假設:
1、你已經安裝并配置好了 node.js (全局安裝)
2、你已經用 npm 安裝了 electron (全局安裝)
3、你已經寫好了前端網頁(html、css、javascript 這些,或者基于這些的前端框架寫好的網頁)
4、以上三點看不懂的,趕緊去百度。
你如果具備了以上的假設,請繼續(xù)往下看:
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全局安裝我們的打包神器
npm install electron-packager -g
7、安裝好打包神器后,還是在上一步的 DOS 下,輸入 electron-packager . app –win –out presenterTool –arch=x64 –version 1.4.14 –overwrite –ignore=node_modules 即可開始打包
electron-packager . app –win –out presenterTool –arch=x64 –version 1.4.14 –overwrite –ignore=node_modules
這個命令什么意思?藍色部分可自行修改:
electron-packager . 可執(zhí)行文件的文件名 –win –out 打包成的文件夾名 –arch=x64位還是32位 –version版本號 –overwrite –ignore=node_modules
8、打包成功后,會生成一個新的文件夾,點進去,找到 exe 文件,雙擊就可以看到網頁變成了一個桌面應用啦!
以上是最簡單的打包方式,至于怎么修改窗口大小、菜單欄怎么加、怎么調用系統(tǒng)API這些,就給你慢慢去研究Electron了。
提供個思路: 1.用老版本的Flash播放器可粗咐圓以執(zhí)行,F(xiàn)lash5-Flash6,因為它的安全沙箱做的不嚴密 2.把你的exe文件做成控件ActiveX,并且要求用戶安裝運行才能使用服務,這樣也是一個折中的方法,簡卜直接做肯定不行的,因為主流巖塌的瀏覽器是不允許.
怎么創(chuàng)軟件
給大家介紹一些適合制作簡單app的軟件,讓各位在未掌握app開發(fā)語言情況下,依然能制作出屬于自己的app應用軟件。
一:Appmakr
AppMakr是一個可以讓你在幾分鐘之內創(chuàng)建應用程序的一種服務,無需編碼能力。使用該工具,你可以創(chuàng)建iPhone和Android應用。還有一些可供選擇的功能,包括將網站連接到你的應用程序、HTML5功能、推送通知和廣告支持。通過AppMaker賬戶,你可以創(chuàng)建無限數量的應用程序。
目前Appmakr是國外比較流行的應用生成工具,在國內也享有一定知名度。
二:AppCan
AppCan屬于移動應用開發(fā)平臺,應用引擎支持Hybrid App的開發(fā)和運行。并且著重解決了基于HTML5的移動應用目前”不流暢”和”體驗差”的問題。使用AppCan應用引擎提供的Native交互能力,可以讓HTML5開發(fā)的移動應用基本接近Native App的體驗。
與Phonegap支持單彎沒一webview使用div為單位開發(fā)移動應用不同。AppCan支持多埋姿納窗口機制,冊閉讓開發(fā)者可以像最傳統(tǒng)的網頁開發(fā)一樣,通過頁面鏈接的方式靈活的開發(fā)移動應用?;谶@種機制,開發(fā)者可以開發(fā)出大型的移動應用,而不是只能開發(fā)簡易類型的移動應用。
三:appBook
appBook平臺是多平臺移動應用制作工具,可以廣泛用于書籍制作,個人雜志發(fā)行,宣傳手冊,支持iPad、iPhone、Andriod等平臺,不支持pc平臺。真正做到了一次編譯多平臺發(fā)布。目前appbook平臺有:iebook平臺、及、appbook應用制作平臺.
曾經我也適用用軟件制作APP,目的是達到了,但做出來的app比較生硬。后來我和啟匯網絡(廣州一家比較專業(yè)的APP開發(fā)公司)技術總監(jiān)Daniel聊起app開發(fā),Daniel認為:要做好app開發(fā),必須要有核心的app開發(fā)技術,有經驗的app開發(fā)團隊,才能做好滿意的app應用軟件。
真正要做好一個APP,也要掌握一定的app開發(fā)技術才是王道!
我們使用一些軟件的時候,有時候在桌面上發(fā)現(xiàn)并沒沒有這個軟件的快捷方式,尤其是一些綠色軟件,桌面更不會有軟件的快捷方式,這樣我們使用軟件的時候可能很不方便。所以我們需要在桌面上建立程序的快捷方式! 那么我們應該如何創(chuàng)建程序的指卜快捷方式呢?小編這里給大家簡單介紹一下,希棗蔽望能幫助到各位朋友!
工具/原料
電腦 windows7操作系統(tǒng)
電腦上安裝的軟件創(chuàng)建快捷方式
3/4分步閱讀
我們點擊打開開始菜單!
?
2/4
在開始菜單的所有程序中找到你想創(chuàng)建快捷方式的程序!然后在程序上單唯巖穗擊鼠標右鍵!
?
3/4
然后選擇發(fā)送到桌面快捷方式!
?
4/4
這樣我們就在桌面上創(chuàng)建了程序的桌面快捷方式!
應該槐型叫做怎么開發(fā)軟件,標準敬純化定制軟件一共需要這些:項鉛稿猜目負責人,項目經理,項目助理,架構師,程序員,美工,測試工程師!
突然間都要學要學習語言,什么c加加呀,亂七八糟的語言,核彎你首先要學會了才能創(chuàng)造一遍,不會的。反正是很麻孫判煩的事情,現(xiàn)則氏改在年輕的話還可以學一些年紀大的,就沒必要去學了。
linux 安裝phonegap的介紹就聊到這里吧,感謝你花時間閱讀本站內容,更多關于linux 安裝phonegap,如何在Linux上安裝PhoneGap,有沒有把網頁轉換成可執(zhí)行文件的網頁?,怎么創(chuàng)軟件的信息別忘了在本站進行查找喔。
香港云服務器機房,創(chuàng)新互聯(lián)(www.cdcxhl.com)專業(yè)云服務器廠商,回大陸優(yōu)化帶寬,安全/穩(wěn)定/低延遲.創(chuàng)新互聯(lián)助力企業(yè)出海業(yè)務,提供一站式解決方案。香港服務器-免備案低延遲-雙向CN2+BGP極速互訪!
網頁標題:如何在Linux上安裝PhoneGap(linux安裝phonegap)
瀏覽路徑:http://m.fisionsoft.com.cn/article/cdiscio.html


咨詢
建站咨詢
