Android WebView не перенаправляет на другую страницу. Веб-сайт SPA

#java #android #webview

#java #Android #webview

Вопрос:

У меня есть веб-сайт, и я хочу, чтобы веб-сайт стал мобильным приложением, поскольку он отзывчивый. Я решил сделать это как WebView, так как это проще сделать, потому что я не мобильный разработчик. Мой веб-сайт использует Laravel Vuejs SPA (одностраничное приложение). Но после того, как я вхожу в систему, когда я нажимаю на панель навигации, она не перенаправляет меня на следующую страницу. Может кто-нибудь сказать мне, что я пропустил? Касается ли это моего веб-сайта или это просто проблема с Android?

MainActivity.java

 package com.example.carrental;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    WebView web;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        web = findViewById(R.id.webView);
        WebSettings webSettings = web.getSettings();
        webSettings.setJavaScriptEnabled(true);
        web.setWebViewClient(new Callback());
        web.loadUrl("http://52.74.70.6:90/");

    }

    private class Callback extends WebViewClient {
        @Override
        public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) {
            return false;
        }
    }
}
 

AndroidManifest.xml

 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.carrental">

    <uses-permission android:name="android.permission.INTERNET"></uses-permission>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <application
        android:networkSecurityConfig="@xml/network_security_config"
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>
 

Ответ №1:

вы можете следить за перенаправлением URL-адреса при открытии веб-сайта в режиме веб-просмотра с помощью приведенного ниже кода

  public class PaymentWebActivity extends Activity {

    private WebView webView;
    private String link = "";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_paymentview);
        webView = (WebView) findViewById(R.id.webview);
        if (getIntent().getExtras() != null) {
            link = getIntent().getExtras().getString("link");
        }
        initWebView();
    }

    private void initWebView() {
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        WebViewClientImpl webViewClient = new WebViewClientImpl(this);
        webView.setWebViewClient(webViewClient);
        webView.loadUrl(link);
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) amp;amp; this.webView.canGoBack()) {
            this.webView.goBack();
            return true;
        }

        return super.onKeyDown(keyCode, event);
    }

    public class WebViewClientImpl extends WebViewClient {

        public WebViewClientImpl(Activity activity) {
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView webView, String url) {
            if (url.indexOf(link) > -1) return false;
            Log.e("Url :", url);
            checkUrl(webView, url);
            return false;
        }

        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
        }

        @TargetApi(Build.VERSION_CODES.LOLLIPOP)
        public boolean shouldOverrideUrlLoading(WebView webView, WebResourceRequest webResourceRequest) {
            if (webResourceRequest.getUrl().toString().indexOf(link) > -1) return false;
            Log.e("Url :", webResourceRequest.getUrl().toString());
            checkUrl(webView, webResourceRequest.getUrl().toString());
            return false;
        }

    }

    private void checkUrl(WebView webView, String url) {
        if (checkSuccessUrl(url)) {
            webView.destroy();
            Intent returnIntent = new Intent();
            setResult(Activity.RESULT_OK,returnIntent);
            finish();
        } else if (checkErrorUrl(url)) {
            webView.destroy();
            Uri uri = Uri.parse(url);
            String errorMessage = uri.getQueryParameter("message");
            showConfirmDialog(errorMessage);
        }
    }

    private void showConfirmDialog(String errorMessage) {
        final Dialog dialog = new Dialog(PaymentWebActivity.this);
        Window w = dialog.getWindow();
        dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
        dialog.setContentView(R.layout.dialog_error);

        WindowManager.LayoutParams lp = new WindowManager.LayoutParams();
        lp.copyFrom(w.getAttributes());
        lp.width = WindowManager.LayoutParams.MATCH_PARENT;
        lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
        w.setAttributes(lp);
        w.setBackgroundDrawableResource(android.R.color.transparent);

        TextView lbltitle = (TextView) w.findViewById(R.id.tvTitle);
        lbltitle.setText(CommonFunctions.getInstance().getArabicText(PaymentWebActivity.this, "APP Name"));
        lbltitle.setTypeface(CommonFunctions.getInstance().getRegular(PaymentWebActivity.this));

        TextView lblmessage = (TextView) w.findViewById(R.id.tvMessage);
        lblmessage.setText(CommonFunctions.getInstance().getArabicText(PaymentWebActivity.this, errorMessage));
        lblmessage.setTypeface(CommonFunctions.getInstance().getRegular(PaymentWebActivity.this));

        Button btnOk = (Button) w.findViewById(R.id.btnOk);
        btnOk.setText(CommonFunctions.getInstance().getArabicText(PaymentWebActivity.this, "OK"));
        btnOk.setTypeface(CommonFunctions.getInstance().getBold(PaymentWebActivity.this));
        btnOk.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                dialog.dismiss();
                finish();
            }
        });

        Button btnCancel = (Button) w.findViewById(R.id.btnCancel);
        btnCancel.setVisibility(View.GONE);
        /*btnCancel.setText(CommonFunctions.getInstance().getArabicText(PaymentWebActivity.this, "Cancel"));
        btnCancel.setTypeface(CommonFunctions.getInstance().getBold(PaymentWebActivity.this));
        btnCancel.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });*/

        dialog.setCancelable(false);
        dialog.show();
    }

    private boolean checkSuccessUrl(String url) {
        return url.contains("success.php");
    }

    private boolean checkErrorUrl(String url) {
        return url.contains("error.php");
    }
}
 
  • success.php
  • error.php

эти два файла создаются на стороне сервера, поэтому, когда checkUrl нашел эти файлы, мы можем выполнить нашу логику в соответствии с URL. вы также можете перенаправить страницу в соответствии с найденным.

Комментарии:

1. смотрите в моем посте, я дал вам весь код страницы, но со стороны сервера вам нужно создать файлы, которые вы хотите переслать пользователю. В моем коде я упомянул два файла (success.php и error.php ) таким образом, эти файлы просматриваются методом переопределения URL-адреса, поэтому, как только он найдет конкретный файл, вы сможете определить, какой файл вам нужно переслать

2. но я использую фреймворк. это нормально, если я только добавлю туда маршрут, например localhost/success ?

3. в моей сети его laravel vue

4. на самом деле. я понятия не имею о фреймворке, но вы можете достичь своей цели следующим образом: для выполнения ему нужен URL-адрес, поэтому вы можете установить конечный URL-адрес, который вы хотите выполнить, если он работает на localhost или с domain

5. так что ничего страшного, если я только верну маршрут? но в коде указано contains , что он будет искать файл?