微信小程序云开发之那些必须的配置

在这里插入图片描述

用微信开发者工具开发小程序非常的方便。但是里面有几点是需要注意的
  • 项目的目录一定是空文件夹。
  • APPID 可在微信公众平台中获取。如果是云开发的话,记得不要选测试号。不然构建好的项目中,是没有云开发这个选项的。
  • 创建好项目之后,点击 云开发 按钮,填好信息,就可以愉快的进行开发了。
  • 之后的项目开发中,使用到 云开发时,记得打开这个 云开发,不然调用是会报错的。
  • 项目初始化好之后,在根目录下的 app.js中,填写 env: '云环境ID'

项目目录如下

在这里插入图片描述

使用云开发之前,要指定云开发环境

在这里插入图片描述
这个过程可能需要花费一些时间,请耐心等待。

温馨提示:每次改动云函数都需要同步

通过云函数操作云数据库。
  • 点击新建 Node.js 云函数,就可以建立一个云函数。(每一次改动云函数都需要上传并部署),选中该函数 -> 右键 -> 选择上传并部署(不上传node_modules),等待上传。上传成功之后,就可以在云函数里面操作云数据库,(小程序云端函数,支持 async 和 await 语法。)
云函数中数据库的初始化
cloud.init()
const db = cloud.database()
// 获取数据库中的集合
const playlistCollection = db.collection('playlist')
  • 在云数据库中,新建集合
    在这里插入图片描述
    点击 + 号,即可创建集合(有点类似于 MongoDB吧)

  • 小程序端通过云函数调用云数据库
    首先在云函数里面安装三个依赖(这个因人而异,我学小程序的时候就是这么操作的)
    选中一个云函数 -> 右键 -> 在终端打开

"request": "^2.88.2",
"request-promise": "^4.2.5",
"tcb-router": "^1.1.2",

安装成功之后,右键 -> 上传并部署(不上传node_modules)

使用示例

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
const db = cloud.database()
const rp = require('request-promise')
const URL = 'http://examples'

const playlist = await rp(URL).then((res) => {
   return JSON.parse(res).result
})
// 云函数入口文件
const cloud = require('wx-server-sdk')
const TcbRouter = require('tcb-router')
const rp = require('request-promise')
const BASE_URL = 'http://examples'
cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
  const app = new TcbRouter({
    event
  })
  app.router('playlist', async (ctx, next) => {
    ctx.body = await cloud.database().collection('playlist')
      .skip(event.start)
      .limit(event.count)
      .orderBy('createTime', 'desc')
      .get()
      .then((res) => {
        return res
      })
  })
  return app.serve()
}

小程序端

_getPlaylist() {
    wx.cloud.callFunction({
      name: "music",
      data: {
        start: this.data.playlist.length,
        count: MAX_LIMT,
        $url: 'playlist'
      }
    }).then((res) => {
      console.log('playList', res)
    })
  },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值