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保持，避免重复登录