我是目錄
一、下載Android Studio
安卓Studio 下載可以直接去官網，如果你不能翻牆，可以去網盤下載（現在是2020年05月22日）網盤地址 提取碼: pgqm:
二、新建安卓項目
選擇 Empty Activity：
新建好了項目之後，需要修改配置文件，把我們的H5項目集成進去。
三、一個完整的安卓應用需要哪些東西
這裏，你需要知道，一個完整的App需要哪些最最基礎的功能，我列了一下：
- 能訪問網絡
- 能回退，像App一樣
- 自定義App圖標，不要是個默認的Android 機器人就行
- 修改應用名稱
- 修改主界面顏色，讓它跟你的項目吻合
- 添加H5邏輯
1. 能訪問網絡
這個其實就是一個配置項目，在 AndroidManifest.xml 加一行就行，具體如下：
<?xml version="1.0" encoding="utf-8"?>
<manifest>
<application>
......
</application>
<uses-permission android:name="android.permission.INTERNET" />
</manifest>
示例代碼中，加一段 uses-permission 的配置就可以了。
2. 能回退，像App一樣
在MainActivity 中添加如下方法就行，它其實是重寫了方法：
public class MainActivity extends AppCompatActivity {
private WebView webview;
@Override
protected void onCreate(Bundle savedInstanceState) {
......
}
@Override//設置回退
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
webview.goBack();
return true;
}
return false;
}
}
通過監聽設備的onKeyDown 方法，實現回退的功能，因爲它沒有像Pc端的回退鍵。
3. 自定義App圖標，不要是個默認的Android 機器人就行
個人覺得，這個是實際開發中很現實的一個需求，業務當然希望看到自己的東西像是自己的產品。從應用圖標開始：
如上圖所示，這裏面在res文件夾裏有5個mipmap 開頭的文件夾，它裏面放的就是圖標，一大一小，但是修改的時候，只需要一個，圖片，然後起兩個不同的名字就行，大概像正面這樣：
ic_launcher.png和 ic_launcher_round.png這兩個圖片是默認的，我們只需要替換圖片，名稱不變就行。
4. 修改應用名稱
每個項目都有自己的名稱，H5應用也一樣，所以，這個也算是硬性需求了，修改也簡單， 還是在AndroidManifest.xml文件中：
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.we_research">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="應用名稱"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:networkSecurityConfig="@xml/network_security_config"
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>
替換掉 android:label="應用名稱"中的“應用名稱” 就行。
5. 修改主界面顏色，讓它跟你的項目吻合
爲了讓它看起來更完美，還可以修改App的主題顏色，讓它與H5界面無縫吻合。這樣看起來就和原生App一模一樣啦：
如上圖所示，找到res/values/colors.xml文件，然後修改裏面的色值就行：
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#6c6c6c</color>
<color name="colorPrimaryDark">#000</color>
<color name="colorAccent">#03DAC5</color>
</resources>
6. 添加H5邏輯
最後一步，就是最關鍵的一步啦，添加H5邏輯，這裏有兩種方法 ： 第一種是把H5邏輯放在Assets 文件夾中（這個需要自己建）；第二種是已經有發佈的鏈接了，直接引用H5項目的鏈接，然後在MainActivity 中添加方法：
public class MainActivity extends AppCompatActivity {
private WebView webview;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
webview = new WebView(this);
webview.getSettings().setJavaScriptEnabled(true);
// webview.loadUrl("file:///assets/index.html"); 本地資源引用
webview.loadUrl("http://178.178.178.178/projectname/"); // 鏈接引用
setContentView(webview);
}
}
這樣，一個完整的H5集成方案就完成了。
撒花.jpg
四、調試
可能有朋友還會關心一個現實的問題，如何調試。
新安裝的Android Studio是沒有Module的，也沒有模擬器，需要自己安裝
找不到Module的話，可以通過這樣去找：
然後模擬器就下載默認的虛擬設備就行，但是這裏有一個點要注意，2020版本的Android studio是需要 Intel Hyper-V虛擬技術的，但是默認Windows系統沒有打開，所以，根據正面的圖片中的步驟，打開：
這樣就可以愉快地運行調試啦，哈哈，最後附上一張運行圖：
這樣就大功告成啦，喜歡請評論，點贊，收藏三連喲~