封裝HTML成APP

簡單介紹

之前寫了一個關於數據分析的平台，就想着如何在手機方便查看，所以就順手將這個html封裝成apk來使用。

 

實際操作

1、這里用Android進行測試，確保Java、Android環境OK。

2、啟動平台，我的平台是Django+python實現。所以先啟動服務。

注意：這里啟動服務，需要你使用非127.0.0.1的IP地址，我在使用的過程中發現使用的話，在手機無法打開鏈接（在同一個局域網）。我就使用ifconfig查看了本機的IP地址，在使用python manage.py runserver ***（***代表你的IP地址，以及非沖突端口號）。

3、將地址填寫入你構建的Android項目中。

4、創建Android項目，使用webview顯示網頁。

新建

這名稱自己填寫。

版本

這選擇SDK的版本，也可以查看版本的覆蓋率，沒有要求直接默認吧。

空白活動

這里選擇空白活動。

填寫名稱

這里自定義名稱。

5、打開MainActivity.java程序文件，在onCreate()方法中加入如下內容：

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.webkit.WebView;  

public class MainActivity extends AppCompatActivity {      

    @Override    

    protected void onCreate(Bundle savedInstanceState) {                 

　　  super.onCreate(savedInstanceState);        

        setContentView(R.layout.activity_main);           

        WebView wv = (WebView) findViewById(R.id.wv);         

        wv.loadUrl("*****");    

    }

}

如果這里報錯，需要修改gradle里面的版本即可，*****為你的地址。

6、打開AndroidManifest.xml，設置允許程序存取因特網：

xml version="1.0" encoding="utf-8"?>

<manifestxmlns:android="http://schemas.android.com/apk/res/android"

    package="com.april_chou.a_hello">

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

    <application

        android:allowBackup="true"

        android:icon="@mipmap/ic_launcher"

        android:label="覽天下"

        android:roundIcon="@mipmap/ic_launcher_round"

        android:supportsRtl="true"

        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>

7、連接真機或者虛擬機進行運行測試。

桌面顯示

虛擬顯示

這里沒有進行適配，所以展示有點變形了。

8、將Android導出為apk

使用Android Studio自帶build，選擇build apk就可以了。