封装HTML成APP

时间:2024-03-03 09:56:28

简单介绍

之前写了一个关于数据分析的平台,就想着如何在手机方便查看,所以就顺手将这个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就可以了。