Android 如何使用Firebase创建动态WebView

WebView允许用户将网页集成到他们的Android应用中，从而获得集成的用户体验。虽然静态WebView的实现很简单，但是这个组件的实际用处在于它能够从多个来源（如Firebase）动态加载内容，以便将应用程序与最新的信息保持同步。

使用的方法

与Firebase集成的动态WebView

与Firebase集成的动态WebView

步骤

设置Firebase
设置Android项目
创建WebViewActivity
创建布局文件
更新AndroidManifest.xml文件

示例

XML程序

<?xml version="1.0" encoding="utf-8"?>
<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=".MainActivity">

    <!--Web View for displaying our web pages-->
    <WebView
        android:id="@+id/idWebView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

Java程序

import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import com.google.firebase.database.DataSnapshot;
import com.google.firebase.database.DatabaseError;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.database.ValueEventListener;

public class MainActivity extends AppCompatActivity {

    // creating a variable for our Firebase Database.
    FirebaseDatabase firebaseDatabase;

    // creating a variable for our Database
    // Reference for Firebase.
    DatabaseReference databaseReference;

    // creating a variable for our webview
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // initializing variable for web view.
        webView = findViewById(R.id.idWebView);

        // below line is used to get the instance
        // of our Firebase database.
        firebaseDatabase = FirebaseDatabase.getInstance();

        // below line is used to get reference for our database.
        databaseReference = firebaseDatabase.getReference("url");

        // calling method to initialize
        // our web view.
        initializeWebView();
    }

    private void initializeWebView() {

        // calling add value event listener method for getting the values from database.
        databaseReference.addValueEventListener(new ValueEventListener() {
            @Override
            public void onDataChange(@NonNull DataSnapshot snapshot) {
                // this method is call to get the realtime updates in the data.
                // this method is called when the data is changed in our Firebase console.
                // below line is for getting the data from snapshot of our database.
                String webUrl = snapshot.getValue(String.class);

                // after getting the value for our webview url we are
                // setting our value to our webview view in below line.
                webView.loadUrl(webUrl);
                webView.getSettings().setJavaScriptEnabled(true);
                webView.setWebViewClient(new WebViewClient());
            }

            @Override
            public void onCancelled(@NonNull DatabaseError error) {
                // calling on cancelled method when we receive
                // any error or we are not able to get the data.
                Toast.makeText(MainActivity.this, "Fail to get URL.", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

输出

Android 如何使用Firebase创建动态WebView

结论

在本课程中，我们学习了如何在Android中进行动态WebView开发，并进行Firebase集成。通过将Android提供的强大WebView组件与Firebase的实时数据能力集成，您可以在Android应用程序中构建流畅而引人入胜的用户体验。我们首先为您的Android应用程序配置Firebase，确保您拥有所有所需的依赖项和配置文件。然后，我们开发了一个WebViewActivity来充当WebView的容器。在这个活动中，我们初始化了WebView并配置了它的设置，比如启用JavaScript以及配置WebViewClient和WebChromeClient。