驰骋工做流引擎-CCMobile与安卓、IOS集成过程当中的问题与解决方案

CCMobile与安卓、IOS集成过程当中的问题与解决方案

前言：

         CCMobile（2019版本）是CCFlow&JFlow 的一款移动端审批的产品。系统基于mui框架开发，是一款能够兼容Android与IOS的移动端工做流审批系统。因为CCMobile仅仅局限于移动端的流程审批，因此在其余办公功能方面不多，这时可能就须要在源码上开发或者与其余APP进行集成。

         因为Mui是一款h5的框架，并非原生的，因此在与原生APP集成时，会出现一些问题，主要集中在附件上传下载、屏幕兼容等。本文章，将具体描述与其余APP进行集成时出现的问题以及解决方法。

 

与IOS进行集成                                  

1.主要问题汇总

         与IOS进行集成时，主要有3个问题，即：返回（关闭）、全面屏与刘海屏样式兼容、附件上传与下载。

2.返回（关闭）

         IOS操做系统不一样于Android，不像Android具备back键。Android点击back键时，能够顺序返回，直到返回首页。IOS则没有，若是从原生跳转到CCMobile，IOS是不可能在CCMobile中返回到APP首页的，只能结束APP，从新打开。因此，咱们在CCMobile的首页中，添加返回（关闭）按钮，点击后，能够关闭CCMobile，直接返回到APP指定的页面。

         在CCMobile中，咱们约定了一个返回（关闭）的调用方法，经过调用IOS原生方法，实现关闭（返回），调用代码以下：

                   window.webkit.messageHandlers.backAction.postMessage("backActionStr");

这句代码的意思调用IOS原生的backAction方法，参数是backActionStr，这个参数没有具体含义，只是为了方便判别。IOS原生的backAction方法就是关闭CCMobile，跳转到指定页面的方法，代码参考上图中红色框标识1。

         下图中的 x 按钮，就是关闭（返回）。

        

3. 全面屏与刘海屏样式兼容

         包括Android手机在内，绝大部分的手机都有全面屏与刘海屏，二者的样式区别就是刘海屏比全面屏的顶部，凹下去一块，若是按照全面屏的显示样式来讲，CCMobile没什么问题，可是遇到刘海屏，CCMobile的顶部，就会被盖住一部分。

         为了解决这样的状况，CCMobile没有为具体机型制定样式，而是在IOS代码中增长判断和修改，若是是刘海屏的机型，增长了整个CCMobile到顶部的距离。

         IOS代码如上图红色框标识2所示。

4.附件上传与下载

         H5的附件上传，须要在IOS原生中将相关权限开放，不然H5是没法调用手机相关功能的。以下图：

        

        

         附件下载，因为在流程中上传的附件上传到服务器中，所以在手机端进行附加下载时，须要将服务器中的附件信息提供给手机，才能供手机下载。

         所以，咱们在这个地方，也约定了一个下载的方法名称，setLoadUrl。

                   window.webkit.messageHandlers.setLoadUrl.postMessage(Url);

IOS原生代码中，须要添加这个setLoadUrl方法，参数是附件的url地址，IOS根据URL进行下载。具体下载代码如上图红框标识3所示。

 

 

与安卓（Android）进行集成

1. 主要问题汇总

         与IOS不一样，CCMobile对安卓的支持相对好一些，有一些功能为了兼容IOS，作了特殊处理，所以在展示方面，二者有所不一样，好比：选择器（下拉选择框）。

第一张图为安卓展现效果，第二张图为IOS显示效果。

 

 

         虽然安卓不存在IOS返回（关闭）的问题，可是在集成时也存在全面屏与刘海屏样式兼容、附件上传与下载两个问题。

         安卓的屏幕兼容问题，与IOS的解决思路同样，在安卓原生中，判断机型，自动计算并设置CCMobile到手机状态栏的具体距离，此处就再也不详细说明了。下面将具体讲解附件上传与下载的集成问题。

2. 附件上传

         mui的窗口界面采用的webview模块，所以在webview中带有 input file的控件时，在手机端中是没法点击的，所以，没法达到上传附件，而且也不会调动手机相机的操做。

         为了解决这个问题，在安卓原生中须要作如下操做：

 

 

         第一步：重写WebChromeClient。

         第二步：监听ValueCallback。

         第三步：webview要添加相应的设置。

         第四步：建立onActivityResult。

 

         具体代码参考：https://blog.csdn.net/shuaiyou_comon/article/details/76262303

3.附件下载

         安卓的附件下载，与IOS的附件下载设计思路同样，须要在安卓原生中，增长一个下载方法，供CCMobile使用。

         第一步，增长下载方法，代码参照以下：

         第二步，方法声明，CCMobile可使用原生代码进行调用。

 

CCMobile中调用原生接口的代码：

       window.Android.setAttachmentUrl(Url);

setAttachmentUrl是原生下载的方法名，附件的url是参数。