如何在Android WebView中实现服务器PHP页面跳转至APP本地页面？

我明白你现在的需求——在Android WebView里完成登录验证后，从服务器的login.php跳转到APP内置的本地页面，而不是外部网站对吧？咱们来一步步解决这个问题，核心思路是服务器端返回跳转指令，由Android WebView拦截并执行本地页面加载，因为服务器没法直接指向APP内部的资源。

一、先修复原PHP代码的关键问题 #

首先你的原代码有个重要漏洞：没开启Session！而且session_register()已经被PHP废弃了，必须添加session_start()才能正常使用$_SESSION。另外，明文存储密码是非常危险的，后面我也会提优化建议。

修改后的login.php代码（推荐用JSON返回结果） #

<?php
// 必须开启Session，否则$_SESSION无法使用
session_start();

$server = "localhost";
$usernm = "root";
$passwd = "";
$databs = "dbname";
$Conn = mysqli_connect($server, $usernm, $passwd, $databs);

// 检查数据库连接是否成功
if (!$Conn) {
    die("Connection failed: " . mysqli_connect_error());
}

// 避免未定义索引错误，先判断POST参数是否存在
$email_id = mysqli_real_escape_string($Conn, $_POST['e_mail'] ?? '');
$password = mysqli_real_escape_string($Conn, $_POST['pass_word'] ?? '');

$query = "SELECT id, active FROM users WHERE email = '$email_id' AND password = '$password'";
$result = mysqli_query($Conn, $query);
$count = mysqli_num_rows($result);

if($count == 1) {
    $row = mysqli_fetch_array($result, MYSQLI_ASSOC);
    $_SESSION['login_user'] = $email_id;
    
    // 返回JSON格式的成功响应，告知客户端跳转目标页面
    header('Content-Type: application/json');
    echo json_encode([
        'status' => 'success',
        'local_page' => 'home.html' // 这里填你APP内本地页面的路径（比如assets目录下的home.html）
    ]);
    exit;
} else {
    $error = "LOGIN AND PASSWORD NOT FOUND ON RECORD";
    // 返回错误信息
    header('Content-Type: application/json');
    echo json_encode([
        'status' => 'error',
        'message' => $error
    ]);
    exit;
}
?>

二、前端（登录页面）配合处理跳转 #

你的登录页面需要用AJAX提交表单，而不是传统的表单提交，这样才能接收服务器返回的JSON并触发WebView加载本地页面。比如在登录页面（假设是login.html）添加以下JS代码：

// 假设你的登录表单ID是login-form
document.getElementById('login-form').addEventListener('submit', function(e) {
    e.preventDefault(); // 阻止默认表单提交
    const formData = new FormData(this);
    
    fetch('login.php', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if(data.status === 'success') {
            // 触发WebView加载assets目录下的本地页面
            window.location.href = 'file:///android_asset/' + data.local_page;
        } else {
            alert(data.message); // 显示登录错误
        }
    })
    .catch(error => console.error('登录请求失败:', error));
});

三、Android WebView配置（关键步骤） #

你需要在Android代码中配置WebView，允许加载本地文件，并确保能正确处理file:///android_asset/开头的URL：

WebView webView = findViewById(R.id.webView);
WebSettings webSettings = webView.getSettings();

// 开启JavaScript支持（因为要用AJAX和前端JS）
webSettings.setJavaScriptEnabled(true);
// 允许访问本地文件
webSettings.setAllowFileAccess(true);
// 允许加载assets目录下的资源
webSettings.setAllowFileAccessFromFileURLs(true);

// 设置WebViewClient，确保跳转在WebView内完成，而不是打开外部浏览器
webView.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
        String url = request.getUrl().toString();
        // 处理本地页面跳转
        if (url.startsWith("file:///android_asset/")) {
            view.loadUrl(url);
            return true;
        }
        // 其他URL正常加载
        return super.shouldOverrideUrlLoading(view, request);
    }

    // 兼容Android 7.0以下版本
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if (url.startsWith("file:///android_asset/")) {
            view.loadUrl(url);
            return true;
        }
        return super.shouldOverrideUrlLoading(view, url);
    }
});

// 初始加载服务器上的登录页面
webView.loadUrl("http://你的服务器地址/login.html");

额外的安全优化建议 #

• 密码哈希存储：永远不要明文存储用户密码！在注册时用password_hash()生成哈希值，登录时用password_verify()验证，比如：

  // 注册时存储密码
  $hashedPassword = password_hash($userPassword, PASSWORD_DEFAULT);
  // 登录时验证
  if(password_verify($password, $row['password'])) {
      // 验证通过
  }
  

• 防止SQL注入：虽然你用了mysqli_real_escape_string()，但更推荐使用预处理语句，进一步提升安全性。

内容的提问来源于stack exchange，提问作者Atharva Kale