小程序之云开发初体验


目录

  • 1、小程序之云开发初体验。完全基于云开发的小程序《甜蜜婚礼》。
  • 2、小程序效果图
  • 3、源码
  • 4、注意
  • 5、我的云开发配置
    • 5.1、点击云开发,开通进入设置界面
    • 5.2、复制自己的环境ID,设置到app.js
    • 5.3、上传照片到云存储
    • 5.4、创建json数据库
  • 6、结语

1、小程序之云开发初体验。完全基于云开发的小程序《甜蜜婚礼》。 婚期将近,本人亲自操刀制作了一款基于云开发的小程序“甜蜜婚礼”。也算是体验了下次小程序云开发,确实非常便捷。任何人都不在受限于域名和服务器,因为完全不需要这些东西,都能够快速的开发出一款可上线的小程序。“甜蜜婚礼”小程序已上线,欢迎大家扫码体验。
能送上祝福就更好啦。
小程序之云开发初体验
文章图片

2、小程序效果图 小程序之云开发初体验
文章图片
小程序之云开发初体验
文章图片

小程序之云开发初体验
文章图片
小程序之云开发初体验
文章图片

小程序之云开发初体验
文章图片
小程序之云开发初体验
文章图片

3、源码 源码已上传至GitHub,可以的话,来个star呀!(^ _ ^)【传送门】
4、注意 在使用云开发的时候,因为我们经常用到分页加载,这个地方有一个坑,请大家特别留意。
db.collection('friendMsgList').skip((pageindex - 1) * size).limit(pagesize).orderBy('msgtime', 'desc')

如上面的按照时间倒序,分页加载消息列表的数据。
limit 设置每页加载的大小。
skip 从指定序列后的结果开始返回,就是我们常说的数据偏移。
这里有一个坑,就是调试基础库版本小于2.3.0的时候,这个偏移值不能设置成0。这个应该是一个bug,升级到2.3.0就没有这个问题了。
5、我的云开发配置 5.1、点击云开发,开通进入设置界面 小程序之云开发初体验
文章图片

5.2、复制自己的环境ID,设置到app.js 小程序之云开发初体验
文章图片
小程序之云开发初体验
文章图片

5.3、上传照片到云存储 因为我拍了5个场景的照片,所以新建了5个文件夹,分别上传了不同场景的照片。这个根据自己的情况来,全部传到一个文件夹也没关系。
可以访问的照片地址就是上传之后的 File ID,直接复制就行。
小程序之云开发初体验
文章图片

5.4、创建json数据库 小程序之云开发初体验
文章图片

我这里创建了5个集合。导出的 json 集合都在这里 【db_json】,可以自己下载修改后直接导入。
friendMsgList : 保存用户评论的表,就是朋友送祝福的。这个表添加好需要的字段就行(这个要注意一下设置访问权限)。
indexHunShaList :首页信息的一个表,我单独存了,可以查看相应的json,自己改改内容。
indexTitle:这个里面就放了一个启动页的文字,可以自己改。
inviteTab :这个里面存放了邀请函的信息,包括地址、经纬度等信息,自行修改再导入就行。
picListDetails :这个里面存的最多,就是照片列表信息了。包括照片地址、类型、类型名称、文字说明等。
6、结语 还有整整一个月就结婚啦。跟谈了7年多的女盆友也终于修成正果了。回过头想一想,这一路走过来,我真的欠她很多。因为我是真的不懂浪漫啊! 很感激这么多年都坚持了下来。
最后也祝愿所有同行们,家庭幸福、事业有成!
【小程序之云开发初体验】本人公众号,关注一波,共同交流吧。
小程序之云开发初体验
文章图片

    推荐阅读