淺談鴻蒙應用開發JS與Java在手機APP中的混合開發方式

作者：執劍天涯奈我何 2021-01-28 10:12:02

開發

在進行鴻蒙應用開發中由于每個人的開發習慣不同，鴻蒙官方文檔說明中也是支持多種開發方式，今天跟大家聊聊關于JS跟Java之間混合開發方式。

[[378760]]

想了解更多內容，請訪問：

51CTO和華為官方合作共建的鴻蒙技術社區

https://harmonyos.51cto.com/#zz

在進行鴻蒙應用開發中由于每個人的開發習慣不同，鴻蒙官方文檔說明中也是支持多種開發方式，今天跟大家聊聊關于JS跟Java之間混合開發方式。

基本介紹

首先是因為我個人習慣使用JS進行頁面開發布局，但是鴻蒙提供的Java API的功能比JS API的功能要強大，所以我選擇用JS開發頁面用Java實現邏輯交互，那么這兩者之間如何進行通信就是我們需要考慮的問題。好在官方文檔中有關于JS API調用Java API 機制的說明，FA提供了三個JS接口分別為：

FeatureAbility.callAbility(OBJECT)：調用PA能力;
FeatureAbility.subscribeAbilityEvent(OBJECT, Function)：訂閱PA能力;
FeatureAbility.unsubscribeAbilityEvent(OBJECT)：取消訂閱PA能力。

在PA端也有對應的接口其包含遠端調用Ability和本地調用Internal Ability兩種方式。

PA端調用Ability接口方式為：boolean IRemoteObject.onRemoteRequest(int code, MessageParcel data, MessageParcel reply, MessageOption option);

PA端調用Internal Ability 接口方式為：boolean onRemoteRequest(int code, MessageParcel data, MessageParcel reply, MessageOption option)

JS端與Java通過接口擴展機制進行通信，通過bundleName和abilityName進行關聯，所以我們要建立兩者之間的通信，根據提供的接口字段進行相對應匹配。

接下來通過我寫的例子方便大家更好的去理解JS是如何調用PA能力的。

權限配置

本示例需要位置權限，因此在config.json中添加以下字段，還有就是需要在手機中打開定位開關

"reqPermissions": [  {  "name": "ohos.permission.LOCATION"  }],

代碼演示

JS端接口代碼如下：其中messageCode、abilityType、syncOption值根據文檔進行配置

aa:async function (){ 
               var actionData = {}; 
               actionData.longitude = this.longitude; 
               actionData.latitude = this.latitude; 
                var action = {}; 
                action.data = actionData; 
                action.bundleName = 'com.example.shundaschool'; 
                action.abilityName = 'com.example.shundaschool.LocationAbility'; 
                action.messageCode = 666; 
                action.abilityType = 1; 
                action.syncOption = 1; 
                var result = await FeatureAbility.callAbility(action); 
                var ret = JSON.parse(result); 
                console.info("00000" + ret); 
                console.info("0022" + JSON.stringify(ret.abilityResult)); 
                this.$set("address",JSON.stringify(ret.abilityResult)) 
    },

PA端接口代碼如下：

... ... 
 
private static final String BUNDLE_NAME = "com.example.shundaschool"; 
private static final String ABILITY_NAME = "com.example.shundaschool.LocationAbility"; 
 
... ... 
 
public LocationAbility() { 
    super(BUNDLE_NAME, ABILITY_NAME); 
} 
 
    public boolean onRemoteRequest(int code, MessageParcel data, MessageParcel reply, MessageOption option) { 
        switch (code) { 
                case location: { 
                String zsonStr = data.readString(); 
                RequestParamsss param = ZSONObject.stringToClass(zsonStr, RequestParamsss.class); 
                System.out.println("我是param經度："+param.getLatitude()); 
                System.out.println("我是param緯度："+param.getLongitude()); 
                // 返回結果當前僅支持String，對于復雜結構可以序列化為ZSON字符串上報 
                GeoConvert geoConvert = new GeoConvert(); 
                try{ 
                    List<GeoAddress> address = geoConvert.getAddressFromLocation(param.getLatitude(), param.getLongitude(), 1); 
//                    System.out.println(address); 
//                    System.out.println(address.get(0).getDescriptions(0)); 
                    Map<String, Object> zsonResult = new HashMap<String, Object>(); 
                    zsonResult.put("code", SUCCESS); 
                System.out.println("我是param:" +  param); 
                    zsonResult.put("abilityResult",  address.get(0).getDescriptions(0)); 
                    if (option.getFlags() == MessageOption.TF_SYNC) { 
                        reply.writeString(ZSONObject.toZSONString(zsonResult)); 
                    } else { 
                        // ASYNC 
                        MessageParcel reponseData = MessageParcel.obtain(); 
                        reponseData.writeString(ZSONObject.toZSONString(zsonResult)); 
                        IRemoteObject remoteReply = reply.readRemoteObject(); 
                        try { 
                            remoteReply.sendRequest(0, reponseData, MessageParcel.obtain(), new MessageOption()); 
                            reponseData.reclaim(); 
                        } catch (RemoteException exception) { 
                            return false; 
                        } 
                    } 
                }catch (IOException e){ 
                    System.out.println("獲取位置信息異常"); 
                } 
                break; 
            } 
            default:{ 
                reply.writeString("service not defined"); 
                
            } 
        } 
        return true; 
    }