Android ネイティブアプリと WebView の対話スキル_html/css

Android ネイティブアプリと WebView の対話スキル_html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 08:46:28

オリジナル

1598 人が閲覧しました

このプロジェクトには完全に H5 であるメインページがあり、ネイティブを呼び出すために H5 を必要とし、値を対話的に転送するためにオンラインチュートリアルがたくさんありますが、実際の開発では。このプロセスではまだ問題が発生しています。質問はここに記録してください。

まず、フロントエンドがリクエストを APP から区別できるように、ユーザーエージェントを設定します。ここでは、名前とバージョン番号を付けて「android_app/1.0.0」に設定します。必要に応じて特定の設定を設定します。

WebSettings settings = webView.getSettings();String ua = settings.getUserAgentString();settings.setUserAgentString(ua + "; android_app/1.0.0");

ログイン後にコピー

2.H5 ページのログイン。このアプリケーションでは閲覧にログインが必要ありません。また、一部の H5 ページではログインが必要ないため、ログインが必要な場所をクリックします。 H5 ページ。ネイティブページにジャンプしてログインします。ログインに成功したら、H5 ページを更新し、WebView ページのログイン状態を維持するように Cookie を設定します。具体的なコードは次のとおりです。注: WebSettings の一部の設定を実行する必要があります。クッキーを設定する前に。 Cookie を設定するときはスコープの問題に注意する必要があり、setCookie() を 4 回結合して setCookie を設定するのは段階的に行うのが最善です。 1 つの setCookie は、最初のセミコロンの前にのみ Cookie 値を正常に設定できます。

public void synCookies(Context context, String host, String cookies) {        try {            CookieSyncManager.createInstance(context);            CookieManager cookieManager = CookieManager.getInstance();            // 5.0以上版本的webview做了较大的改动，如：同步cookie的操作已经可以自动同步、但前提是我们必须开启第三方cookie的支持。            // cookieManager.setAcceptThirdPartyCookies(webView, true);//5.0以下的手机崩溃            cookieManager.setAcceptCookie(true);            cookieManager.removeSessionCookie();//移除            cookieManager.removeAllCookie();            //base64加密//            String base64Cookies = Base64Utils.encodeStr(getCookies());            //根据RFC822规定，BASE64Encoder编码每76个字符，还需要加上一个回车换行。            //使用 commons-codec-1.10.jar 不会换行而且效率更高            //这里我使用的是sun.misc.BASE64Decoder.jar,每76个字符会换行，所以下面去掉换行，为什么不用上面的呢，使用commons-codec-1.10.jar，Android Studio编译提示方法重复，没找到解决办法。//            base64Cookies = base64Cookies.replace("\n", "");//            Log.i("base64Cookies:", base64Cookies);            Calendar calendar = Calendar.getInstance();            calendar.add(Calendar.DAY_OF_MONTH, 7);            String expiresTime = calendar.getTime().toGMTString();            Log.i("expiresTime =", expiresTime);            //分开设置，不然只会设置第一个分号之前的cookie//            cookieManager.setCookie(host, "Token=" + base64Cookies);            //不加密            cookieManager.setCookie(host, "Token=" + cookies);            //注意host的值，类似于这个网址：http://www.jianshu.com/writer#/notebooks/2498434/notes/4304102/preview，host可以取：www.jianshu.com或者.jianshu.com，注意作用域，不要把整个url都放上了。            cookieManager.setCookie(host, "Domain=" + host);            cookieManager.setCookie(host, "Path=/");            // Expires变量是一个只写变量，它确定了Cookie有效终止日期。该属性值DATE必须以特定的格式来书写：            // 星期几，DD－MM－YY HH:MM:SS GMT，GMT表示这是格林尼治时间。反之，不以这样的格式来书写，系统将无法识别。            // 该变量可省，如果缺省时，则Cookie的属性值不会保存在用户的硬盘中，而仅仅保存在内存当中，Cookie文件将随着浏览器的关闭而自动消失。            cookieManager.setCookie(host, "Expires=" + expiresTime);            CookieSyncManager.getInstance().sync();            String newCookie = cookieManager.getCookie(host);            if (newCookie != null) {                Log.i("getCookie:", newCookie);            }        } catch (Exception e) {            Log.e("failedCookie=%s", e.toString());        }    }

ログイン後にコピー

3. スキームのカスタマイズ、js の対話型値転送、js メソッドとドキュメントオブジェクトの呼び出し

例如：登录scheme为 goto://just/loginref=http://www.baidu.com&callback=loginWeb  webView.setWebViewClient(new WebViewClient() {            @Override            public boolean shouldOverrideUrlLoading(WebView view, String url) {                //1.登录scheme    url = goto://just/login?callback=loginWeb                if (url.startsWith("goto://just/login")) {                    //登录，跳转到native得LoginActivity                    //成功后在onActivityResult()方法中执行js的回调方法loginWeb传toekn值给H5                    return true;                    //2.跳转新activity scheme    url = goto://just/newweb?ref=http://www.baidu.com                } else if (url.startsWith("goto://just/newweb")) {                    //页面加载不在本页webview加载，而是新打开此MainActivity（标准模式，为了循环复用）                    String ref = "http://www.baidu.com";                    Intent intent = new Intent(MainActivity.this, MainActivity.class);                    intent.putExtra("webUrl", ref);                    startActivity(intent);                    return true;                }                return super.shouldOverrideUrlLoading(view, url);            }            @Override            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {                super.onReceivedError(view, request, error);                //页面错误                llError.setVisibility(View.VISIBLE);            }            public void onPageFinished(WebView view, String url) {                Log.d("WebView", "onPageFinished ");                //获取整个页面的Html                view.loadUrl("javascript:window.weixinObj.getHtml('<head>'+" +                        "document.getElementsByTagName('html')[0].innerHTML+'</head>');");                //通过document.title 获取页面的title                view.loadUrl("javascript:window.weixinObj.getTitle(document.title)");                //此方法也可以通过document.title 获取标题，但是需要Api19才能使用//                view.evaluateJavascript("document.title", new ValueCallback<String>() {//                    @Override//                    public void onReceiveValue(String title) {////                    }//                });                super.onPageFinished(view, url);            }        }); @Override    protected void onActivityResult(int requestCode, int resultCode, Intent data) {        super.onActivityResult(requestCode, resultCode, data);        //登录页返回后执行        String callback = "loginWeb";        synCookies(this, host, cookies);        webView.loadUrl("javascript:" + callback + "('" + cookies + "')");        webView.reload();    } private class InterfaceObject {        @JavascriptInterface        public void getHtml(String html) {            //获取html的内容        }        @JavascriptInterface        public void getTitle(String title) {            //获取标题        }    }

ログイン後にコピー

4. 上記は、プロジェクトで使用した対話の一部です。実際、上記に書かれたものはオンラインでたくさんありますが、それらは比較的散在しており、Web ページのテストがないため、サンプルは実行できません (デバッグなしでは、いくつかのロジックエラーが発生する可能性があります)。ローカル HTML を使用すると動作しません。ネットワーク環境をシミュレートするのは簡単ではないので、一部のロジックを作成しただけです。h5 テストは各自で作成する必要があります。

リソース: サンプルのダウンロード