鍍金池/ 問(wèn)答/Android  HTML/ 如何用vue開(kāi)發(fā)一個(gè)安卓App的項(xiàng)目

如何用vue開(kāi)發(fā)一個(gè)安卓App的項(xiàng)目

1.進(jìn)度闡述
通過(guò)vue-cli創(chuàng)建的vue項(xiàng)目，現(xiàn)在已經(jīng)做好了html頁(yè)面，沒(méi)有數(shù)據(jù)交互
2.問(wèn)題描述
數(shù)據(jù)交互方面上，我理解的是跟之前一樣的用vue-resources做http請(qǐng)求，然后頁(yè)面處理數(shù)據(jù)；但是安卓開(kāi)發(fā)的后端人員說(shuō)不是這樣（后端也是個(gè)新手），說(shuō)是得對(duì)http的請(qǐng)求做一次封裝，原來(lái)我們是this.$http("http://www.abc.com/goods")這樣的請(qǐng)求，現(xiàn)在不能這樣寫(xiě)了，而是用一個(gè)另外的方法去請(qǐng)求

function toLogin(){
    var userName = document.getElementById('userName').value;
    var pwd = document.getElementById('pwd').value;
    window.WebViewJavascriptBridge.callHandler(
        'toLogin'
        , {'param': '{userName:'+userName+',pwd:'+pwd+'}'}
        , function(responseData) {
        }
    );
}

3.問(wèn)題
（1）問(wèn)題一：
我現(xiàn)在就比較模糊，不知道是否是真的要那樣寫(xiě)；我網(wǎng)上百度以及咨詢別人，都說(shuō)開(kāi)發(fā)安卓APP的話，也是this.$http請(qǐng)求那樣的，不需要像上面一樣封裝
（2）問(wèn)題二
cordova打包和weex打包是什么？正常流程是在我數(shù)據(jù)交互完再打包？

回答
編輯回答
北城荒

問(wèn)題1

其實(shí)只需要驗(yàn)證下vue.js的http調(diào)用能不能在Android環(huán)境下運(yùn)行

  1. 讓Android提供一個(gè)允許運(yùn)行js的WebView，并獲取到網(wǎng)絡(luò)請(qǐng)求的權(quán)限
  2. 使用WebView加載vue.js頁(yè)面
  3. vue.js頁(yè)面執(zhí)行http調(diào)用
  4. 等待驗(yàn)證結(jié)果

若驗(yàn)證通過(guò)，則完全不需要再通過(guò)native-js接口來(lái)實(shí)現(xiàn)，除非有交互需求才需要js調(diào)用native接口（如果驗(yàn)證過(guò)了，還要那樣做，就等同于TuoDiaoKuzi，F(xiàn)angPi。）

問(wèn)題2

Cordova是用來(lái)打包離線html頁(yè)面的，即已經(jīng)編譯生成好的頁(yè)面，打包之后，會(huì)隨同Apk安裝到手機(jī)，App運(yùn)行時(shí)，會(huì)直接讀取這些本地安裝的頁(yè)面。一般配合ionic或者Framework7使用。

p.s.Weex暫時(shí)未了解過(guò)。

2017年4月14日 13:30
編輯回答
淺淺

1).調(diào)用原生的登錄界面，直接跳轉(zhuǎn)到登錄頁(yè)面即可，如果是自己的H5模塊登錄界面,直接調(diào)用后臺(tái)接口即可，后臺(tái)的數(shù)據(jù)庫(kù)是相通的就行
2).數(shù)據(jù)交互完再打包

2017年4月10日 07:32
編輯回答
艷骨

1、正常的http請(qǐng)求就可以了。
2、cordova打包的APP是基于webview的，weex是渲染成原生組件。
也可以用APICloud打包，我們之前項(xiàng)目用這個(gè)。

2017年6月4日 01:54
編輯回答
澐染

cordova，你值得擁有

2017年3月29日 22:22
編輯回答
北城荒

混合開(kāi)發(fā)，一般情況最好單獨(dú)處理邏輯，如果確實(shí)需要交互，可以定義方法進(jìn)行通信。
（1）看你的描述，好像是要封裝請(qǐng)求給安卓調(diào)用，如果那樣的話，肯定需要封裝，但是你完全可以h5直接發(fā)起請(qǐng)求，處理邏輯，只跟安卓進(jìn)行簡(jiǎn)單的交互，目前我們開(kāi)發(fā)就是這種，基本上只會(huì)涉及到調(diào)用幾個(gè)函數(shù)的問(wèn)題；
（2）沒(méi)有使用過(guò)這兩個(gè)，只是了解weex是基于vue的語(yǔ)法封裝的，打包我們都是安卓和ios他們處理，我們只負(fù)責(zé)自己的h5部分。

2017年2月22日 10:13