logo开发者社区
小程序小游戏
登录
现在流行的云开发 懂前端就够了 就是这么简单

现在流行的云开发 懂前端就够了 就是这么简单

92浏览作者: gooking

什么是云开发

云开发就是指的你自己无需购买搭建服务器,无需架设后台管理系统,无需编写api接口,仅仅使用云端开箱即用的开放接口,即可实现网站、手机app、各种小程序的开发。

和传统模式的区别

开发效率

传统模式需要开发后台系统、开发api接口、各种测试工作(单元测试、集成测试、功能测试、安全测试、性能测试)、修复bug完善程序、购买服务器并部署;

云开发直接使用云端能力api接口,在线使用成熟的后台管理系统,免除了传统开发下70%的工作,开箱即用

成本

云开发节省了传统模式下开发后台、开发接口、购置服务器、服务器运维等成本,研发团队可以精简,成本上可以得到大大的提升

安全稳定性

云开发的后台系统及接口,经受过大规模用户的使用,在安全性、bug率上都会有很大的优势;自己开发的后台及接口,因为使用用户有限,使用场景相对局限,可能很多安全性的问题不一定通过测试人员就可以发现,有的时候系统中隐藏的某个安全隐患或许能导致巨大的风险和损失;

云开发一般都是使用的大规模的服务器集群以支撑大规模用户的海量访问,所以在服务器运维方面都会有专业的团队来负责,所以在服务器的安全性上也有很大的优势;传统模式自己搭建的服务器,且不说存在单机故障风险,难以抵挡攻击(比如DDOS),运维能力也相对较弱,多有服务器被成为肉鸡、矿机...

性能

云开发一般采用服务器集群,跨机房数据异地备份,G口带宽,而这些都是自己部署服务器很难达到的,如果是小型站点或者app,很难有这样的预算;云开发因为提供给海量用户使用,所以分摊下来以后,成本却变得大家都容易接受了。

开通云开发

访问 https://admin.it120.cc/ 免费注册接口开通

根据你自己的业务需要,启用对应的功能模块,你的后台即可展现对应的功能菜单,至此你就拥有了专属后台管理系统

现在流行的云开发 懂前端就够了 就是这么简单
云开发在线管理系统

云开发能实现什么功能

目前“api工厂”的云开发,已经可以全面支持商城(多门店、分销体系、SKU、秒杀、订单及物流)、CRM(用户管理、会员体系)、CMS(分类、信息、单页、留言交互评论、公告管理)、营销辅助(砍价、团购)、实用工具(预约、排队叫号、抽奖、投票)、财务管理(充值、提现、保证金)、积分体系(签到、积分规则、积分商城、积分抵扣)、云存储、视频点播

多端支持

目前可以支持网站类开发(Ajax、vue、react、angular)、APP开发(android、ios、flutter、react native、uniapp)、小程序开发(微信小程序、头条抖音小程序、QQ小程序、支付宝小程序、百度小程序等)

如何对接云开发后台的数据

通过云开发提供的api接口,可实现多端与后台数据的无缝对接,具体可以参考云开发的接口文档(https://api.it120.cc/doc.html),或者是云开发的 SDK (使用SDK会更加简单)

APP启动图的例子

下面列举一个简单的 app 启动图的例子,手机打开app以后,展示3张启动图片,通过左滑、右滑可切换图片,滑到最后一张后,点击 “进入app”的按钮,进入 app 的主界面;

现在头条抖音小程序比较流行,就举个小程序的例子吧~

后台添加启动图

现在流行的云开发 懂前端就够了 就是这么简单
添加Banner图片

前端代码读取图片数据

通过 TTAPI SDK 拉取后台设置的启动图数据

TTAPI.banners({
  type: 'app'
}).then(res => {
  this.setData({
    banners: res.data
  });
})

界面上显示启动图

<swiper class="swiper_box" bindchange="swiperchange" indicator-dots="true" indicator-active-color="#fff">
<swiper-item wx:for="{{banners}}" wx:key="id">
<image mode="aspectFill" bindtap="imgClick" src="{{item.picUrl}}" />
</swiper-item>
</swiper>
<view class="btn">
<button wx:if="{{swiperCurrent + 1 == swiperMaxNumber}}" type="primary" size="mini" bindtap="goToIndex" class="weui-btn mini-btn">进入店铺</button>
</view>

0后端编程,纯前端技术即可完成了传统 app 开发中的第一步!
云开发中的其他功能,触类旁通,就是这么简单粗暴~

最后一次编辑于 2020年04月05日

0条评论

加载中