返回介绍

打包APP

发布于 2020-09-14 22:20:43 字数 6204 浏览 1408 评论 0 收藏 0

第一步build的文件(dist目录下的文件)使用HBuilderX 打包成APP

使用 HBuiderX 打包。(工具下载地址:http://www.dcloud.io/)

一、创建项目

【文件-新建-项目】 选择项目类型和填写项目名称

输入图片说明

创建后会生成如下目录

输入图片说明

二、dist目录下的文件拷贝到该工程

(1)包里工程路面下unpackge目录和mainifest.json文件 其他文件目录全部删除 (2)拷贝dist目录下的文件到该工程目录

拷贝后目录结构大概如下:

输入图片说明

三、打包前项目配置

双击文件mainifest.json 进入文件配置界面

(1)基础配置

根据具体情况填写

输入图片说明

(2)图标配置

配置logo

输入图片说明

(3)启动图配置

输入图片说明

(3) SDK配置 (暂时不用选择)

(4)模块权限配置

输入图片说明

打包后app点击返回键直接退出处理

在index.html中增加如下代码

<script type="text/javascript">
    //如下代码主要是解决打包后的app点击返回键直接退出
    document.addEventListener('plusready', function(a) { //等待plus ready后再调用5+ API:
                //// 在这里调用5+ API
                var first = null;
                plus.key.addEventListener('backbutton', function() { //监听返回键
                        //首次按键,提示‘再按一次退出应用’
                        if (!first) {
                            first = new Date().getTime(); //获取第一次点击的时间戳
                            // console.log('再按一次退出应用');//用自定义toast提示最好
                            // toast('双击返回键退出应用'); //调用自己写的吐丝提示 函数
                            plus.nativeUI.toast("双击退出", {duration:'short'}); //通过H5+ API 调用Android 上的toast 提示框
                            setTimeout(function() {
                                first = null;
                            }, 1000);
                        } else {
                            if (new Date().getTime() - first < 1000) { //获取第二次点击的时间戳, 两次之差 小于 1000ms 说明1s点击了两次,
                                plus.runtime.quit(); //退出应用
                            }
                        }
                    }, false);
            });
</script>

四、打包APP

【发行-原生APP-云打包】

输入图片说明

打包后控制台如下打印

输入图片说明

根据下载地址下载APP,手机安装即可!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文