Android_html5交互 弹框localstorage 存值 整体案例

经历2周多的时间 终于是完成了还算可以的android 整体案例了，分享下给大家  也希望自己有时间回过头来看看当初研究android的纠结心情。痛苦的经历是开发android 大部分都是在网上找解决方式 各种 错误 再接着找 解决方法  这个时候真的很蛋疼  现在终于能应用于项目了。

PS：我们的项目时 套壳 首页用android 的 其他都是html5 完成  这就需要 学习 交互的问题了  废话不多说了 也没别的  想发牢骚下   O(∩_∩)O~

导入 ksoap2-android-assembly-3.3.0-jar-with-dependencies.jar

package com.example.user.testwap;

import android.content.Intent;import android.net.Uri;import android.os.Bundle;import android.os.Handler;import android.support.v7.app.AlertDialog;import android.support.v7.app.AppCompatActivity;import android.util.Log;import android.view.KeyEvent;import android.view.Menu;import android.view.MenuItem;import android.webkit.JavascriptInterface;import android.webkit.JsResult;import android.webkit.WebChromeClient;import android.webkit.WebView;import android.webkit.WebViewClient;import android.widget.Toast;

import org.json.JSONArray;import org.json.JSONObject;

import java.util.List;import java.util.Timer;import java.util.TimerTask;

import static android.net.Uri.*;

public class MainActivity extends AppCompatActivity {    WebView webview;    private PersonService service;    private Handler mHandler = new Handler();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //实例化WebView对象        webview = new WebView(this);        service =new PersonService();        //设置WebView属性，能够执行Javascript脚本   启用javascript支持        webview.getSettings().setJavaScriptEnabled(true);

        //启用 LocalStorage 支持        webview.getSettings().setDomStorageEnabled(true);        String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();        webview.getSettings().setAppCachePath(appCachePath);        webview.getSettings().setAllowFileAccess(true);        webview.getSettings().setAppCacheEnabled(true);

        //new类名，交互访问时使用的别名        webview.addJavascriptInterface(new JavaScriptInterface(), "demo");        //js弹出        webview.setWebChromeClient(new WebChromeClient());        try {            //设置打开的页面地址            webview.loadUrl("http://192.168.16.39:8901/");

            webview.setWebViewClient(new WebViewClient() {                public boolean shouldOverrideUrlLoading(WebView view, String url) {                    //  重写此方法表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边                    view.loadUrl(url);                    return true;                }

            });

        }        catch(Exception ex)        {            ex.printStackTrace();        }        setContentView(webview);    }

public final  class JavaScriptInterface {    @JavascriptInterface    public void getPersonList(){        mHandler.post(new Runnable() {            public void run() {

            webview.loadUrl("javascript:wave()");//执行html布局文件中的javascript函数代码--

        } catch (Exception e) {            // TODO: handle exception        }            }        });    }    @JavascriptInterface    public void postPay(String data) {        String dd = data;

    }    @JavascriptInterface    public boolean onJsAlert(WebView view, String url, String message, JsResult result) {        if (message.length() != 0) {            AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);            builder.setTitle("From JavaScript").setMessage(message).show();            result.cancel();            return true;        }        return false;    }    //打电话的方法    @JavascriptInterface    public void call(String mobile){        Toast.makeText(MainActivity.this, mobile, Toast.LENGTH_LONG).show();        //Intent intent = new Intent(Intent.ACTION_CALL, Uri.parse("tel:"+ mobile));        //startActivity(intent);    }}

@JavascriptInterface  //必须加入这个注解  否则可能app 与 html 5 不能交互

html 页面<input type=‘button‘ onclick=‘window.demo.call("335623365")‘ value=‘app存值‘　/>  // 可以调用到app  的 call 方法  <script type="text/javascript">

function wave() {
alert(123456);

}

</script>

html5 页面的js 放在哪自己安排 只要是html页面就行了 别放app里就好

最后加入权限在AndroidManifest.xml 页面

<!-- 联网权限 --><uses-permission android:name="android.permission.CALL_PHONE" /><uses-permission android:name="android.permission.INTERNET" /><!-- 读写权限 --><uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /><uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

这个整体案例 集合了 localstorage 本地存储  app与html5 交互 弹窗