封装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就可以了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5是一种用于构建Web应用程序的标准技术,而SQLite是一种嵌入式数据库管理系统。在HTML5中,我们可以使用SQLite数据库来存储和管理数据,从而将其封装为应用程序。 封装HTML5应用程序时,我们可以使用SQLite来创建一个本地存储数据库,以便应用程序可以在用户设备上保存数据。SQLite提供了许多与传统数据库一样的功能,例如创建表、插入数据、更新数据和查询数据等。我们可以使用JavaScript编写的SQL语句来执行这些操作。 使用SQLite进行数据存储具有许多优点。首先,SQLite是一种嵌入式数据库,它可以轻松地集到应用程序中,不需要额外的配置和服务器设置。其次,它是一个轻量级的数据库系统,占用较少的存储空间。这对于移动设备的资源有限的环境非常重要。 封装HTML5应用程序时,我们可以使用JavaScript库或框架来简化SQLite的使用。例如,Ionic框架提供了一个SQLite插件,它可以帮助我们在移动应用程序中使用SQLite进行本地存储。它提供了一套易于使用的API,使我们能够以简单的方式执行常见的数据库操作。 使用HTML5和SQLite来封装应用程序可以使我们更方便地处理数据。我们不再需要依赖远程服务器或互联网连接来访问和操作数据。相反,我们可以将数据存储在用户设备上,并使用本地SQLite数据库进行管理。这样,我们可以提供更快速和更可靠的应用程序体验,即使在离线状态下也可以使用应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值