Andriod內(nèi)嵌HTML5項(xiàng)目構(gòu)建以及整包更新配置

什么娃弓？讓JAVA猿搭A(yù)ndroid內(nèi)嵌H5的架子典格？

Java是無所不能的，Java猿是無所不會的Ｌù浴Ｋ＝伞！

其實(shí)以前自己做過Android的demo挽霉，積攢了那么一兩天的安卓開發(fā)經(jīng)驗(yàn)防嗡，安卓集成個(gè)H5這還是叫事？

搞它

1. 安卓開發(fā)環(huán)境安裝

1.1 下載并安裝 Android Studio

安卓官網(wǎng) 下載 并安裝 Android Studio

1.2 配置VPN

建議在如下位置配置VPN侠坎，來加速SDK等組件的安裝速度

statioProxy

1.3 選擇需要的SDK版本進(jìn)行安裝

[圖片上傳失敗...(image-aee485-1589279342525)]

1.4 配置虛擬設(shè)備

1.4.1 點(diǎn)擊如圖圖標(biāo)配置設(shè)備
statioDrivers
1.4.2 配置虛擬設(shè)備信息

[圖片上傳失敗...(image-80fe60-1589279342525)]

1.4.3 下載對應(yīng)版本x86 image 和 英特爾硬件加速執(zhí)行管理器(Intel HAXM)

Intel_HAXM

此方法為電腦端模擬安卓系統(tǒng)蚁趁，用以測試app鸽粉，此方法受電腦配置影響卧檐，會輕微卡頓，建議使用下面方法連接手機(jī)測試

1.5 編輯器連接手機(jī)

  1. 安卓手機(jī)打開 USB調(diào)試
  2. 連接手機(jī)
    [圖片上傳失敗...(image-fb20ab-1589279342525)]

2. 創(chuàng)建空的Android項(xiàng)目

emnewProject
newProject

3. 編寫內(nèi)嵌H5代碼

3.1 新建Activity文件

Activity 類是 Android 應(yīng)用的關(guān)鍵組件，而 Activity 的啟動和組合方式則是該平臺應(yīng)用模型的基本組成部分为障。

public class WebActivity extends AppCompatActivity {
    /**
     * Called when the activity is first created.
     */

    private String apkUrl = "http://118.24.148.250:8080/yk/update_signed.apk";

    private String updateTitle = "發(fā)現(xiàn)新版本V2.0.0";

    private String updateContent = "1、Kotlin重構(gòu)版\n2便脊、支持自定義UI\n3胶台、增加md5校驗(yàn)\n4、更多功能等你探索";

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //更新
//        update(apkUrl, updateTitle, updateContent);
        WebView webView = (WebView) findViewById(R.id.wv_webview);
        String url = "https://www.ytooo.top";
        //此方法可以在webview中打開鏈接而不會跳轉(zhuǎn)到外部瀏覽器
        webView.setWebViewClient(new WebViewClient());
        //此方法可以啟用html5頁面的javascript
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl(url);

    }
}

3.2 新建layout文件

lyout是安卓應(yīng)用程序的布局文件

布局可定義應(yīng)用中的界面結(jié)構(gòu)（例如 Activity 的界面結(jié)構(gòu)）署咽。布局中的所有元素均使用 View 和 ViewGroup 對象的層次結(jié)構(gòu)進(jìn)行構(gòu)建近顷。View 通常繪制用戶可查看并進(jìn)行交互的內(nèi)容。然而宁否，ViewGroup 是不可見容器窒升，用于定義 View 和其他 ViewGroup 對象的布局結(jié)構(gòu)，

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".WebActivity">
    
    <WebView android:id="@+id/wv_webview"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            />
</androidx.coordinatorlayout.widget.CoordinatorLayout>

3.2 配置 AndroidManifest.xml

每個(gè)應(yīng)用項(xiàng)目必須在項(xiàng)目源設(shè)置的根目錄中加入 AndroidManifest.xml 文件（且必須使用此名稱）慕匠。 清單文件會向 Android 構(gòu)建工具饱须、Android 操作系統(tǒng)和 Google Play 描述應(yīng)用的基本信息。

清單文件需聲明以下內(nèi)容：

  • 應(yīng)用的軟件包名稱台谊，其通常與代碼的命名空間相匹配蓉媳。 構(gòu)建項(xiàng)目時(shí)，Android 構(gòu)建工具會使用此信息來確定代碼實(shí)體的位置锅铅。 打包應(yīng)用時(shí)酪呻，構(gòu)建工具會使用 Gradle 構(gòu)建文件中的應(yīng)用 ID 來替換此值，而此 ID 則用作系統(tǒng)和 Google Play 上的唯一應(yīng)用標(biāo)識符盐须。了解關(guān)于軟件包名稱和應(yīng)用 ID 的更多內(nèi)容玩荠。
  • 應(yīng)用的組件，包括所有 Activity贼邓、服務(wù)阶冈、廣播接收器和內(nèi)容提供程序。 每個(gè)組件都必須定義基本屬性塑径，例如其 Kotlin 或 Java 類的名稱女坑。 清單文件還能聲明一些功能，例如其所能處理的設(shè)備配置晓勇，以及描述組件如何啟動的 Intent 過濾器堂飞。了解關(guān)于應(yīng)用組件的更多內(nèi)容。
  • 應(yīng)用為訪問系統(tǒng)或其他應(yīng)用的受保護(hù)部分所需的權(quán)限绑咱。 如果其他應(yīng)用想要訪問此應(yīng)用的內(nèi)容绰筛，則清單文件還會聲明其必須擁有的權(quán)限。 了解關(guān)于權(quán)限的更多內(nèi)容描融。
  • 應(yīng)用需要的硬件和軟件功能铝噩，這些功能會影響哪些設(shè)備能夠從 Google Play 安裝應(yīng)用。了解關(guān)于設(shè)備兼容性的更多內(nèi)容窿克。
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="com.adc.da">
    
    <application
            android:allowBackup="true"
            android:label="@string/app_name"
            android:icon="@mipmap/ic_launcher"
            android:roundIcon="@mipmap/ic_launcher_round"
            android:supportsRtl="true"
            android:usesCleartextTraffic="true"
            android:theme="@style/AppTheme" >
        <activity
                android:name=".WebActivity"
                android:label="@string/app_name"
                android:theme="@style/AppTheme.NoActionBar">
            
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
    <uses-permission android:name="android.permission.INTERNET"/>
</manifest>

3.3 啟動項(xiàng)目

show1

4. 編寫自動更新模塊

感謝UpdateAppUtils 提供的支持

4.1 添加依賴

build.gradle 文件中添加如下依賴：

implementation 'com.teprinciple:updateapputils:2.0.0'

4.1 更新實(shí)現(xiàn)

    private String apkUrl = "http://118.24.148.250:8080/yk/update_signed.apk";

    private String updateTitle = "發(fā)現(xiàn)新版本V2.0.0";

    private String updateContent = "1骏庸、Kotlin重構(gòu)版\n2毛甲、支持自定義UI\n3、增加md5校驗(yàn)\n4具被、更多功能等你探索";
private void update(String apkUrl, String updateTitle, String updateContent) {

    UiConfig uiConfig = new UiConfig();
    uiConfig.setUiType(UiType.PLENTIFUL);
    uiConfig.setUpdateLogoImgRes(R.drawable.ic_update);
    uiConfig.setUpdateLogoImgRes(R.drawable.ic_update);
    uiConfig.setUpdateBtnBgRes(R.drawable.bg_btn);
    uiConfig.setTitleTextColor(Color.BLACK);
    uiConfig.setTitleTextSize(18f);
    uiConfig.setContentTextColor(Color.parseColor("#88e16531"));

    UpdateConfig updateConfig = new UpdateConfig();
    updateConfig.setCheckWifi(true);
    updateConfig.setDebug(Boolean.TRUE);
    updateConfig.setNotifyImgRes(R.drawable.ic_logo);
    updateConfig.setApkSavePath(Environment.getExternalStorageDirectory().getAbsolutePath() + "/download");
    updateConfig.setApkSaveName("scan-ui" + System.currentTimeMillis());
    updateConfig.setForce(Boolean.TRUE);
    updateConfig.setAlwaysShow(Boolean.TRUE);
    updateConfig.setThisTimeShow(Boolean.TRUE);
    updateConfig.setShowNotification(Boolean.TRUE);

    UpdateAppUtils
            .getInstance()
            .apkUrl(apkUrl)
            .updateTitle(updateTitle)
            .updateContent(updateContent)
            .uiConfig(uiConfig)
            .updateConfig(updateConfig)
            .setMd5CheckResultListener(result -> {
            })
            .setUpdateDownloadListener(new UpdateDownloadListener() {
                @Override
                public void onStart() {

                }

                @Override
                public void onDownload(int progress) {

                }

                @Override
                public void onFinish() {

                }

                @Override
                public void onError(Throwable e) {
                    Log.e("error", "更新失敗", e);
                }
            })
            .update();
}

4.2 啟動項(xiàng)目

show2





更多好玩好看的內(nèi)容玻募，歡迎到我的博客交流，共同進(jìn)步 WaterMin


最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末一姿，一起剝皮案震驚了整個(gè)濱河市七咧，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌叮叹，老刑警劉巖艾栋，帶你破解...
    沈念sama閱讀 218,284評論 6贊 506
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異蛉顽，居然都是意外死亡蝗砾，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3贊 395
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門携冤，熙熙樓的掌柜王于貴愁眉苦臉地迎上來悼粮，“玉大人，你說我怎么就攤上這事噪叙“猓” “怎么了霉翔？”我有些...
    開封第一講書人閱讀 164,614評論 0贊 354
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵睁蕾，是天一觀的道長。 經(jīng)常有香客問我债朵，道長子眶，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 58,671評論 1贊 293
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任序芦，我火速辦了婚禮臭杰，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘谚中。我一直安慰自己渴杆，他們只是感情好，可當(dāng)我...
    茶點(diǎn)故事閱讀 67,699評論 6贊 392
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布宪塔。 她就那樣靜靜地躺著磁奖，像睡著了一般。 火紅的嫁衣襯著肌膚如雪某筐。 梳的紋絲不亂的頭發(fā)上，一...
    開封第一講書人閱讀 51,562評論 1贊 305
  • 城市分裂傳說
    那天南誊，我揣著相機(jī)與錄音身诺，去河邊找鬼蜜托。 笑死，一個(gè)胖子當(dāng)著我的面吹牛霉赡，可吹牛的內(nèi)容都是我干的橄务。 我是一名探鬼主播，決...
    沈念sama閱讀 40,309評論 3贊 418
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼穴亏，長吁一口氣：“原來是場噩夢啊……” “哼仪糖！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起迫肖，我...
    開封第一講書人閱讀 39,223評論 0贊 276
  • 萬榮殺人案實(shí)錄
    序言：老撾萬榮一對情侶失蹤锅劝，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后蟆湖，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體故爵，經(jīng)...
    沈念sama閱讀 45,668評論 1贊 314
  • ?護(hù)林員之死
    正文 獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,859評論 3贊 336
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年隅津，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了诬垂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,981評論 1贊 348
  • 活死人
    序言：一個(gè)原本活蹦亂跳的男人離奇死亡伦仍，死狀恐怖结窘，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情充蓝，我是刑警寧澤隧枫，帶...
    沈念sama閱讀 35,705評論 5贊 347
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布，位于F島的核電站谓苟，受9級特大地震影響官脓，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜涝焙，卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,310評論 3贊 330
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一卑笨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧仑撞，春花似錦赤兴、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0贊 22
  • 一樁弒父案桶良，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至近迁，卻和暖如春艺普，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1贊 270
  • 情欲美人皮
    我被黑心中介騙來泰國打工歧譬， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留岸浑，地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,146評論 3贊 370
  • 代替公主和親
    正文 我出身青樓瑰步，卻偏偏與公主長得像矢洲，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子缩焦，可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,933評論 2贊 355