QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

微信小程序

小程序云开发 ——基础知识

 admin  2022-06-08 23:53:48
一、云开发主要包含以下

使用 云数据库 存储、查询、推送数据;
使用 存储 对文件进行存储;
使用 云函数 运行后端代码;
使用 云托管 部署后台服务;
使用 云调用 调用微信开放接口;
使用 CMS 管理后台数据;
使用 静态网站托管 部署网站。

二、部署云函数步骤

1、右键couldFunctions 选择环境配置
2、默认的quickstartFunctions 右键 上传并部署:云端安装依赖(不上传node_module)
一般情况一个云函数需要创建一个目录,项目很多功能时需要创建很多云函数容易导致很乱,quickstartFunctions提供解决方案,截取event.type 来调用对应的云函数,可以把很多个云函数功能目录集合放在一个大目录中

二、云函数调用
1、getOpenId 获取当前用户openid的云函数代码
  1. const cloud = require('wx-server-sdk'); 
  2. // 初始化云开发环境 
  3. cloud.init({ 
  4.   env: cloud.DYNAMIC_CURRENT_ENV 
  5. }); 
  6.  
  7. // 获取openId云函数入口函数 
  8. exports.main = async (event, context) => { 
  9.   // 获取基础信息 
  10.   const wxContext = cloud.getWXContext(); 
  11.   return { 
  12.     openid: wxContext.OPENID, 
  13.     appid: wxContext.APPID, 
  14.     unionid: wxContext.UNIONID, 
  15.   }; 
  16. }; 

2、小程序页面中调用云函数
  1. wx.cloud.callFunction({ 
  2.    name: 'quickstartFunctions'
  3.    data: { 
  4.      type: 'getOpenId' 
  5.    } 
  6. }).then((resp) => { 
  7. // 返回值 
  8. }).catch((e) => { 
  9. }); 
三、数据库
以sales 销售表为例


1、创建数据表
  1. const db = cloud.database() 
  2. db.createCollection('sales'

当然也可以在云开发控制台 - 数据库 - 记录列表手动创建集合sales

2、插入数据
  1. db.collection('sales').add({ 
  2.   // data 字段表示需新增的 JSON 数据 
  3.   data: { 
  4.     region: '华东'
  5.     city: '上海'
  6.     sales: 11 
  7.   } 
  8. }) 

3、更新数据
  1. db.collection('sales').where({ 
  2.   //  这里查询条件,查到的数据做更新操作 
  3. }) 
  4.   .update({ 
  5.     data: { 
  6.       sales: event.data[i].sales 
  7.     }, 
  8.   }) 

4、查询数据
  1. db.collection('sales').get() 

5、聚合查询
聚合是一种数据批处理的操作
  1. db.collection('sales').aggregate() 
  2.   .group({ 
  3.     _id: '$region',  // 按 region 字段分组 
  4.     // 让输出的每组记录有一个 sum 字段,其值是组内所有记录的 sales 字段的总和 
  5.     sum: $.sum('$sales'
  6.   }) 
  7.   .end() 

操作数据库,需要注意数据库的权限设置:
官方—基础权限设置

四、 云存储
选择一张图片并上传
  1. // 让用户选择一张图片 
  2.     wx.chooseImage({ 
  3.       count: 1, 
  4.       success: chooseResult => { 
  5.         // 将图片上传至云存储空间 
  6.         wx.cloud.uploadFile({ 
  7.           // 指定上传到的云路径 
  8.           cloudPath: 'my-photo.png'
  9.           // 指定要上传的文件的小程序临时文件路径 
  10.           filePath: chooseResult.tempFilePaths[0], 
  11.           config: { 
  12.             env: this.data.envId 
  13.           } 
  14.         }).then(res => { 
  15.           console.log('上传成功', res); 
  16.           this.setData({ 
  17.             imgSrc: res.fileID 
  18.           }); 
  19.           wx.hideLoading(); 
  20.         }).catch((e) => { 
  21.           console.log(e); 
  22.           wx.hideLoading(); 
  23.         }); 

五、 CMS 管理后台
由于上面的数据库只能在小程序开发工具上的云开发控制台查看,除了开发人员,对于运营或其他人员不是很友好,所以引出了CMS管理后台网页端,能简单明了查看项目相关的数据

¥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏,我们将继续分享更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

本文《小程序云开发 ——基础知识》发布于石头博客文章,作者:admin,如若转载,请注明出处:https://www.pweb123.com/xiaocheng/wxapp/860.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换

添加微信好友

添加微信好友

微信小程序

百度小程序