app中的webview通识篇（上）

// 约定好获取用户信息接口注册到window的app属性上
// getUserInfo方法是一个同步方法，可以js端可以直接获取到返回值
// 返回的对象可以是json字符串
var info = window.app.getUserInfo()

// 假设约定好作业相关的OC接口都注册到window的homework属性上
window.homework.uploadHomeworkPicture(questionID)

// 在全局作用域内定义好回调方法，用于接收返回值
// 原生方法会在上传完作业图片的时候，间接调用该回调方法
function homeworkPictureDidUploaded(questionID, picUrl) {
    // do something...
}

/**
 跳转到课程详情
 @param productId 商品ID(string类型)
 */
app.gotoCourseDetail(productId);

/**
 关闭当前页面
 */
app.finish();

/**
 获取用户信息，已json字符串形式返回。主要字段如下：
   memberId:     用户id
   token:        用户登录唯一标识
   memberType:   用户类型
 */
app.getUserInfo();

/**
 toast提示
 @param msg 提示语(string类型)
 */
app.toast(msg);

/**
 显示对话框
 @param title   标题(string字符串)
 @param msg     消息(string字符串)
 @param actions 点击事件(一个json数组字符串)，每个数组元素字段如下：
    title:      事件标题(string字符串，比如“取消”)
    callback:   事件的js回调方法(string字符串)    
 示例：
    var actions = "[{'title': '取消', 'callback': 'cancelPay'},
                    {'title': '确定', 'callback': 'confirmPay'}]";
    app.confirm("温馨提示", "是否支付订单？", actions);
*/
app.confirm(title, msg, actions);

// setTimeout是JS的自带方法
// 这里使用setTimeout的目的是为了将isReady方法放到js调用队列的最后
JSValue *isReadyFunc = self.jsContext[@"isReady"];
if (isReadyFunc) {
    [self.jsContext[@"setTimeout"] callWithArguments:@[isReadyFunc, @100]];
}

// 注意，JavaScriptCore支持NSDictionary、NSArray类型作参数传给js方法
NSDictionary *userInfo = ...;
[self.jsContext[@"setUserInfo"] callWithArguments:@[userInfo]];

/**
 iOS原生初始化完成后调用本方法，告诉js已经准备好了
*/ 
function isReady();

/**
* return boolean 类型返回值：
    true h5已经处理了返回，native不处理； 
    false h5没有处理返回，native直接返回上级原生页面
*/
function gobackIfNeeded();

/**
* f1 为js中声明的函数
*/
mWebView.loadUrl("javascript:f1()");

/**
* sum 为js中定义的函数
*/
mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
        @Override
        public void onReceiveValue(String value) {
            Log.e(TAG, "onReceiveValue value=" + value);
        }
    });

<script type="text/javascript">
     function s(){
     // 注意下面的‘app’
    var result = window.app.gotoLogin();
    document.getElementById("p").innerHTML = result;
    }
</script>

public calss AppJavascriptInterface {

    @JavascriptInterface
    public void gotoLogin() {
        if (mContext.get() == null) {
            Log.w("web", "页面已关闭");
            return;
        }
        LoginActivity.start(mContext.get());
    }
}

/**
* 跳转登录
*/
@JavascriptInterface
public void gotoLogin();
/**
* 跳转课程详情
*/
@JavascriptInterface
public void gotoCourseDetail();
/**
* 关闭当前页面
*/
@JavascriptInterface
public void finish();
/**
* 关闭当前页面获取当前用户信息，如果为空，说明用户未登录
* 
* 目前有如下信息(以json格式返回给H5):
*   memberId:   用户id 
*   token:      用户登录唯一标识
*   memberType: 用户类型
*/
@JavascriptInterface
public String getUserInfo();

/**
* 返回
* 
* 目前有如下信息(以json格式返回给H5):
*   memberId:   用户id 
*   token:      用户登录唯一标识
*   memberType: 用户类型
*/
public void back();

/**
* 
*/
public void toast(String msg);

public void confirm(String title, String msg, String positiveFunctionName, String negativeFunctionName);

/**
* return boolean 类型返回值: true h5已经处理了返回，native不处理； false h5没有处理返回，native返回上一个非H5页面
*/
function gobackIfNeeded();