<android> webview与h5的交互——上传文件& 调起本地支付接口&响应原生dialog&back键层级返回

来源：互联网发布：美的网络专供代码编辑：程序博客网时间：2024/06/06 02:31

webview与h5的交互——上传文件& 吊起本地支付&拦截js alert 转成原生dialog
&back键层级返回

一.上传文件

套页是我们经常方便的时候套用的东西，现在x5可轻松实现图文浏览，word，表格等一些数据的编写和查看，关注鸿洋的公众号，看了他那篇文章，对x5才慢慢了解，但是今天主要说的还不是x5，而是我前段时间套页，页面涉及到一些认证和身份证图片需要上传，所以难了我一段时间，因为我看到ios直接把地址甩到他们的原生框架中，就直接拉起来了而且上传图片没有一点问题，但是到我们安卓了，我就蒙了，怎么点击也都是没有反应，打开支持js开关也没用，后来发现原来我们需要再处理的，代码如下：

WebView webview = (WebView) findViewById(R.id.web);imgBack = (ImageView) findViewById(R.id.imgBack);imgBack.setOnClickListener(this);webview.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);//设置js可以直接打开窗口，如window.open()，默认为falsewebview.getSettings().setJavaScriptEnabled(true);//是否允许执行js，默认为false。设置true时，会提醒可能造成XSS漏洞webview.getSettings().setSupportZoom(true);//是否可以缩放，默认truewebview.getSettings().setBuiltInZoomControls(true);//是否显示缩放按钮，默认falsewebview.getSettings().setUseWideViewPort(true);//设置此属性，可任意比例缩放。大视图模式webview.getSettings().setLoadWithOverviewMode(true);//和setUseWideViewPort(true)一起解决网页自适应问题webview.getSettings().setAppCacheEnabled(true);//是否使用缓存webview.getSettings().setDomStorageEnabled(true);//DOM Storagewebview.getSettings().setJavaScriptEnabled(true);;//DOM StorageLoginBean.DataBean userInfo = Preferences.getUserInfo();webview.loadUrl("http://xxxxxxxxxxxxxxxxxxxxxxx");webview.setWebChromeClient(new MyChromeClient());WebSettings webSettings = webview.getSettings();webSettings.setJavaScriptEnabled(true);webview.setWebViewClient(new WebViewClient() {    @Override    public boolean shouldOverrideUrlLoading(WebView view, String url) {        view.loadUrl(url);        return true;    }});

/** * 在此处监听网页事件  并打开相册 */class MyChromeClient extends WebChromeClient {    public boolean onShowFileChooser(android.webkit.WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {        isHighV = true;        mUploadMessage1 = filePathCallback;        GalleryActivity.openActivity(Web.this, true, 100);        return true;    }    // For Android 3.0+    public void openFileChooser(ValueCallback uploadMsg) {        mUploadMessage = uploadMsg;        isHighV = false;        //打开图库 用的compile 'com.library.tangxiaolv:telegramgallery:1.0.1'框架        GalleryActivity.openActivity(Web.this, true, 100);    }    //3.0--版本    public void openFileChooser(ValueCallback uploadMsg, String acceptType) {        openFileChooser(uploadMsg);    }    // For Android 4.1    public void openFileChooser(ValueCallback uploadMsg, String acceptType, String capture) {        openFileChooser(uploadMsg);    }}

/** * onActivityResult里通过onReceiveValue方法将uri给js * @param requestCode * @param resultCode * @param data */@Overrideprotected void onActivityResult(int requestCode, int resultCode, Intent data) {    if(data==null){        return;    }    if (isHighV) {  //高版本        List<String> photos = (List<String>) data.getSerializableExtra(GalleryActivity.PHOTOS);        String result = photos.get(0);        if (null == mUploadMessage1)            return;        Uri[] c = new Uri[1];        Uri uri = getUri(result);        c[0] = uri;        mUploadMessage1.onReceiveValue(c);        mUploadMessage1 = null;        return;    } else {  //低版本        List<String> photos = (List<String>) data.getSerializableExtra(GalleryActivity.PHOTOS);        String result = photos.get(0);        if (null == mUploadMessage)            return;        Uri uri = getUri(result);        mUploadMessage.onReceiveValue(uri);        mUploadMessage = null;        return;    }}

/** * path转uri */private Uri getUri(String path) {    Uri uri = null;    if (path != null) {        path = Uri.decode(path);        ContentResolver cr = this.getContentResolver();        StringBuffer buff = new StringBuffer();        buff.append("(")                .append(MediaStore.Images.ImageColumns.DATA)                .append("=")                .append("'" + path + "'")                .append(")");        Cursor cur = cr.query(                MediaStore.Images.Media.EXTERNAL_CONTENT_URI,                new String[]{MediaStore.Images.ImageColumns._ID},                buff.toString(), null, null);        int index = 0;        for (cur.moveToFirst(); !cur.isAfterLast(); cur                .moveToNext()) {            index = cur.getColumnIndex(MediaStore.Images.ImageColumns._ID);            index = cur.getInt(index);        }        if (index == 0) {        } else {            Uri uri_temp = Uri.parse("content://media/external/images/media/" + index);            if (uri_temp != null) {                uri = uri_temp;            }        }    }    return uri;}

二.吊起本地支付

实际上是通过js和安卓的交互实现的，首先封装一个hiWebview,里面添加上js方法：

@JavascriptInterfacepublic void webPayOrder(final String orderInfoString, final String callbackFun) {   webHandler.post(new Runnable() {      @Override      public void run() {         Log.e("支付宝","参数1======"+orderInfoString);         Log.e("支付宝","参数2======"+callbackFun);         if (onWebViewEvent != null)            onWebViewEvent.payOrder(orderInfoString, callbackFun);      }   });

当被调用时，webview走hiWebview的实现，当被调用时重写该方法：

/** * 支付宝支付 */@Overridepublic void payOrder(final String orderInfoString, final String callbackFun) {   try {      new Thread() {         public void run() {            // 构造PayTask 对象            PayTask alipay = new PayTask(WebViewActivity.this);            // 调用支付接口，获取支付结果            String result = alipay.pay(orderInfoString);            Message msg = new Message();            msg.what = SDK_PAY_FLAG;            msg.obj = result;            Bundle data = new Bundle();            data.putString("callback", callbackFun);            data.putString("result", result);            msg.setData(data);            mHandler.sendMessage(msg);         }      }.start();   } catch (Exception ex) {      ex.printStackTrace();      Toast.makeText(WebViewActivity.this, R.string.alipay_pay_error,            Toast.LENGTH_SHORT).show();   }           }
          /**          * 微信支付          */         @Override         public void wxPayOrder(String orderInfoString, String callbackFun) {            wxPayCallBack = callbackFun;            String partnerId="",prepayId="",nonceStr="",timeStamp="",sign="";            int ret = 0;            try {               String jsonContent = URLDecoder.decode(orderInfoString, "UTF-8");               JSONTokener parser = new JSONTokener(jsonContent);               JSONObject json = (JSONObject) parser.nextValue();                              partnerId = json.optString("partnerId");               prepayId = json.optString("prepayId");               nonceStr = json.optString("nonceStr");               timeStamp = json.optString("timeStamp");               sign = json.optString("sign");               if (partnerId.isEmpty() || prepayId.isEmpty() || nonceStr.isEmpty() || timeStamp.isEmpty() || sign.isEmpty())               {                  showToast("参数不全");                  webView.loadUrl("javascript:" + wxPayCallBack + "(0)");                  return;               }               PayReq req;               if (!msgApi.isWXAppInstalled())               {                  showToast("没有安装微信");                  webView.loadUrl("javascript:" + wxPayCallBack + "(0)");                  return;               }               if (!msgApi.isWXAppSupportAPI())               {                  showToast("当前微信版本不支持支付功能");                  webView.loadUrl("javascript:"+wxPayCallBack+"(0)");                  return;               }               req = new PayReq();               req.appId        = Contants.WEIXIN_APP_ID;               req.partnerId     = partnerId;               req.prepayId      = prepayId;               req.nonceStr      = nonceStr;               req.timeStamp     = timeStamp;               req.packageValue   = "Sign=WXPay";               req.sign         = sign;//             req.extData          = "app data"; // optionall               Toast.makeText(WebViewActivity.this, "正常调起支付", Toast.LENGTH_SHORT).show();               // 在支付之前，如果应用没有注册到微信，应该先调用IWXMsg.registerApp将应用注册到微信               boolean bz = msgApi.sendReq(req);               if (bz)                  Log.v("t","OK");                                          } catch (UnsupportedEncodingException e) {               e.printStackTrace();            } catch (JSONException e) {               e.printStackTrace();            } catch (Exception e) {               e.printStackTrace();            }         }

     三.拦截js alert 转成原生dialog
     @Overridepublic boolean onJsAlert(WebView view, String url, String message,final JsResult result) {   final NoticeDialog dialog  = new NoticeDialog(EnjoyWingActivity.this,"",message,"确认");   dialog.show();   dialog.setNoticeListener(new NoticeDialog.NoticeListener() {      @Override      public void doConfirm() {         dialog.dismiss();         result.cancel();      }      @Override      public void doCancel() {         dialog.dismiss();      }   });   return true;}

四.back键层级返回

/** * 处理webview的返回 */@Overridepublic void onBackPressed() {   if("确认订单".equals(topTitle)){      finish();      return;   }   if (webView.canGoBack()){      if(webView.getUrl().equals(strNavUrl)){         super.onBackPressed();      }else{         webView.goBack();      }   }else{      super.onBackPressed();   }}

阅读全文

0 0