原生app與h5頁(yè)面之間的簡(jiǎn)單通信

在混合應(yīng)用中,通常會(huì)涉及到原生app(IOS或者Andriod)向h5頁(yè)面?zhèn)鬟f參數(shù),或者h(yuǎn)5向原生app傳遞參數(shù)

一、原生app給h5傳遞參數(shù):

場(chǎng)景:有一個(gè)資訊詳情頁(yè)面,詳情頁(yè)面是用h5寫的,我們需要在詳情頁(yè)面發(fā)送網(wǎng)絡(luò)請(qǐng)求獲取詳情頁(yè)面的信息,在發(fā)送請(qǐng)求之前我們需要獲取token和countID(用戶的ID),這里需要原生app端給我們傳遞過來

那怎樣處理呢?

由于這里用到的技術(shù)棧是nuxt.js(vue的一個(gè)服務(wù)端渲染框架),我們可以在mounted()聲明周期中聲明一個(gè)全局的方法,原生app在進(jìn)入到這個(gè)這個(gè)資訊詳情頁(yè)面時(shí)可以調(diào)用這個(gè)方法將值傳遞給h5頁(yè)面,方法名可以和原生app開發(fā)人員約定好,如下案例:

定義的全局方法:getUserInfo

需要傳遞的參數(shù):accountId token

執(zhí)行的任務(wù):當(dāng)原生app傳遞過來參數(shù)時(shí),發(fā)起網(wǎng)絡(luò)請(qǐng)求獲取數(shù)據(jù)

二、h5給原生app傳遞參數(shù)

場(chǎng)景:原生app有一個(gè)分享功能,該功能需要h5頁(yè)面?zhèn)鬟f參數(shù)給app端

(1)h5傳遞參數(shù)給安卓:定義一個(gè)全局的方法,將需要傳遞的值return即可,安卓端可調(diào)用該全局方法獲取你返回的值

如下代碼:

(2)h5傳遞參數(shù)給IOS:

使用如下代碼傳遞,jsonShare就是需要傳遞給原生IOS的值

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

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

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