我司項目提供Android的SDK(jar,aar),而客戶使用HBuilder開發的H5項目,爲了能讓客戶順利集成我司業務能力,沒辦法要折騰Demo了,沒有經驗怎麼辦?
前面介紹過HBuilder的使用,官方也有明確HBuilder要調用jar包需要使用AndroidStudio離線打包的方式;所以,本項目也不例外,那就開始準備吧!
一、資源下載
從這裏下載H5 SDK包,地址:http://download.dcloud.net.cn/[email protected]_20191115.zip
關於SDK導入方案詳細如下:https://ask.dcloud.net.cn/article/103
下載後的資源如下圖所示:
二、工程導入
如上圖中的HBuilder-Hello是HBuilderX提供的標準SDK可以直接導入AndroidStudio中,如下圖操作:
選擇項目如下圖:
打開後如下圖:
三、修改指導
Html源碼位於HBuilderDemo\app\src\main\assets\apps\HelloH5\www目錄下,JS和Html等資在其下安裝調用,如下圖:
四、調用方法
如前面《HBuilder中用JS發送Android廣播》可用Native.js來實現調用,調用方法詳細參考官方文檔介紹。如下是我司項目的部分代碼供參考:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title> <script type="text/javascript"> // 擴展API加載完畢後調用onPlusReady回調函數 document.addEventListener( "plusready", onPlusReady, false ); // 擴展API加載完畢,現在可以正常調用擴展API function onPlusReady() { console.log("plusready"); } // 測試 function login(){ // 執行登陸操作 var main = plus.android.runtimeMainActivity(); var LivemsImp = plus.android.importClass("api.fs.pocsdk_fs.LivemsImp"); LivemsImp.getLivemsInstance(main.getApplicationContext()).attach(); }
function video(){ // 啓動視頻直播 var main = plus.android.runtimeMainActivity(); var LivemsImp = plus.android.importClass("api.fs.pocsdk_fs.LivemsImp"); LivemsImp.getLivemsInstance(main.this).startVideo(); } </script> </head> <body> <button onclick="login()">Login</button> <button onclick="video()">Video</button> </body> </html>
|