浅谈鸿蒙应用开发JS与Java在手机APP中的混合开发方式
想了解更多内容，浅谈请访问：
和华为官方合作共建的鸿蒙合开鸿蒙技术社区
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; }实现效果图展示如下：
点击获取位置信息展示设备经纬度，再次点击查看位置通过逆地址转换展示具体位置
这两者能够正常进行通信后，这样我们就能够在JS UI中进行页面布局，在Java UI里进行逻辑处理了，希望以上内容能对大家有所帮助。
©著作权归作者和HarmonyOS技术社区共同所有，如需转载，请注明出处，否则将追究法律责任。
想了解更多内容，请访问：
和华为官方合作共建的鸿蒙技术社区
https://harmonyos.51cto.com/#zz
