JavaScript如何調(diào)用Native iOS/Android 方法

chenatu 發(fā)布于2019-08-22 10:43 / 2935人閱讀

摘要：三調(diào)用方法與不同之處在于，接收中文英文參數(shù)，無(wú)需操作。例如，我想要獲取用戶(hù)，本著駝峰命名規(guī)范，我們將函數(shù)名稱(chēng)統(tǒng)一定義為。在調(diào)試時(shí)，發(fā)現(xiàn)接收到的函數(shù)方法為，導(dǎo)致。

寫(xiě)在前面的話(huà)：本文面向web前端工程師，iOS 或 Android 請(qǐng)移步這里stackoverflow。關(guān)于app開(kāi)發(fā)模式，這里不再贅述。

一、判斷機(jī)型

js 調(diào)用 Native iOS/Android function 需要使用不同的方法，所以首先要做的是判斷用戶(hù)機(jī)型，代碼如下：

var u = navigator.userAgent.toLowerCase();
var isApple = /iphone|ipad|ipod|ios/i.test(u);
var isAndroid = /android/i.test(u);

二、調(diào)用 Native iOS 方法

通過(guò) js 改變 window.location 值, 來(lái)實(shí)現(xiàn)調(diào)用 iOS function ，這個(gè)操作并不是跳轉(zhuǎn)，而是觸發(fā)了一個(gè) 即發(fā)即棄 (a fire and forget) 事件。代碼如下：

//一個(gè)參數(shù)
window.location = "color://" + color;

//兩個(gè)參數(shù)
window.location = "myscheme://param1/" + value1 + "/param2/" + value2;

iOS 端接收參數(shù)需要進(jìn)行 url 編碼處理，可以使用 encodeURIComponent 函數(shù)處理。

ps:關(guān)于URI和URL
URI(Uniform Resource Identifier) 統(tǒng)一資源標(biāo)識(shí)符
URL(Uniform Resource Locator) 統(tǒng)一資源定位符
URI包含URL和URN，如果URI標(biāo)識(shí)一個(gè)人，URL好比這個(gè)人的住址，URN則是名字。

三、調(diào)用 Native Andriod 方法

與 iOS 不同之處在于，Andriod 接收中文英文參數(shù)，無(wú)需 encode 操作。實(shí)現(xiàn)代碼如下：

if(window.AndroidBridge) {
    window.AndroidBridge.changeNavbarBackground(color);
}

四、關(guān)于函數(shù)名稱(chēng)約定

三方會(huì)根據(jù)業(yè)務(wù)需求定義一個(gè)通用的函數(shù)名稱(chēng)，這個(gè)函數(shù)名稱(chēng)通常是由web前端工程師定義的。例如，我想要獲取用戶(hù)id，本著駝峰命名規(guī)范，我們將函數(shù)名稱(chēng)統(tǒng)一定義為 getId() 。在 iOS 調(diào)試時(shí)，發(fā)現(xiàn)iOS接收到的函數(shù)方法為 getid() ，導(dǎo)致bug。

ok，問(wèn)題解決了，若還有其他問(wèn)題，歡迎給我留言。如果對(duì)你有幫助，記得在下方點(diǎn)個(gè)推薦吧~~