『壹』 請問APICloud可以把一個web網站快速打包成APP么
可以的，在APICloud控制台可以填寫相關網站，創建一個APP，之後雲編譯就是一個單獨的APP了。很簡單的，你可以去試試。
『貳』 怎麼快速將網站打包為app
使用wap2app工具，打出的包可以上傳app store
『叄』 請問APICloud可以把一個web網站快速打包成APP么
可以的，襲滾在APICloud控制台可以填寫相關網站，創建一個APP，之拍信余後雲編譯就是一個單獨的APP了
很簡單的，你坦飢可以去試試
『肆』 如何將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裡面沒有圖片，不過效果總算是出來了
『伍』 詳解Vue webapp項目通過HBulider打包原生APP（vue+webpack+HBulider）
1、webapp項目已經通過vue-cli搭建的腳手架寫好了，然後通過webpack打包成一個部署文件list，如下：
2、打開HBulider,打開目錄，選擇這個list，項目名稱自己更改。（或者直接新建一個app項目，然後把里邊的unpackage和manifest這兩個保留下來，其他的替換成自己dist文件里邊的內容）
這個時候是web項目，需要改為APP項目（如果直接新建的app，請忽略此步）
更改前：
更改後：
3、在HB中打開這個dist，可以看到有一個manifest.json的文件。這個文件是用來配置應用信息的。入口文件一定要對應好，我用VUE寫的單頁應用，所以就一個index.html。
然後配置圖標
按著自己項目的要求配置就行了，HB下面列舉的很詳細。
4、接下來可以通過手機用USB線與電腦連接進行真機調試。（必須通過USB線連接才可以，人家HB不支持什麼通過無線連接的方式）windows電腦不用說了，可以用一些360助手什麼的就可以解決了。如果你的手機是安卓的，在蘋果電腦下面就沒那麼好搞了。後來通過網路加自己的摸索也搞出來。方法就是在蘋果電腦上下載一個使用
Android
File
Transfer這個軟體。要收費時，點擊試用就可以了。手機上需要打開usb調試，然後選擇
內置光碟
就可以與蘋果電腦連接了。手機自己也有提示（真的很暖心）
連接成功之後，就可以進行真機調試了。
註：網上很多說自己的VUE項目項目打開一片空白，記得改一下config下面的index.js中bulid模塊導出的路徑。因為index.html里邊的內容都是通過script標簽引入的，而你的路徑不對，打開肯定是空白的。先看一下默認的路徑。
mole.exports
=
{
build:
{
env:
require('./prod.env'),
index:
path.resolve(__dirname,
'../dist/index.html'),
assetsRoot:
path.resolve(__dirname,
'../dist'),
assetsSubDirectory:
'static',
assetsPublicPath:
'/',
proctionSourceMap:
true,
assetsPublicPath默認的是
『/'
也就是根目錄。而我們的index.html和static在同一級目錄下面。
所以要改為
『./
'
另外還需要注意一點。src里邊router/index.js路由配置里邊默認模式是hash，如果你改成了history模式的話，打開也會是一片空白。所以改為hash或者直接把模式配置刪除，讓它默認的就行
。
//
mode:
'history'
//
默認hash
5、如果真機測試沒有問題。那麼就可以真正的進行打包成APP了。
打包成功後，可以通過手動下載，或者直接打開下載目錄里邊下載好的。把這個xxxx.apk文件通過qq或者其他的發送到你的手機上，點擊安裝。就可以了。
6、最後，展示一下手機上的效果。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:詳解Vue
webapp項目通過HBulider打包原生APP
『陸』 如何web應用程序打包成app
下載安裝MyEclipse2014，Android SDK，eclipse(需配置Android開發環境)
Java和Android環境安裝與配置，將另寫經驗分享，讀者也可網路參考其他相關資料，自行安裝
打開MyEclipse2014，新建一個HTML5 Mobile Application Project，命名，例如：hello
html5程序在工程www目錄下編輯；
編輯好我們的html5程序，下面就要開始學習打包了
這里介紹兩種打包方式：1、PhoneGap Build Service 打包
PhoneGap官網有相關教程可參考，不具體介紹
2、android SDK +eclispe 打包
android SDK +eclispe 打包(前提已配置好，android開發環境)：
Step1、啟動eclipse，新建Android Application Project，即Android工程，命名，例如：hello
Step2、將前面Myeclipse2014中編輯好的HTML5程序(www整個目錄）拷至剛剛在eclipse新建hello工程對應assets目錄下面
Step3、下面要做的就是如何將我們的HTML5程序在Android應用中啟動，這里我們要使用Android系統自帶的WebView控制項（具體信息參考Adroid開發文檔）---在工程下找到res->layout->activity_main.xml並打開，向裡面插入WebView控制項，編輯好自己想要的樣式
Step4、在主程序入口，用剛剛編輯好的WebView控制項將HTML5程序引入，此時，主體功能已實現，編譯工程即可得到apk
『柒』 Win10怎麼把Web應用打包發布到應用商店上
在今天的win10系統使用教程中，我們將來分享一下微軟日前發布的Windows App Studio，Windows App Studio有什麼作用呢?可能對大多數的win10系統用戶來說，Windows App Studio並沒有什麼用，但是，如果您的web應用的開發者，那肯定會感興趣的，因為使用Windows App Studio可以把Web應用打包後發布到Win10的應用商店上，打包後的應用可以同時在PC和手機平台上運行，而且不需要編程的經驗就能完成這個操作。下面就來介紹一下如何把Web應用打包發布到Win10應用商店上。 Windows App Studio 具體步驟如下： 1、創建工程 進入Windows App Studio創建工程頁面，需要使用微軟賬戶登錄。在該頁面你會看到Hosted Web App選項，如下圖所示： Windows App Studio 點擊Hosted Web App，之後會彈出彈窗，在這里輸入應用的名稱，然後點擊“Start with this one!”，在右側會顯示在不同設備中的預覽。 2、配置應用 創建項目之後會進入應用內容編輯頁面，在這里你只需要填寫你的Web應用的地址即可。 Windows App Studio 在這里你還可以上傳一個自定義的應用清單文件Manifest，這是一個JSON數據文檔，裡麵包含了應用啟動參數之類的配置。你還可以定義額外的URI規則以及設備屏幕旋轉屬性等，但這些都是可選的。 在右側的設備預覽畫面中會出現應用的預覽效果，有時候這里不顯示內容，這很可能是頁面不支持iframe嵌入，不過一般來說都不會有問題。 填寫好URL地址後，你需要為應用更換一個Logo。點擊導航欄中的Logo，如下圖所示： Windows App Studio 然後點擊App logo標題下方的圖標，就可以上傳自己准備好的應用Logo了，上傳後會自動生成所需的不同尺寸圖標。 之後點擊Settings，編輯與應用商店相關的一些信息，包括應用描述、語言等信息。填寫完成後，點擊“Save”保存。 Windows App Studio 3、生成應用 配置好應用之後，點擊右上角的“Finish”按鈕，之後會進入應用預覽頁面，針對不同形態的設備進行預覽。最後只需要點擊“Generate”生成按鈕，然後在彈出的窗口中選擇生成類型(默認選擇為Visual Studio解決方案)，最後再點擊“Generate”即可。 Windows App Studio 以上就是把Web應用打包發布到Win10應用商店上步驟了，只要你有自己的Web應用，不需要重新編碼。用上面的方法就可以直接生成Win10應用商店的應用，幫你節省大量的時間。
『捌』 如何將html5程序打包成Android應用
問題分析：
html5網站主要由html+css+js的形式組成，需要使用瀏覽器進行展現。
Android需要使用Java語言來開發，對於前端工程師來說，無疑是增加了很大的難度。
隨後出現了很多打包工具，來協助我們將網頁元素打包成手機app，將我們編寫的html轉化為Java語言。
解決方案：
推薦一款我們常用的打包工具：HBuilder。
該工具不僅提供了Android應用打包，還可以直接連接手機進行調試，配合HTML5+可以實現很多Android原生的功能。比如：掃碼二維碼，拍照，搖一搖等等。
具體操作步驟：
1、真機調試
②勾選Android復選框，如果使用Dcloud公用證書的話，可以直接進行打包，手機可以安裝使用。如果需要上傳發行到第三方應用平台的話，需要使用自有證書，自用證書可以使用JRE自帶的創建和管理數字證書的工具Keytool來生成自有證書，生成過程是免費的。
勾選Android選項後，在下方表單中填寫Android包名，為保證唯一性，可以使用自有網站域名的反寫方式加上應用名稱。如果使用自有證書的話，還需要填寫證書別名，密鑰密碼，證書文件。
填寫完畢後，點擊打包，即可生成apk文件。
其他注意事項：
1、在開發過程中，不需要進行打包，應更多的使用真機調試，可以節約很多時間。
2、開發完畢後，盡可能在各種版本的android機器上做一下測試，因為一些網頁的樣式在不同的android版本中呈現的效果略有不同。
3、重新編輯一下html5網站代碼，將一些網頁功能轉換為手機功能，比如網頁元素的<a>標簽跳轉，就應該使用Webview來完成。可以解決頁面切換白屏的問題，還可以提高網站在手機中的運行效率。
『玖』 如何使用PhoneGap打包Web App-Android
最近做了一款小游戲，定位是移動端訪問，思來想去最後選擇了jQuery mobile最為框架，製作差不多以後，是否可以打包成App，恰好以前對PhoneGap有耳聞，便想用這個來做打包，可以其中艱辛曲折多次讓我想放棄的心情，官方提供的例子，對我這種沒用過的人而言，真是無語的很，所已將配置環境和打包過程寫下做個記錄。
因為我只弄了Andriod的環境，所以在此只以Andriod為例。
使用PhoneGap搭建Android開發的項目整體步驟如下：
安裝java環境。
安裝ant構建工具。
安裝android的開發環境並配置環境變數。
安裝Node.js環境並配置環境變數。
安裝git
使用npm安裝PhoneGap全局環境。
使用PhoneGap命令創建PhoneGap項目。
將PhoneGap編譯為android項目。
將上述項目導入ADT進行後續開發。
安裝.apk文件
其實官網給出的安裝過程忽略了很多步驟（因為這里是Andriod環境，所以才會比官網的例子多出不少步驟），像我這種前端開發人員，電腦里可是連java都沒裝的，下面就詳細講解這些步驟，並最終生成apk文件。
安裝Java環境
這點不用我講，網上一搜一大堆，而且很多程序員電腦裡面都是有java環境的，需要強調的是安裝java的環境要和後面下載andriod開發環境一致，不然會報錯，要保證都是32位或64位，筆者就裝了個64位jdk然後，安卓環境是32位的，運行不成功。
資源
jdk 下載：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
配置java環境：http://..com/link?url=OY0oVYGYuBgsCu-ASgWoY2V1Sh0W5R0yPgpndOjA1c_
安裝Ant構建工具
Adobe將PhoneGap已經放到Apache名下進行開源，並且還改了個名字，ant可以apache下的構建工具，所以……需要先安裝ant才可以，安裝過程其實非常簡單，第一個就是下載，選擇適合自己的版本，因為我的環境是win7 所以下載zip格式的就可以了。
然後將zip文件解壓到任意目錄，並添加環境變數，具體可以參看這里
將bin目錄添加到path裡面
添加ANT_HOME變數為ant的根目錄
確保安裝了jdk並配置好了JAVA_HOME
然後保存環境變數，打開命令行輸入 ant -version 你應該看見類似下面的輸出，那恭喜成功了，可以進行下一步了，如果未成功，可網路下錯誤原因：
『拾』 webstorm怎麼打包app
對於使用的不用的操作系統對WebStorm更改一下設置，能夠在更大的程度上提升效率。
1、Windows 系統
<WebStorm installation folder>/bin/idea.exe.vmoptions
或是下面的方法進行設置：
<WebStorm installation folder>/bin/idea64.exe.vmoptions
2、*NIX 系統
<WebStorm installation folder>/bin/idea.vmoptions
或是下面的方法進行設置：
<WebStorm installation folder>/bin/idea64.vmoptions
3、Mac操作系統
將這個file /Applications/WebStorm.app/bin/下的idea.vmoptions復制到
~/Library/Preferences/WebIdeXX/idea.vmoptions
舉個例子，為了增加WebStorm堆的大小，你需要從/Applications/WebStorm.app/bin/idea.vmoptions 復制original .vmoptions文件到~/Library/Preferences/WebIdeXX/idea.vmoptions，然後修改-Xmx設置。
對於比較舊的版本的話，就需要如下進行設置存儲：
/Applications/WebStorm.app/Contents/Info.plist
Unicode文本的管理設置
在WebStorm允許定義非ascii字元是否應該使用文字像『\ u00AB』或『\ 00 ab」。
中操作主要是由系統屬性idea.native2ascii.lowercase控制，在默認的情況下，使用大寫字元。
也可以使用小寫字元，但是需要按照使用的平台進行設置，如下：
1、Windows 和 *NIX系統
idea.native2ascii.lowercase=true
放到bin/idea.properties文件，這個文件位於產品裝包中。
2、Mac操作系統
復制/Applications/WebStorm.app/bin/idea.properties文件到~/Library/Preferences/WebIdeXX/下，打開進行編輯，添加行。
對於老版本的WebStorm，打開用於編輯的/Applications/WebStorm.app/Contents/Info.plist文件，並添加以下代碼:
<key>idea.native2ascii.lowercase</key>
<string>true</string>
到這個部分
<key>Properties</key> <dict> ... <dict>
放到bin/idea.properties文件，這個文件位於產品裝包中。