【玩转腾讯云】(负基础的超详细图文教程)云开发竟然可以直接开发网站应用

震惊了,年轻人的第一次云开发体验,竟然不用服务器就能部署自己的网站项目。

偶然看到了腾讯云公众号发布的这篇推文

0元免服务器,开发个人专属网盘 | 云开发WEB最佳实践

速读摘要

是在我们自己的设备上,使用社交软件传输文件还会面临着存储大小的限制,我们不得不又依赖存储介质才能完成传输。存文件时可以选择添加存储密码,也可以勾选取后即删。页面加载时执行匿名登录方法,登录成功后,就可以使用web-sdk包来做更多与云开发后端服务交互的事情了。我们在web页面中选择文件,设定了密码和删除逻辑后,就需要调用云开发的文件上传API来将文件上传。下载文件时,由于使用了腾讯云验证码,需要获取用户的IP地址。

原文约 2520 字 | 图片 16 张 | 建议阅读 6 分钟


小程序云开发

之前对小程序云开发略有一些了解,见识过云开发小程序的方便与快捷,使用了云开发,再写小程序后端数据存储就可以直接使用官方提供的云数据库,图片文件的存储也可以直接上来就用云存储,甚至呢,后台逻辑处理 都可以使用自己编写的云函数 和官方提供的云函数进行处理,简直是前端开发者的福音,作为一个之前一直在尝试学习后台开发的我,直接被震惊到了。

虽然说小程序云开发很是方便,但是我们日常生活中web网页的访问也是避免不了,既然小程序云开发对于数据和后台逻辑的处理这么方便和简洁,那么为什么web开发不能也使用云开发呢?但是由于微信生态的限制还是什么情况不得而知,云开发还只能活在小程序里面,虽然我对网站应用开发很感兴趣,但是云开发还是没能够支持网站应用的开发。

当我无意之间看到了 0元免服务器,开发个人专属网盘 | 云开发WEB最佳实践 这篇推文,惊奇的发现,云开发竟然已经支持了网站应用的开发,并且官方 开放了这个 开源的项目 https://f.dnuise.cn,我就迫不及待的 体验了一番 自己搭建。

项目链接

项目体验 地址 https://f.dnuise.cn

腾讯云官方的 Github 样例 仓库https://github.com/TencentCloudBase/Cloudbase-Examples

FILE-S跨平台文件转储工具 的项目 在 web 下的 files下面

  • 前往静态网站控制台-设置,复制域名信息下的默认域名;粘贴至cloudfunctions/functions/getFile/index.js第9行AllowOriginList数组中第1项。

回到云开发控制台 拿到域名

  • 使用CloudBase CLI工具登录后,进入cloudfunctions/目录,依次执行以下代码: 注意:envID 替换成自己的云开发环境ID
cloudbase functions:deploy -e envID delete
cloudbase functions:deploy -e envID downFile
cloudbase functions:deploy -e envID getFile
cloudbase functions:deploy -e envID myfile
cloudbase functions:deploy -e envID upload
cloudbase service:create -e envID -p getFile -f getFile
cloudbase functions:trigger:create -e envID delete
上面最后两行是为 getFile云函数创建HTTP服务 和 为delete创建触发器

在cmd里面输入这些代码 记得替换 envID

后续教程

自定义域名

云开发提供了完备的web端资源服务,但是一个对外公开使用的web项目需要有自己的备案域名,需要受到监管。所以,在正式对外推出之前,需要将云开发提供的默认域名替换成自己已经备案的域名

  • 前往静态网站控制台-设置,在【域名信息】下点击添加域名按钮,填写已经备案的域名。域名需要配有SSL证书,腾讯云下域名会自动监测证书;如果是非腾讯云旗下域名,则需要上传SSL证书。
  • 需要等待域名添加状态为【已启动】后,才可以去域名解析中配置CNAME。
  • 前往用户管理控制台-登录设置,在WEB安全域名中删除云开发的默认域名,只保留自定义域名。
  • cloudfunctions/functions/getFile/index.js第9行AllowOriginList数组中,将默认域名更换成自定义域名,保存;使用CloudBase CLI到cloudfunctions目录下,执行下面代码更新: 注意:envID 替换成自己的云开发环境ID
$ cloudbase functions:code:update -e envID getFile

其他说明

  • 为了全面展示腾讯云云开发的各项能力,有些地方代码不自然,可以根据自己的技术水准做升级
  • util-min.js是作者自己封装的JS方法库的一小部分,用于做原生JS应用的快速开发,目前无法做到开源水平,小打小闹。
  • 此项目为云开发原生JS-Demo,所以任何框架和库都没用,会计划对各大框架做云开发Demo,也欢迎各位大神前来贡献。
  • 如果对于此项目有任何疑惑可以在Github项目下new issues
本站文章资源均来源自网络,除非特别声明,否则均不代表站方观点,并仅供查阅,不作为任何参考依据!
如有侵权请及时跟我们联系,本站将及时删除!
如遇版权问题,请查看 本站版权声明
THE END
分享
二维码
海报
【玩转腾讯云】(负基础的超详细图文教程)云开发竟然可以直接开发网站应用
之前对小程序云开发略有一些了解,见识过云开发小程序的方便与快捷,使用了云开发,再写小程序后端数据存储就可以直接使用官方提供的云数据库,图片文件的存...
<<上一篇
下一篇>>