做了一个react的纯前端的应用,想要使用Android Studio创建一个安卓app通过WebView内嵌。
创建app和启动页之前有讲过
Android Studio Dolphin创建app启动页Splash自动跳转
然后创建一个Activity,因为是用来放WebView,所以我命名为WebActivity。创建后在WebActivity.java文件里编写代码
package com.example.mymoney;
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;
import android.widget.Toast;
public class WebActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getSupportActionBar().hide();
setContentView(R.layout.activity_web);
WebView webView = (WebView)findViewById(R.id.wv_webview);
String url = "需要内嵌的页面的Url";
//此方法可以在webview中打开链接而不会跳转到外部浏览器
webView.setWebViewClient(new WebViewClient());
WebSettings webSettings = webView.getSettings();
//此方法可以启用html5页面的javascript
webSettings.setJavaScriptEnabled(true);
webSettings.setDomStorageEnabled(true);
webView.loadUrl(url);
}
private long exitTime = 0;
public boolean onKeyDown(int keyCode, KeyEvent event) {
if(keyCode == KeyEvent.KEYCODE_BACK && event.getAction() == KeyEvent.ACTION_DOWN){
if((System.currentTimeMillis()-exitTime) > 2000){
Toast.makeText(getApplicationContext(), "再按一次退出程序", Toast.LENGTH_SHORT).show();
exitTime = System.currentTimeMillis();
} else {
finish();
System.exit(0);
}
return true;
}
return super.onKeyDown(keyCode, event);
}
}
其中,getSupportActionBar().hide();是隐藏Bar让WebView全屏。
webSettings.setJavaScriptEnabled(true); 是设置允许执行javascript脚本。
webSettings.setDomStorageEnabled(true); 是允许读写localstorage也是比较重要。
onKeyDown方法实现的功能是当用户点击原生返回按钮时,提示再按一次退出程序。用户连续按两次返回就会退出app,这是目前一般app都是用的交互方式。
还有一个重要的设置是允许网络权限。
在manifests/AndroidManifest.xml文件里增加一个配置节点<uses-permission android:name="android.permission.INTERNET"/>
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<!--配置网络权限-->
<uses-permission android:name="android.permission.INTERNET"/>
<application
android:allowBackup="true"
android:dataExtractionRules="@xml/data_extraction_rules"
android:fullBackupContent="@xml/backup_rules"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/Theme.MyMoney"
tools:targetApi="31">
<activity
android:name=".WebActivity"
android:exported="false">
<meta-data
android:name="android.app.lib_name"
android:value="" />
</activity>
<activity
android:name=".SplashActivity"
android:exported="true">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
<meta-data
android:name="android.app.lib_name"
android:value="" />
</activity>
</application>
</manifest>
这样运行app就可以正常在webview里加载页面了。