当前位置: 首页 > news >正文

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

 说明:

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

被称为全球领先的阿里云

 

 

 

阿里云创立于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控制台。就可以跳转到我们创建的阿里云空间:

 成员管理

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

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

相关文章:

  • 高蛋白饮食≠健康 多组学分析揭示植物高蛋白对血糖和肝脏脂质代谢的影响
  • 【HTML+CSS+JS表白网站搭建】520七夕到了,快搭个漂亮的表白网站送给TA吧
  • 【云原生】Elasticsearch + kibana on k8s 讲解与实战操作
  • 10月计算机类SCI合集来了,多领域极速审稿,想要快速录用吗?
  • (9)目标检测_SSD的原理
  • Java反射小练之手写BeanUtils的copyProperties(Upgrade)
  • 千粉缔造760w播放!B站“新人”UP主在B站怎么加速上位?
  • 对于B+树,为什么说一般查找行记录,最多只需1~3次磁盘IO
  • 如何在充满不确定性的当下探索未来?
  • FPGA—从加法运算理解流水线的作用
  • i.MX 6ULL 驱动开发 十五:按键中断(input子系统)
  • Django用户认证系统
  • 论坛介绍 | COSCon'22 开源硬件(H)
  • 【Vulnhub靶场】——HARRYPOTTER第三部: FAWKES
  • [附源码]Java计算机毕业设计SSMjava视频点播系统
  • 5、React组件事件详解
  • Android 架构优化~MVP 架构改造
  • Angular 响应式表单 基础例子
  • Brief introduction of how to 'Call, Apply and Bind'
  • C学习-枚举(九)
  • JS基础篇--通过JS生成由字母与数字组合的随机字符串
  • Linux CTF 逆向入门
  • node 版本过低
  • Shell编程
  • win10下安装mysql5.7
  • 从setTimeout-setInterval看JS线程
  • 如何选择开源的机器学习框架?
  • 手机app有了短信验证码还有没必要有图片验证码?
  • 赢得Docker挑战最佳实践
  • 小白应该如何快速入门阿里云服务器,新手使用ECS的方法 ...
  • ​520就是要宠粉,你的心头书我买单
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • #我与Java虚拟机的故事#连载09:面试大厂逃不过的JVM
  • #预处理和函数的对比以及条件编译
  • $(selector).each()和$.each()的区别
  • (1)Nginx简介和安装教程
  • (办公)springboot配置aop处理请求.
  • (使用vite搭建vue3项目(vite + vue3 + vue router + pinia + element plus))
  • (四)docker:为mysql和java jar运行环境创建同一网络,容器互联
  • (算法)前K大的和
  • (五)大数据实战——使用模板虚拟机实现hadoop集群虚拟机克隆及网络相关配置
  • (一)80c52学习之旅-起始篇
  • .mat 文件的加载与创建 矩阵变图像? ∈ Matlab 使用笔记
  • .Net 4.0并行库实用性演练
  • .NET 表达式计算:Expression Evaluator
  • .NET/C# 中你可以在代码中写多个 Main 函数,然后按需要随时切换
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • .Net接口调试与案例
  • .NET设计模式(8):适配器模式(Adapter Pattern)
  • .NET应用架构设计:原则、模式与实践 目录预览
  • .NET值类型变量“活”在哪?
  • /proc/vmstat 详解
  • @RequestMapping用法详解
  • [2019.2.28]BZOJ4033 [HAOI2015]树上染色
  • [Android 数据通信] android cmwap接入点