cordova vue混合式開發App

1. 建立cordova專案並新增android平台

建立專案指令：cordova create hello com.example.hello helloworld

第乙個hello是cordova自動生成的專案資料夾名稱

第二個com.example.hello我一般填寫公司的名稱，比如：com.csdn.hello

建立完cordova專案後我們需要通過指令進入cordova專案的路徑下才可進行後續操作：

進入專案目錄指令：cd hello

進入專案目錄後，我們需要新增對應的平台，這裡我們用的是android平台

新增平台指令：cordova platform add android

2. 打包vue專案

打包vue專案指令：npm run build

publicpath:

'/',

=> publicpath:

'./'

,這裡有一種比較便捷的打包方式，即修改你的輸出檔案路徑，將它指向你cordova專案中靜態檔案存放的位址。這樣可以省去每次打包好vue專案後再複製貼上到cordova專案中的麻煩。

具體修改outputdir值即可：

//原始值

outputdir:
'dist'
,//修改為 具體位址視開發情況而定
outputdir:
,

上圖中綠色線框選出的是cordova自動生成的外掛程式相關檔案，建議不要隨便修改！紅線框出的是複製進來的vue專案打包輸出後的檔案。

3. 安裝所需的外掛程式

安裝外掛程式指令：cordova plugin add cordova-plugin-***

具體外掛程式名稱看專案中用到了哪些，一般安裝外掛程式有三種方法：

cordova官方外掛程式。比如 cordova plugin add cordova-plugin-camera

通過url安裝。比如 cordova plugin add

安裝本地外掛程式。比如 cordova plugin add e:\cordova\plugins\cordova-hot-code-push-local-dev-addon

如果需要刪除某些外掛程式可以使用：cordova plugin remove ***x

如果需要檢視已安裝的外掛程式列表可以使用：cordova plugin list

<?xml version='1.0' encoding='utf-8'?>

>
name
=>
>
name
="launcher_name"
>
>
name
="activity_name"
>
@string/launcher_namestring
>
resources
>

打包apk指令：cordova build android

混合式app開發框架

phonegap phonegap的官網位址是 phonegap apicloud apicloud是一款 雲端一體 的移動開發平台，信仰 雲端一體 的理念，重新定義了移動應用開發。apicloud為開發者從 雲 和 端 兩個方向提供api，簡化移動應用開發技術，讓移動應用的開發周期從乙個月縮短到7...

Hybrid混合式開發 回顧

一 前言 1 新鮮的玩法，短期可以吸引大量使用者 2 讓使用者足不出戶就可以抓娃娃，滿足一些喜歡抓娃娃人群的訴求 3 使用者留存率低，一般使用者就是在獲取免費金幣進來玩一把，然後就不會再來了，所以還得通過各種手段吸引使用者來，提高付費率 4 需軟硬體結合，打通之後還需專門人員維護機器 5 需要倉儲 ...

iOS使用ionic實現混合式開發

mac上使用輕量級的ionic進行混合式開發ios應用 看文件是怎樣操作的自己動手豐衣足食。如果還是不會使用繼續往下閱讀。2 安裝好以後輸入 node v 如果出現 node.js的版本說明安裝成功。3 安裝 cordova和ionic 安裝命令 sudo 首先應該安裝好 node.js 略 然後安...