关注我们
成都多享科技二维码图片

成都多享科技有限公司

Chengdu DuoXiang Technology co., LTD

首页 > 小程序教程 > 小程序云开发实战项目-校园约拍小程序

小程序云开发实战项目-校园约拍小程序

2019-08-06

小程序云开发实战项目-校园约拍小程序。创意来源于生活,之所以开发这个校园约拍小程序,是给一个学生做毕设,学生在摄影选修课上常听老师抱怨外出写生老找不到模特,许多大学生都想拥有一套专属自己记忆的摄影作品,记录下不会磨灭的美好回忆,可如何找到让自己满意的摄影师是他们的难题。
悦拍屋是一个校园摄影O2O的约拍平台,提供全方位的约拍服务,同时提供一个自我展示,学习交流,互动娱乐的平台。接下来我将结合项目的讲解给大家分享一些实用技术和对于云开发的一些经验,希望对正在学习小程序的你有帮助。
小程序开发
在开发一个项目之前首先要进行技术选型从而降低产品开发的技术风险和提高开发效率,技术选型必须得紧紧围绕着业务场景来选择。
产品原型设计:墨刀
UI组件库
1.微信原生样式库WeUI,让用户使用感知更加统一
2.注重视觉交互体验的ColorUI组件库,在感知统一的基础上视觉元素多样化
前端
1.小程序原生语法以及API
2.Promise实现异步调用
3.ES6编写页面交互逻辑
后端
1.云函数:无需自建服务器,在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码
2.云数据库:无需自建数据库,一个既可在小程序前端操作,也能在云函数中读写的 JSON 数据库
3.云存储:实现小程序前端直接上传/下载云端文件,在云开发控制台可视化管理
4.云调用:由原生微信服务集成,基于云函数免鉴权使用小程序开放接口的能力,包括服务端调用、获取开放数据等能力
其他
1.使用微信提供的云测试对未上线的小程序进行缺陷测试、性能数据分析、机型覆盖测试,确保小程序上线后正常运营
2.使用基于云开发的AI视觉能力-身份证识别实现实名认证,智能鉴黄结合人工完成发布信息的审核
3.开发工具:微信开发者工具、VScode
4.部分图标使用自阿里巴巴矢量图标库
悦拍屋的整体色调为浅蓝色,各位小伙伴在开发自己项目的时候可以根据色彩标准搭配来设计项目所采用的色彩,合适的色彩搭配可以给用户良好的视觉体验。
功能模块详解:接下来我会对部分功能模块以图文结合的形式详细描述,将其中涉及的技术、知识分享给大家。
约拍邀请:用户可在首页查看约拍需求,并点击查看需求详情,用户在了解需求后,若自己符合条件即可提交约拍信息,等待发布者的回复,可将此需求收藏方便查看。
技术分享:自定义顶部导航栏。
官方默认的导航栏只能对背景颜色进行更改,对于想要在导航栏添加一些比较酷炫的效果则需要通过自定义导航栏实现实现原理:通过设置app.json中页面配置的navigationStyle(导航栏样式)配置项的值为custom,即可实现自定义导航。
特别提醒1:使用自定义导航后,页面的返回需要在自定义导航栏中自行设置。
特别提醒2:导航栏组件需要自行引入ColorUI组件库后才能使用,具体引入教程地址在附录中给出。
发布约拍:选择发布约拍功能填写约拍需求,提交审核通过后可在首页实时查看发布结果。
特别提醒:动画的延迟时间,执行时间可以自行设计,动画效果过渡自然即可。
特别提醒:由于触发动画的钩子函数定义在页面初次渲染的生命周期函数中,故只有在页面初次渲染时才执行,避免每次显示页面时加载动画造成用户的视觉疲劳。
实名认证:嘿嘿,由于懒得给个人信息打码,就暂时不给大家演示认证过程了。
技术分享:Ai视觉能力。很多小伙伴都有过在自己项目中使用AI技术的想法,但又因为入门AI的难度比较大,并且需要的时间较长就放弃了,现在给大家安利一个可以直接使用的AI服务,让AI不再具有神秘感(AI大佬可以忽略此部分。)
方案一:在腾讯云中搜索身份证识别,上面会有详细的API文档以及测试工具帮助你快速使用。
方案二:方案一是以提供API接口的形式提供身份证识别服务,而接下来要介绍的方案真的就比较简单了,在腾讯云中搜索智能图像,其中的增值服务AI智能图像能力,你可以通过云函数和云存储实现相应功能,基于小程序云开发的 AI DEMO中开发好了部分功能,你只需通过教程将云函数和组件引入你的项目即可使用。
特别提醒:当然使用这些服务也并非是完整的解决方案,对于身份证信息的加密、存储方案、安全协议等还是需要各位小伙伴自行设计解决方案哦。
云开发:云开发为开发者提供完整的原生云端支持和微信服务支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。
官方文档中API被分为了小程序端和服务端,一开始看过两端的API之后,感觉好像没有什么不同啊,在查阅相关资料以及实际开发中某些业务的处理总结出一些经验后才明白了两者的不同,下面给各位具体说说两者的不同之处,应该能帮助大家在使用云开发实战时少踩一点坑。
在小程序端可以选择直接操作数据库,但由于是前端操作数据库存在一些安全问题,有较多的权限限制,在云控制中可对每个集合进行权限设置,这也就是为什么有小伙伴在小程序端对某些数据进行更新,显示更新成功但并未更新数据,就是因为小程序端默认只能更新当前用户写入的数据
特别提醒:在小程序端使用创建者的权限对数据进行修改时一定要确保该集合中有_openid字段,否则系统在权限判断时是没有办法识别当前操作为创建者的,数据修改无法执行
服务端:服务端拥有管理员的权限,对所有数据拥有读写权限
结语:一个人手撸个全栈项目确实很辛苦,但收获也很多。至少对于小程序的实战开发更为熟练了,对MVVM的思想的理解也更加深刻了。技术发展得很快,学习一项技术如果不深入其本质,那么技术是学不完的。深入学习就是个解决问题的过程,或是帮助别人解决问题,或是借助他人的力量解决问题。目前在正在学习Vue、React、TypeScript等技术,后续会推出相关技术的项目解析文章,希望对于同样在学习的你有帮助。
Copyright 2014 duoxiang.net, All Rights Reserved 版权所有 蜀ICP备10020808号成都多享科技有限公司网站地图

电话:18980476739邮箱:dx@duoxiang.net

地址:成都市高新区天府二街蜀都中心2栋5F


版权所有 蜀ICP备10020808 -1