做了一个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里加载页面了。