基于vue2.0的單頁面，內(nèi)嵌到原生APP內(nèi)，如何與原生app交互？

基于vue2.0的頁面與原生app的交互

1.原生調(diào)用移動端頁面鏈接

2.移動端頁面直接打包嵌入到原生App

根據(jù)項目經(jīng)驗，主要講解第二種方式

項目背景 ：?

基于vue2.0的頁面兩個用處，1.單獨作為移動端頁面運行，2內(nèi)嵌到原生App

要處理的問題：

1.頁面打包，基于vue2.0使用webpack方式打包必須放在服務(wù)器上才能運行，嵌入app相當于作為靜態(tài)頁面使用

2.vue單頁中要區(qū)分是用在哪里的，Ios,Android,Pc,H5

3.為不同的服務(wù)方編寫相應(yīng)的事件請求

問題處理：

1.打包

用于瀏覽區(qū)移動端 :webpack方式打包

嵌套到源生（Io

s,Android） gulp+browserify


打包完成??


將打包后的文件發(fā)給原生App 調(diào)用

2.頁面代碼，使用?WebViewJavascriptBridge與原生交互



原生調(diào)用vue單頁的方法:


vue單頁調(diào)用原生方法


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容