使用云开发做个免登录资源导航小程序!
今天,一起来开发个资源导航微信小程序吧,要实现的功能很简单,就是所有用户都可以查看和推荐资源。
主要目的是通过实战,帮助大家快速了解下 小程序开发流程 和 云开发技术,学习更高效的小程序开发方式。
技术选型
首先选择小程序开发技术。开发小程序的过程和开发网站类似,都是要写前端(界面交互)和后端(请求处理逻辑)代码。
前端
前端方面我选择用 Taro 框架 + Taro UI 开发。Taro 是一个基于 React 的跨端开发框架,支持写一套代码,自动生成微信小程序、H5、APP 等应用,再加上框架为很多复杂的功能提供了函数封装,可以大大提升开发效率。而 Taro UI 是基于 Taro 的 UI 库,提供了很多现成的组件,比如图片上传、选择器等,可以满足常见的开发需求。
后端
后端就简单了,传统的方式是使用编程语言提供的后端开发框架,比如 Java 的 SpringBoot、PHP 的 Laravel、Python 的 Django 等,但往往需要自己搭建服务器、数据库、日志、监控、运维等等,对于只会前端或者想要快速开发小程序的同学来讲,简直就是噩梦!
因此我选择更高效便捷的方式,腾讯小程序云开发!
什么是云开发
小程序云开发是微信团队联合腾讯云推出的专业的小程序开发服务,帮助大家快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力。
云开发的优势有哪些呢?
- 开发者无需搭建后端服务器,只需使用平台提供的各项能力(比如云数据库、云存储、音视频、AI 等),即可快速开发业务。
- 安全易接入:无需管理证书、签名、秘钥,直接调用微信 API 。复用微信私有协议及链路,保证业务安全性。
- 多端复用:支持环境共享,一个后端环境可开发多个小程序、公众号、网页等,便捷复用业务代码与数据。
- 不限开发语言和框架:开发者可以使用任意语言和框架进行代码开发,构建为容器后,快速将其托管至云开发。
- 按量计费,成本更低,支持自动扩缩容
- 扩展能力:支持一键部署静态网站,并能用云 CMS 管理数据内容
其中,最吸引我的就是云开发的高效便捷,不用自己搞服务器、搭数据库,也不用处理和微信对接的复杂逻辑,只需要专注于实现功能本身即可,而且可以直接用云开发 SDK 提供的各种函数,开发效率拉满!
比如查询数据,几行代码搞定!
应用开发
下面来开发小程序,包含初始项目搭建、前端页面开发、接入云开发等步骤。
项目搭建
首先我们参照 Taro 框架官方文档的快速开始部分,安装 Taro 命令行工具,并初始化一个小程序应用。
前端开发
我们总共要创建两个页面,资源列表页和推荐资源页,需要用到的组件有列表、表单、输入框、按钮、图像上传等。
Taro UI 支持以上所有组件,按照 Taro UI 的官方文档接入,复制组件代码到页面中修改即可,很快就能开发出这两个页面。
资源列表页的示例代码如下:
<View className='list'>
<!-- 列表组件 -->
<AtList>
{resourcesView}
</AtList>
<!-- 固钉组件,点击跳转至推荐页 -->
<AtFab className="fab-btn"
onClick={() => navTo(xx)}>
<AtIcon value='add'/>
</AtFab>
</View>
可以打开微信开发者工具查看页面效果:
上述规则中,resource
表示一个资源,将表达式改为 true,则允许所有用户读写存储的所有文件!
同理,也要修改云函数的安全规则,可以为不同云函数设置不同规则,比如 login
函数允许所有用户访问,而其他函数仅允许已登录用户访问:
安全规则非常灵活,合理运用,可以在满足资源调用需求的同时,增加资源的安全性,为应用安全保驾护航。
最后总结,通过本文,我们了解了小程序的开发过程,以及小程序云开发的用法、无登录资源调用的方式。相对于代码,思路更重要,也强烈建议大家试一试云开发,感受高效,轻松地做出自己的应用!