Advanced embedded application of uni app [day14]

Now , The major app Each platform has its own applet system , Various applications can be directly embedded app in , Achieve a one-stop experience . Use uniapp How can the developed application realize such a function ？ The answer is embedded web View .
obtain android Of pages webView The embedded H5 page .

WebView webView = findViewById(R.id.webView_h5);//webView.loadUrl("http://127.0.0.1/asset/pages/forAndroidAndH5.html");// The embedded H5 page 

Add auxiliary processing JS, Otherwise some JS The function fails , Such as alert（） Method

webView.setWebChromeClient(new WebChromeClient(){	public boolean onJsAlert(WebView view, String url, String message, JsResult result){        return super.onJsAlert(view, url, message, result);    }});

Every Vue The page is actually a WebView,Vue On the page web The view component is actually WebView One of them WebView. Son WebView Attach to parent WebView.
Vue The page will automatically overwrite the entire page , And use @ Message reception web View page communication ;
Nvue Page width and height should be specified , Use @onpostmessage receive web View page communication ;
app Vue Medium web View components do not support custom styles , but v-show The essence of is to change the component style . in other words , This component supports V-IF instead of V-show.
By default ,<web view> The component is full screen , And higher than the front-end components . The application side needs to use plus Specification to resize or overwrite the contents on it .
H5 Terminal web The view is actually converted to... Using the current browser iframe;
Application side IOS It is divided into uiwebview and wkwebview. since 2.2.5 Since version , The default is wkwebview;
Nvue web View must specify style width and height ;
Application web pages send real-time messages to applications ;
By default ,App nvue web The view has no size . You can set the size by style . If you want to fill the entire window , Can be flex Set to ：
1. The title bar will not be in web The title is automatically displayed in the view page . If you want to fill the entire window and display the title , It is recommended to use Vue Page web View （ Unable to control the default full screen ）, If you want to customize web Size of view , Please use nvue web View ;
If the argument is a string , You need to “ Single quotation marks ”. If the parameter is a numeric value , This parameter is not required . If there are no parameters , Just leave one （）
Use none / Call with no parameters and return values JS function

int arg1 = 10;int arg2 = 12;String methodH5 = "androidtoh5WithResult(" + arg1 + "," + arg2 + ")";webView.evaluateJavascript(methodH5, new ValueCallback<String>() {	@Override	public void onReceiveValue(String s) {	    System.out.println("=====s:" + s);	}});