打包APP

Posted 子焱

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了打包APP相关的知识,希望对你有一定的参考价值。

记得之前网上也有app打包平台,但是都会有所限制,或者增加广告等等,这里呢,介绍一款工具,可以自己将网站打包成app。

wex5 (WeX5开源免费跨端开发工具-html5 app开发就用WeX5)官网  http://www.wex5.com/wex5/

里面有很多资料啊,教程啊等等,有兴趣的可以自己去学学。

 

这里呢,简单介绍下,如何将一个网址,打包成app。(这是极好的)

第一步 

    当然是下载安装运行了,运行的话 打开"启动WeX5开发工具.bat"这个就行。其他的就不细说了。

第二步 

    在Native 目录下创建一个目录,比如我这里用的是apptest。(直接点击Native 目录,然后右键新建目录就行了)

第三步 

    选中你新建的目录 ,然后右键 选择 编辑本地app,选择模式4,然后一步步操作(如下图)

技术分享图片

技术分享图片

技术分享图片

技术分享图片

下面这张图片 就是设置 app的图标 还有欢迎界面的图片,这里因为我是测试,并没有添加,你自己设置的时候,根据自己情况设置你的图片就行了。

技术分享图片

技术分享图片

技术分享图片

技术分享图片

第四步 

    就是生产app了

    因为上一步中 我们勾上了 "完成后启动app生成向导,所以我们会自动到达下面这一步。

    如果没有的话怎么办呢,这时候选择我们的app目录,右键 选择“生成本地app包“就可以了。

技术分享图片

技术分享图片

技术分享图片

最后就是等待程序执行完毕,生成app。

最后会出现一个二维码界面,用于下载安装这个app。因为你没有运行环境,所以可能会无法下载。

这时候,可以在你一开始创建的目录下,找到下面的dist目录,打开就能看到生成的app了。拷贝出来安装就行了。

 

PS:看着很多,其实是编辑 和生成。具体的细节,可以参考图片中的信息。其实你自己在配置的过程中,多看看每个页面的信息,就ok了。

好了,教程到此结束。

以上是关于打包APP的主要内容,如果未能解决你的问题,请参考以下文章

uniapp 如何实现打包App

用HBuilder打包网页app时,手机底部显示黑色的,怎么解决?

hbuilder怎么打包ios的app

把react打包成app的方法以及app打包下载

Hbuilder中如何将移动APP打包成APK

vue打包成app跟原生APP对比