前言

通過開源項目ChatGPT-Next-Web部署完了私人網頁ChatGPT，為了使訪問更加便捷，便想著使用wab2app打包為APK，雖然最終達成了效果，可一路走來遇到了很多坑兒，記錄下

打包流程

有要打包的網站和軟件HBuilder X，軟件官網：https://www.dcloud.io/hbuilderx.html

然后流程如下

創(chuàng)建項目

這一部分設置要打包網頁和項目文件保存目錄

找到manifest.json文件，依次設置相關配置

設置自適應圖標，該功能是一個木函所沒有的


重點： 設置標題欄和狀態(tài)欄兼容

重點： 默認返回時無論處于哪個頁面都直接退出軟件了而不是返回上一層，要更改這種配置

在client_index.html插入以下代碼，需要注意：plus.webview.create里面填的是要打包的網址

<script>

    function plusReady() {

        var zxlmweb = plus.webview.create("https://gpt.songhuashu.cn")

        zxlmweb.show(); // 顯示窗口

        var first = null;

        plus.key.addEventListener("backbutton", function() { //監(jiān)聽返回按鍵

            zxlmweb.canBack(function(e) { //監(jiān)聽webview窗口是否可以返回

                if(e.canBack) { //可以返回

                    zxlmweb.back(); //返回上一頁面

                } else { //不可以返回

                    //處理邏輯：1秒內，連續(xù)兩次按返回鍵，則退出應用；

                    //首次按鍵，提示‘再按一次退出應用’

                    if (!first) {

                        first = new Date().getTime();

                        this.$toast('再按一次退出應用');

                        setTimeout(function() {

                            first = null;

                        }, 1000);

                    } else {

                        if (new Date().getTime() - first < 1000) {

                            plus.runtime.quit();//退出app

                        }

                    }

                }

            });

        }, false);

    }

    if(window.plus) {

        plusReady();

    } else {

        document.addEventListener('plusready', plusReady, false);

    }

</script>

然后就是打包了

還會遇到一個問題：按返回鍵時會提示再按一次返回鍵退出點此可反饋意見

解決辦法如下：

有時候可能會遇到這種情況

首先試試網站能否正常打開，如果可以打開飛行模式，重新刷新下即可

有時候會遇到有些網站只能用wifi打開而不能用數(shù)據流量打開，只不過這種情況少之又少

最后效果

打包過程中遇到過很多問題，最終都解決了，上述是最常見的

還有就是云打包額度每天只有5個，按理說夠用，但我很菜，所以注冊了三個賬號，每個賬后都是項目管理員，足足打包了十幾次才整出來了

參考文章

https://www.jianshu.com/p/43aecebfd57b

https://ask.dcloud.net.cn/question/86896

https://ask.dcloud.net.cn/article/1150

結語

最終也是實現(xiàn)了將自己部署ChatGPT的網頁成功打包成了APK，還是不錯的文章來源地址http://www.zghlxwxcb.cn/news/detail-479463.html

到了這里，關于使用wab2app將網頁打包成APK的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！