一篇带你走进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控制台。就可以跳转到我们创建的阿里云空间：

 成员管理

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

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