hybridApp 混合程式設計


步驟分析：
①編寫前端程式碼，測試在pc端是否能夠達到效果 index.html
②將前端程式碼拷貝到android工程中的assets目錄
③藉助原生元件WebView，將前端程式碼顯示在android的檢視中


WebView元件:網路檢視元件，可以載入前端程式碼
//例項化WebView的一個物件
WebView wv = new WebView(getApplicationContext());


//使用wv來載入頁面

wv.loadUrl("file:///android_asset/index.html");

//如果要想混合程式設計app能夠執行js，必須新增設定：
wv.getSettings().setJavaScriptEnabled(true);

//將wv作為activity的內容檢視

setContentView(wv);

設定能夠檢視console.log所輸入的日誌：
        wv.setWebChromeClient(
        new WebChromeClient(){
        @Override
        @Deprecated
        public void onConsoleMessage(String message,
        int lineNumber, String sourceID) {
        // TODO Auto-generated method stub
        Log.e("test",
        "行號為:"+lineNumber+
        " 輸入內容為:"+message);
        super.onConsoleMessage(message, lineNumber, sourceID);
        }
        });

實現混合程式設計的兩種方式：
1、直接將前端程式碼 放到assets目錄中
2、將前端程式碼都部署在伺服器端，拿到url，載入並顯示
基本步驟：
①在pc端完成程式碼的編輯，能夠正常訪問和瀏覽
②將程式碼部署在伺服器端（apache和mySql）
③拿到Url：得到當前機器的ip地址：windows+R-->cmd-->ipconfig-》找到IPv4的地址就可以了。
172.163.100.78 將之前訪問工程的localhost改成ip地址。
http://localhost/chaptor4/angularJS/kaifanla/kaifanla.html
==》
http://172.163.100.78/chaptor4/angularJS/kaifanla/kaifanla.html
④配置webView，載入指定的url
⑤新增網路許可權，執行看效果。