阅读 158

uniCloud 云开发入门

这是我参与8月更文挑战的第7天,活动详情查看:8月更文挑战

前言

最近在研究serverlee 各种云服务,在调试的时候发现需要上传到运动,需要等待2-5秒,各种不方便啊,想到之前听说过的uniCloud 开发号称对腾讯云和阿里云进行了,二次包装,所以想着再重新研究一下

什么是uniCloud

uniCloud 是 DCloud 联合阿里云、腾讯云,为开发者提供的基于 serverless 模式和 js 编程的云开发平台。

uniCloud 的 web控制台地址:unicloud.dcloud.net.cn

uniCloud 的价值

  • 对于程序员,从此你又get一个新技能,用熟悉的js,轻松搞定前后台整体业务。

  • 对于开发商:

    1. 开发成本大幅下降、开发效率大幅提升、上线和迭代速度大幅提速;
    2. 如果你是新创公司,将无需雇佣php或java等服务器工程师,每年至少节省几十万;
    3. 如果你已拥有掌握php和js的全栈,那么改用新的技术栈,一样可以大幅提升开发效率、降低成本;
    4. 你只需专注于你的业务,其他什么服务器运维、弹性扩容、大并发承载、防DDoS攻击,全都不需要操心;
    5. 除了开发成本,云资源租用成本也将大幅下降
    6. 如果不发布H5版,你将不需要购买备案域名。小程序和App可以免域名使用服务器;

看起来是不是很吸引人 ,搞起

1,下载HBuildex

下载地址:www.dcloud.io/ 安装比较简单,请大家自行安装,我下载的版本如下

image.png

一般学习的过程都是先模仿,那我们就先再demo学习,打开插件市场

ext.dcloud.net.cn/

我这里下载的是uni-starter 模版,是一个移动端的登录注册模版 这个是官方前端团队出品 , 质量有保障,直接导入hbuildx即可

image.png

这个时候你的目录如下

image.png

这里在你 unicloud目录下右键点击运行云空间向导

image.png

然后直接注册用户,创建空间即可(这里空间建议选择阿里云,因为是免费的,质量也相对比较好些)

上传所有的云函数 公共模块actions

image.png

这个时候基本项目就初始化完成了。 点击运行即可

云控制台

uniCloude 点击右键 image.png

数据库数据,表结构,云函数 一目了然,真香

image.png

image.png 效果如下

image.png

几个小技巧

  • 点击右上角预览可以打开内置浏览器进行调试

image.png

  • 可以链接本地云函数,这就意味之你改完代码马上就能看到效果 (666)

image.png

文章分类
前端
文章标签