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