如何封裝HTML成APP

這篇文章主要為大家展示了“如何封裝HTML成APP”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“如何封裝HTML成APP”這篇文章吧。

　　1、這里用Android進(jìn)行測(cè)試，確保Java、Android環(huán)境OK。

　　2、啟動(dòng)平臺(tái)，我的平臺(tái)是Django+python實(shí)現(xiàn)。所以先啟動(dòng)服務(wù)。

　　注意：這里啟動(dòng)服務(wù)，需要你使用非127.0.0.1的IP地址，我在使用的過程中發(fā)現(xiàn)使用的話，在手機(jī)無法打開鏈接（在同一個(gè)局域網(wǎng)）。我就使用ifconfig查看了本機(jī)的IP地址，在使用python manage.py runserver ***（***代表你的IP地址，以及非沖突端口號(hào)）。

　　3、將地址填寫入你構(gòu)建的Android項(xiàng)目中。

　　4、創(chuàng)建Android項(xiàng)目，使用webview顯示網(wǎng)頁(yè)。

　　新建

　　這名稱自己填寫。

　　版本

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

　　空白活動(dòng)

　　這里選擇空白活動(dòng)。

　　填寫名稱

　　這里自定義名稱。

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

　　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（"*****"）; ?

　　}

　　}

　　如果這里報(bào)錯(cuò)，需要修改gradle里面的版本即可，*****為你的地址。

　　6、打開AndroidManifest.xml，設(shè)置允許程序存取因特網(wǎng)：

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

　　<manifestxmlns: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、連接真機(jī)或者虛擬機(jī)進(jìn)行運(yùn)行測(cè)試。

　　桌面顯示

　　虛擬顯示

　　這里沒有進(jìn)行適配，所以展示有點(diǎn)變形了。

　　8、將Android導(dǎo)出為apk

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

以上是“如何封裝HTML成APP”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！