Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to pass parameter into HTML file from android

Tags:

android

I can show up HTML file content in android webview well.Now how could i pass parameter into HTML file.For ex.my HTML content has an video player i need to pass dynamic values(URL) into HTML file for playing dynamic video.My HTML file is located on asset folder.How could i do this?

Thanks.

like image 389
sanjay Avatar asked Jul 24 '12 08:07

sanjay


5 Answers

I came upon this problem today, however I needed this to work with UTF-8 encoding, so this was my approach, hopefully it will help someone and clarify some of the previous answers to this question.

HTML:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>%ERR_TITLE%</h1>
        <h2>%ERR_DESC%</h2>
    </body>
</html>

Java:

String content = IOUtils.toString(getAssets().open("error.html"))
    .replaceAll("%ERR_TITLE%", getString(R.string.error_title))
    .replaceAll("%ERR_DESC%", getString(R.string.error_desc))

mWebView.loadDataWithBaseURL("file:///android_asset/error.html", content, "text/html", "UTF-8", null);

As for IOUtils: http://commons.apache.org/proper/commons-io/download_io.cgi

like image 134
Jonas Masalskis Avatar answered Nov 16 '22 04:11

Jonas Masalskis


Instead of passing directly the video URL (following you example), i would have used tokens in the Html file. For example:

<embed src="$VIDEO_URL$" autostart="false" />

where the $VIDEO_URL$ will be the token wich will be replaced during the runtime with a real video URL.

Also, since you cannot change the contents of your asset folder during runtime you should load the html file contents into a String variable and use the replace method to replace the token with a real URL and, finally, pass that string to your webview. Something like this:

//The html variable has the html contents of the file stored in the assets folder
//and real_video_url string variable has the correct video url
html = html.replace("$VIDEO_URL$", real_video_url);
webview.loadData(html, "text/html", "utf-8");
like image 42
Angelo Avatar answered Nov 16 '22 04:11

Angelo


If i would like to have something dynamic in my HTML i would have an html with dynamic parts written like this:

<B>%NAME%</B>

Then i would load my HTML:

String template = Utils.inputStreamToString(assets.open("html/template.html"));

then Then i would replace all dynamics parts with what i want like this:

String data = template.replaceAll("%NAME%", "Alice McGee");

then i would pass it to my webView!

WebView webView = new WebView(this);
webView.loadDataWithBaseURL("file:///android_asset/html/", data, "text/html", "utf-8", null);
like image 37
Alehar Avatar answered Nov 16 '22 05:11

Alehar


I managed to pass variables in a different way.

My problem was that everytime I switched to another app, when coming to the webapp, the webview kept reloading. I guess that's because of the following line in my onCreate() method: myWebView.loadUrl(url); I had the idea to pass these state variables in the url, but as you know it is not possible yet. What I did was to save the state of some variables using onSaveInstanceState(Bundle outState) {...} and restore them with onRestoreInstanceState(Bundle savedInstanceState){...}.

In onCreate method after setting up myWebView I did the following:

myWebView.setWebViewClient(new WebViewClient() {
@Override
public void onPageFinished(WebView view, String urlString)
{
     Log.i("onPageFinished", "loadVariables("+newURL+")");
     if(newURL!="")
         myWebView.loadUrl("javascript:loadVariables("+"\""+newURL+"\")");
}

@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    view.loadUrl(url);
    return true;
}
});

jsInterface = new JSInterface(this,myWebView);
myWebView.addJavascriptInterface(jsInterface, "Android");

if (savedInstanceState != null)
{
// retrieve saved variables and build a new URL
newURL = "www.yoururl.com";
newURL +="?var1=" + savedInstanceState.getInt("key1");
newURL +="?var2=" + savedInstanceState.getInt("key2");
Log.i("myWebApp","NEW URL = " + newURL);
}
myWebView.loadUrl("www.yoururl.com");

So, what it happens is that first I load the page with the default URL (www.yoururl.com) and onPageFinished I call a new javascript method where I pass the variables. In javascript loadVariables function looks like this:

function loadVariables(urlString){
    // if it is not the default URL
    if(urlString!="www.yoururl.com")
    {
        console.log("loadVariables: " + urlString);
        // parse the URL using a javascript url parser (here I use purl.js)
        var source = $.url(urlString).attr('source');
        var query = $.url(urlString).attr('query');  
        console.log("URL SOURCE = "+source + " URL QUERY = "+query);
        //do something with the variables 
    }
}
like image 35
bboydflo Avatar answered Nov 16 '22 03:11

bboydflo


here assets means what?

String template = Utils.inputStreamToString(assets.open("html/template.html"));

like image 42
merup shah Avatar answered Nov 16 '22 03:11

merup shah