使用場景

原生APP內嵌入HTML5頁面，在HTML5頁面調用原生APP的方法（如登錄、分享等）。

關鍵代碼

if(window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ActivityLogin && window.webkit.messageHandlers.ActivityLogin.postMessage){// 調用IOS登錄window.webkit.messageHandlers.ActivityLogin.postMessage(); } else if(window.phoneInterface && window.phoneInterface.ActivityLogin){// 調用安卓登錄window.phoneInterface.ActivityLogin(); } else {// 調用H5登錄this.openLogin(); }

Tips

1、上面代碼片段中的“ActivityLogin”是和APP開發人員協商定義的方法名，IOS和安卓可以不一致。

2、只有在APP中打開才能成功調用協商APP的方法，所以前端開發者需要兼容到非協商APP（如在瀏覽器或者其他APP）內打開的情況。

3、調用APP登錄成功之后，HTML5需要獲取登錄成功后的用戶信息（如token、用戶ID等），具體方法見樓主另外一篇文章：H5頁面獲取原生APP的登錄狀態。

4、調用分享等場景時可能會同時向APP傳參（如分享地址，分享標題，分享封面圖等），具體如下：

// 向APP傳遞的參數格式可以是JSON, 也可以是字符串, 具體需要跟APP開發人員溝通 let shareInfo = {url: 'xxx',title: 'xxx',cover: 'xxx' }; // ios window.webkit.messageHandlers.ActivityShare.postMessage(shareInfo); // 安卓 window.phoneInterface.ActivityShare(shareInfo)

完！最后就是和APP端聯調了。

總結

以上是生活随笔為你收集整理的H5调用APP的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。