在移动web时代,手机的兴起使得大部分手机上的应用开发如火如荼。而传统的app开发需要掌握很多知识点,开发周期特别长。为了解决这个问题,webapp应运而生,大大降低了app开发的难度,只要懂前端就可以开发app。但是由于技术的变化,现在不仅有app,还有小程序和一些网站。所以很多人都瞄准了多终端应用市场。所谓多终端,是指运行在多个平台上的一组代码。比如我在DCloud上写了一个应用,我可以把它打包成小程序、网站、app,降低了我们开发的难度和时间。目前最火的是DCloud和APICloud。Uniapp是基于DCloud的,所以我们今天说的都是基于DCloud平台的。好了,我们一起进入今天的话题。
这是我们今天的主人。以后我们会一直用这个工具来开发app甚至小程序和网站。下载后的下载地址是https://www.dcloud.io/hbuilderx.html.,我们可以直接安装。安装后,界面是这样的,如图所示:
安装完成后,我们需要申请注册一个DCloud帐户进行登录。这个很简单,我就不说了。
首先,我们创建一个新目录,如图所示:
然后选择uniapp,如图:
此时,我们首先填写项目名称,然后选择项目目录。最后,我们可以选择一个合适的模板,或者空模板。这里为了方便上手,我们选择模板hello uni-app。该模板的内容是uni-app中所有组件的使用方法,如图所示:
当我们点击创建时,会自动生成一个目录,如图:
从目录中的文件夹名我们可以知道,应用界面实际上是放在pages文件夹中的,所以我们只要在pages中点击一个文件,然后在内置的浏览器中运行,如图:
做完这些,我们就可以发布这个应用了。在发布之前,我们可以对这个app的其他设置做一些调整,如图:
调整好之后,我们就可以打包了,如图:
这里有三种选择:云打包、本地打包和制作应用wgt包。这三个选项是什么意思?首先,云打包可以在电脑上不安装任何sdk的情况下做一个app,而本地打包比较麻烦。我们需要下载Android studio然后还有一些SDK打包,比较繁琐。至于wgt包,制作完成后可以同步更新,用户再次下载非常方便。所以这里我们选择云封装,如图:
我们可以看到,有些平台已经成功打包了apk,但也有失败的,所以不用那么担心,我们可以把这些apk直接安装在手机上使用。
本文主要是关于uniapp的制作和包装。如你所见,uniapp让我们从零基础开发app变得很容易。更多精彩文章请关注微信官方账号简单编程网。