Créer une application Android permettant d'ouvrir un site web http

Version imprimable

04/06/2015, 00h31
Klyrdee

Créer une application Android permettant d'ouvrir un site web http

Bonjour,
J'aimerai simplement créer une application pour android qui afficherait un site web.
J'ai téléchargé JDK, SDK, ADT.
Auriez-vous un exemple de programme qui effectuerait cela ?
serais-t-il également possible de par exemple au lieu de télécharger les images du site en question,charger les images de l'application android en question (dossier images identique sur le site et sur l'application android). si oui, Auriez-vous un exemple de programme qui effectuerait cela ?
Merci d'avance
klyrdee
04/06/2015, 01h45
kevin254kl

Bonjour, Je ne comprends pas tu veux juste un navigateur web?
04/06/2015, 08h59
Klyrdee

Citation:

Envoyé par kevin254kl

Bonjour, Je ne comprends pas tu veux juste un navigateur web?

Non le site web existe deja, moi je souhaite avoir un applications android qui quand je l'ouvre m'envoie direct sur le site web mais n'affiche pas les images du sites web mais celle qui sont dans son application (même dossier images ) résultat reviendrai au même sauf que ça permettrai d'aller plus vite
04/06/2015, 16h57
Hephaistos007

Places tes images dans le dossier /assets de ton projet, puis attaques la partie code :
1) Récupères via HttpClient le code HTML de ton serveur comme une grosse chaîne de caractère
2) Appliques un traitement sur cette chaîne pour remplacer tout les chemins du serveur par leur équivalent local. Exemple : <img src="logo.png"/> devient <img src="file:///android_asset/logo.png"/>
3) Procède au rendu graphique de cette chaîne via une WebView : webView.loadDataWithBaseURL(null, la_grosse_chaine_html, "text/html", "utf-8",null);
04/06/2015, 17h30
Klyrdee

Citation:

Envoyé par Hephaistos007

Places tes images dans le dossier /assets de ton projet, puis attaques la partie code :
1) Récupères via HttpClient le code HTML de ton serveur comme une grosse chaîne de caractère
2) Appliques un traitement sur cette chaîne pour remplacer tout les chemins du serveur par leur équivalent local. Exemple : <img src="logo.png"/> devient <img src="file:///android_asset/logo.png"/>
3) Procède au rendu graphique de cette chaîne via une WebView : webView.loadDataWithBaseURL(null, la_grosse_chaine_html, "text/html", "utf-8",null);

d'accord, je vois plus ou moins ce que tu essais de m'expliquer mais comme je débute a peine dans ce genre d'application je risque de pas mal galerer dans le meilleur des cas ;)
en tous cas merci, c'est deja pas mal

J'ai essayer de faire du mieux que j'ai pu mais pour modifier les chemin d'acces des photos je sais pas comment m'y prendre quels fonction utiliser ? ou ? ect.

voila mon code:
AndroidManifest.xml

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="ssigg_castleclash.fr.ssigg_castleclash" >
 
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MyActivity"
            android:label="@string/app_name"
            android:screenOrientation="landscape"
            android:theme="@android:style/Theme.NoTitleBar.Fullscreen">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
 
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET" />
 
</manifest>

activity_my.xml

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MyActivity">
 
    <ImageView
        android:id="@+id/splashLoading1"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:visibility="visible"
        android:src="@mipmap/splash_loading"/>
 
    <WebView
        android:id="@+id/activity_main_webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
 
</RelativeLayout>

MyActivity.java:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
package ssigg_castleclash.fr.ssigg_castleclash;
 
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
 
 
import android.app.Activity;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
 
 
 
public class MyActivity extends Activity {
 
    private WebView mWebView;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);
 
        mWebView = (WebView) findViewById(R.id.activity_main_webview);
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        mWebView.loadUrl("http://www.ssigg-castleclash.com");
        mWebView.setWebViewClient(new MyAppWebViewClient(){
            @Override
            public void onPageFinished(WebView view, String url) {
            findViewById(R.id.splashLoading1).setVisibility(View.GONE);
            findViewById(R.id.activity_main_webview).setVisibility(View.VISIBLE);
            }});
    }
 
    @Override
    public void onBackPressed() {
        if(mWebView.canGoBack()) {
            mWebView.goBack();
        } else {
            super.onBackPressed();
        }
    }
 
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_my, menu);
        return true;
    }
 
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
 
        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }
 
        return super.onOptionsItemSelected(item);
    }
 
    private class MyAppWebViewClient extends WebViewClient {
    }
}

MyAppWebViewClient.java

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
package ssigg_castleclash.fr.ssigg_castleclash;
 
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.content.Intent;
import android.net.Uri;
 
 
 
 
public class MyAppWebViewClient extends WebViewClient {
 
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if(Uri.parse(url).getHost().endsWith("ssigg-castleclash.com")) {
            return false;
        }
 
        Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
        view.getContext().startActivity(intent);
        return true;
    }
}

voila, je bloque vraiment donc aidé-moi ;)

merci d'avance

J'ai essayer de faire du mieux que j'ai pu mais pour modifier les chemin d'acces des photos je sais pas comment m'y prendre quels fonction utiliser ? ou ? ect.

voila mon code:
AndroidManifest.xml

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="ssigg_castleclash.fr.ssigg_castleclash" >
 
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MyActivity"
            android:label="@string/app_name"
            android:screenOrientation="landscape"
            android:theme="@android:style/Theme.NoTitleBar.Fullscreen">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
 
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET" />
 
</manifest>

activity_my.xml

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MyActivity">
 
    <ImageView
        android:id="@+id/splashLoading1"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:visibility="visible"
        android:src="@mipmap/splash_loading"/>
 
    <WebView
        android:id="@+id/activity_main_webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
 
</RelativeLayout>

MyActivity.java:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
package ssigg_castleclash.fr.ssigg_castleclash;
 
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
 
 
import android.app.Activity;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
 
 
 
public class MyActivity extends Activity {
 
    private WebView mWebView;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my);
 
        mWebView = (WebView) findViewById(R.id.activity_main_webview);
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        mWebView.loadUrl("http://www.ssigg-castleclash.com");
        mWebView.setWebViewClient(new MyAppWebViewClient(){
            @Override
            public void onPageFinished(WebView view, String url) {
            findViewById(R.id.splashLoading1).setVisibility(View.GONE);
            findViewById(R.id.activity_main_webview).setVisibility(View.VISIBLE);
            }});
    }
 
    @Override
    public void onBackPressed() {
        if(mWebView.canGoBack()) {
            mWebView.goBack();
        } else {
            super.onBackPressed();
        }
    }
 
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_my, menu);
        return true;
    }
 
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
 
        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }
 
        return super.onOptionsItemSelected(item);
    }
 
    private class MyAppWebViewClient extends WebViewClient {
    }
}

MyAppWebViewClient.java

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
package ssigg_castleclash.fr.ssigg_castleclash;
 
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.content.Intent;
import android.net.Uri;
 
 
 
 
public class MyAppWebViewClient extends WebViewClient {
 
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if(Uri.parse(url).getHost().endsWith("ssigg-castleclash.com")) {
            return false;
        }
 
        Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
        view.getContext().startActivity(intent);
        return true;
    }
}

voila, je bloque vraiment donc aidé-moi ;)

merci d'avance

08/06/2015, 11h25
Hephaistos007

Tu n'as respecté aucune des étapes que j'ai donnée.

Pour l'étape 1, tu récupères la chaîne source HTML de la page web avec HttpURLConnection
Pour l'étape 2, tu effectues un remplacement de chaîne (méthode replaceAll de la classe String) à l'aide d'une expression régulière probablement
Pour l'étape 3, c'est mWebView.loadDataWithBaseURL() et non pas mWebView.loadUrl()
08/06/2015, 12h28
Klyrdee

ah oui d'accord ok bon ben je recommence tous. ma question est peut-etre idiote mais si le site est fait en php, html,css,javascript et mysql, cela pose un probleme
merci
08/06/2015, 15h12
Hephaistos007

Ca ne change rien.