零基础学习App开发第一天——创建与发布App

零基础学习App开发第一天——创建与发布App然而由于技术的更迭,不光出现了app,还有小程序以及一些网站,于是,很多人瞄准了多端应用市场,所谓多端指的是一套代码多个平台运行,比如我在DCl

欢迎大家来到IT世界,在知识的湖畔探索吧!

一、前言

移动web时代,手机的兴起使得大部分在手机上的应用开发变得如火如荼,然而传统的app开发需要掌握的知识点繁多,开发周期特别漫长,为了解决这个问题,webapp应运而生,它使得app开发的难度大幅度降低,只要你懂前端就可以开发app;然而由于技术的更迭,不光出现了app,还有小程序以及一些网站,于是,很多人瞄准了多端应用市场,所谓多端指的是一套代码多个平台运行,比如我在DCloud上写了一个应用,我可以把它打包为小程序、网站和App,这样就减少了我们开发的难度和时间,目前最火的要属DCloud和APICloud了,由于uniapp是基于DCloud,所以咱们今天所讲的内容全部基于DCloud平台,好了,下面让我们一起进入到今天的课题中吧。

二、安装开发工具Hbuilderx

这个就是我们今天的主人翁,往后我们会一直用这个工具开发app甚至小程序和网站,下载地址:https://www.dcloud.io/hbuilderx.html,下载好后直接安装即可,安装好后界面是这样的,如图:

零基础学习App开发第一天------创建与发布App

安装完毕之后需要我们再去申请注册一个DCloud的账号用于登录,这个很简单,就不说了。

三、创建第一个uniapp应用

首先我们新建一个目录,如图:

零基础学习App开发第一天------创建与发布App

然后选择uniapp,如图:

零基础学习App开发第一天------创建与发布App

此时我们先填写项目名称,然后选择项目的目录,最后我们可以选择一个合适的模板,或者是空模板,这里我们我们为了上手方便选择hello uni-app这个模板,选择的这个模板里面的内容是uni-app中的所有组件的使用方法,如图:

零基础学习App开发第一天------创建与发布App

当我们点击创建后就会自动生成一个目录了,如图:

零基础学习App开发第一天------创建与发布App

通过目录里面的文件夹名我们可以了解到,应用的界面其实是放在pages文件夹里的,所以我们随便点击一个pages里的文件,然后将其运行在内置浏览器中,如图:

零基础学习App开发第一天------创建与发布App

四、打包app

当我们做完这一切之后就可以发布这个app,在发布之前我们还可以对这个App的其它设置进行一些调整,如图:

零基础学习App开发第一天------创建与发布App

调整好之后,我们就可以来打包了,如图:

零基础学习App开发第一天------创建与发布App

这里有三个选项,云打包、本地打包和制作应用wgt包,这三个选项是什么意思了,首先,云打包可以不用在电脑上安装任何sdk就能制作一个app,而本地打包就麻烦点,需要我们下载Android studio然后还有一些sdk才能打包好,过程比较繁琐;至于wgt包,制作好了之后可以进行同步更新并且不用用户再度下载,非常的方便。因此这里我们选择云打包,如图:

零基础学习App开发第一天------创建与发布App

零基础学习App开发第一天------创建与发布App

零基础学习App开发第一天------创建与发布App

可以看到有些平台的apk打包成功了,不过有些失败的,不去纠结那么多,我们直接把这些apk安装到手机上即可使用。

五、总结

本文主要和大家讲的就是关于uniapp的制作和打包,可以看到,uniapp让我们轻松做到了从零基础到开发app。更多精彩好文敬请关注公众号简易编程网。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/30309.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信