浅谈鸿蒙应用开发JS与Java在手机APP中的混合开发方式

想了解更多内容，请访问：

公司主营业务：成都网站设计、成都做网站、外贸网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出坪山免费做网站回馈大家。

和华为官方合作共建的鸿蒙技术社区

https://harmonyos./#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 address = geoConvert.getAddressFromLocation(param.getLatitude(), param.getLongitude(), 1); 
  
  
  
  //                    System.out.println(address); 
  
  
  
  //                    System.out.println(address.get(0).getDescriptions(0)); 
  
  
  
                      Map zsonResult = new HashMap(); 
  
  
  
                      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里进行逻辑处理了，希望以上内容能对大家有所帮助。

想了解更多内容，请访问：

和华为官方合作共建的鸿蒙技术社区

https://harmonyos./#zz

分享文章：浅谈鸿蒙应用开发JS与Java在手机APP中的混合开发方式
当前路径：http://www.shufengxianlan.com/qtweb/news9/283109.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容