一篇带你走进Vue+阿里云的uni-app开发(HBuilder X开发版)

欢迎关注b站:小淼前端

有更多的视频讲解+源代码可领取哦~

欢迎关注b站:小淼前端

有更多的视频讲解+源代码可领取哦~

目录

欢迎关注b站:小淼前端

有更多的视频讲解+源代码可领取哦~

欢迎关注b站:小淼前端

有更多的视频讲解+源代码可领取哦~

 

说明:

被称为全球领先的阿里云

uni-app的优点

第一步

第二步

第三步

第四步

第五步

第六步

 成员管理


欢迎关注b站:小淼前端

有更多的视频讲解+源代码可领取哦~

欢迎关注b站:小淼前端

有更多的视频讲解+源代码可领取哦~

 

说明:

随着腾讯云的服务的收费规则的改变,我们(学生党)再用腾讯云开发时,是我们本不富裕的日子,雪上加霜。而我们可以发现,阿里云当前还是一个处于免费的状态!

被称为全球领先的阿里云

阿里云创立于2009年,是全球领先的云计算人工智能科技公司,致力于以在线公共服务方式,提供安全、可靠的计算和数据处理能力,让计算和人工智能成为普惠科技。阿里云服务着制造、金融、政务、交通、医疗电信、能源等众多领域的领军企业,包括中国联通12306中石化中石油飞利浦华大基因等大型企业客户,以及微博知乎锤子科技等明星互联网公司。在天猫双11全球狂欢节、12306春运购票等极富挑战的应用场景中,阿里云保持着良好的运行纪录

阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。

2014年,阿里云曾帮助用户抵御全球互联网史上最大的DDoS攻击,峰值流量达到每秒453.8Gb  。在Sort Benchmark 2016 排序竞赛 CloudSort项目中,阿里云以1.44$/TB的排序花费打破了AWS保持的4.51$/TB纪录   。在Sort Benchmark 2015,阿里云利用自研的分布式计算平台ODPS,377秒完成100TB数据排序,刷新了Apache Spark 1406秒的世界纪录   。

2019年3月3日凌晨,阿里云深夜出现故障,阿里云官方回复,华北2地域可用区C部分ECS服务器等实例出现IO HANG 持续了三个小时左右, 经紧急排查处理后逐步恢复。2019年6月11日,阿里云入选“2019福布斯中国最具创新力企业榜”。

uni-app的优点

1.跨平台发行,运行体验更好
2.与小程序的组件、API一致;
3.兼容weex原生渲染,增加了开发效率高,但是由于weex坑比较多,建议还是使用局部渲染优化;
4.通用前端技术栈,学习成本更低
5.支持vue语法,微信小程序API
6.内嵌mpvue
7.开发生态,组件更丰富
8.支持通过npm安装第三方包
9.支持微信小程序自定义组件及JS SDK
10.兼容mpvue组件及项目(内嵌mpvue开源框架)
11.App端支持和原生混合编码
12.插件丰富,DCloud将发布插件到市场

第一步

先下载HBuilder X

第二步

登录左下角的登录选项

第三步

创建一个项目

 选择你的项目名称,存在项目的目录,开发的模板,vue的版本,是否启用云服务,是否上传到托管平台等等!

第四步

创建好之后,会自动提示你需要下载一些安装依赖:

第五步

创建关联的阿里云平台或腾讯云平台的云空间:

选择"关联云服务空间或项目...."

点击新建后:

根据提示填写你的信息,填写完成后出现此提示即可:

 之后过一会,邮箱会收到官方的邮件,这时就可以创建云服务空间了。

 

 好,我们创建完成之后就开始关联一下,新创建的云空间!

这时我们可以看到已关联!

第六步

初识一下uniCloud里面的东西:

cloudfunction:云函数,这里面我们会存放我们写的一些控制云数据库的方法以及一些函数。

database:关于数据库的一些验证,可以再这里面写。

common:这里是存放一些公共的文件。

当我们需要在项目文件中快速的打开云空间时我们可以:

右击uniCloud点击打开uniCloudWeb控制台。就可以跳转到我们创建的阿里云空间:

 成员管理

 成员管理模块,可以实现一个项目同时多个人开发,比如一个人负责开发购物车,另一个人负责开发数据库,另外的负责开发我的后台管理等等!

可以提高一个项目完成的速度!

  • 16
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 18
    评论
HBuilderX是DCloud推出的一款跨平台的开发工具,而uni-app是基于Vue.js框架的一种跨平台应用开发解决方案。下面我将简要介绍HBuilderX uni-app开发教程。 1. 环境搭建:首先,我们需要下载并安装HBuilderX开发工具,然后在工具的插件市场中搜索并安装uni-app插件。安装完成后,打开HBuilderX,点击新建uni-app项目,选择你的开发平台(如App、小程序等)和模板,填写项目名称和存储路径,点击完成即可创建一个uni-app项目。 2. 组件使用uni-app开发使用的是Vue.js框架,所以你可以使用Vue语法来编写你的界面和逻辑。在HBuilderX的编辑器中,可以直接创建和编辑uni-app项目中的页面,你可以添加页面、组件和自定义样式等。 3. API调用:uni-app封装了一些常用的API接口,可以用来进行数据交互、地理位置服务、摄像头调用等。你可以在编写代码的过程中,直接调用这些API接口来完成你的功能。 4. 打包发布:完成开发后,你可以选择将你的uni-app项目打包发布到不同的平台,如App、小程序等。在HBuilderX中,你可以选择对应的平台,然后进行打包操作。 总的来说,使用HBuilderX开发uni-app项目可以让你在一个工具中完成多个平台的开发,极大地提高了开发效率和便利性。你可以通过学习和实践上面的教程,掌握HBuilderX uni-app开发的基本技能,进行跨平台开发
评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

淼学派对

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值