Hybrid 混合開發--基礎儲備--1

作爲一個剛剛起步做混合的小白，對開源的混合框架全不知曉，對於各種html、js更是一片迷茫，我想說接下來的路註定坎坷。。。

好吧，先從熟悉的開始準備：

1、android使用webview實現混合開發，關於第一步準備一個webview的佈局

<WebView
        android:id="@+id/approve_wv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/relativeLayout"
        android:layout_alignParentBottom="true"></WebView>

你完全可以設置一個webview的佈局佔據整個終端屏幕，當然要根據不同的需求來佈局，比如，我只是在webview顯示的框框上邊添加了一個標題@+id/relativelayout

2、創建一個activity添加該佈局文件

3、權限問題（webview嘛），一看那就是需要連接互聯網的娃嘛。。。

 <uses-permission android:name="android.permission.INTERNET" />

4、關於真正的編碼

package com.testdemo.sun.test001;

import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.KeyEvent;
import android.webkit.JavascriptInterface;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;

public class MainActivity extends AppCompatActivity  {
    private static final String TAG = MainActivity.class.getSimpleName();
    private WebView wv_test;
    private static final String URL = "http://10.1.41.36:8888/notice/mobilelist.jsp";

    private Button btn_back;
    private Button btn_forward;
    private Button btn_zoomin;
    private Button btn_zoomout;

    private Button btn_title_back;
    private Button btn_publish;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        wv_test = (WebView) findViewById(R.id.test001_webView);

        initView();

        WebSettings wbSettings = wv_test.getSettings();
        wbSettings.setJavaScriptEnabled(true);//表示webview可以執行web端的js代碼
        //如果訪問的頁面中有Javascript，則webview必須設置支持Javascript
       
        //如果webView中需要用戶手動輸入用戶名、密碼或其他，則webview必須設置支持獲取手勢焦點
        wv_test.requestFocusFromTouch();

        wv_test.setWebViewClient(new MyWebViewClient());//主要來監聽頁面內的連接，調用手機瀏覽器直接訪問

        wv_test.setScrollBarStyle(View.SCROLLBARS_OUTSIDE_OVERLAY);

        //與JS界面的交互，demo替換原js的彈窗，可以在該方法中覆寫
        wv_test.setWebChromeClient(new <span style="font-family: Arial, Helvetica, sans-serif;">WebChromeClient（）</span><span style="font-family: Arial, Helvetica, sans-serif;">);</span>

        //服務器與app數據交互
        JsObjection js = new JsObjection();//獲取服務器端提交的數據
        //JsObjection字符串即爲JsObjection對象的引用，交互訪問的別名(實現js調用原生方法)
        wv_test.addJavascriptInterface(js, "JsObjection");
        //wView.loadUrl("file:///android_asset/index.html");
        //       -----打開本包內asset目錄下的index.html文件
        //wView.loadUrl("content://com.android.htmlfileprovider/sdcard/index.html");
        //       -----打開本地sd卡內的index.html文件
        //wView.loadUrl("http://wap.baidu.com");
        //        -----打開指定URL的html文件
        //wv_test.loadUrl("file:///android_asset/html/27-1.html");
        //syncCookie(this, URL, "2253D1DCA304AE7DB96ABE7664EABDDC");
        wv_test.loadUrl(URL);
    }


    public class JsObjection {
        @JavascriptInterface
        public String getMessage(String name, String pwd) {
            return name + ":" + pwd;
        }

    }


    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && wv_test.canGoBack()) {
            wv_test.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }


    // 監聽 所有點擊的鏈接，如果攔截到我們需要的，就跳轉到相對應的頁面。
    public class MyWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            wv_test.loadUrl(url);
            return true;
        }


        @Override
        public void onPageFinished(WebView view, String url) {
            view.getSettings().setJavaScriptEnabled(true);
            super.onPageFinished(view, url);
        }
    }


}

補充webviewClient中還可以覆寫的方法及個方法代表的意思：：

1，接收到Http請求的事件
onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm) 

2，打開鏈接前的事件
public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } 

這個函數我們可以做很多操作，比如我們讀取到某些特殊的URL，於是就可以不打開地址，取消這個操作，進行預先定義的其他操作，這對一個程序是非常必要的。
 
3，載入頁面完成的事件
public void onPageFinished(WebView view, String url){ } 

同樣道理，我們知道一個頁面載入完成，於是我們可以關閉loading條，切換程序動作。
 
4，載入頁面開始的事件
public void onPageStarted(WebView view, String url, Bitmap favicon) { } 

這個事件就是開始載入頁面調用的，通常我們可以在這設定一個loading的頁面，告訴用戶程序在等待網絡響應。

需要整理的內容就是這些，接下來解決session保持，避免重複登錄