微信小程序云服务配置详解-小程序开发

首页 2024-07-09 07:43:24

本文为您带来了微信applet的相关知识,主要介绍了云服务的详细配置,包括创建和使用云开发项目、构建云环境、测试云服务等。让我们来看看。我希望这对你有帮助。

【相关学习推荐:小程序学习教程】

现在云原生已经很热了。很多合作伙伴说我们的前端领域涉及云原生吗?当然今天我们就来介绍一下我们微信小程序开发中最直白的云原生云函数云存储。

创建使用云开发项目

  • 填写AppID
  • 选择小程序云开发 创建即可
  • 成功后会给我们一个例子
  • 刚刚创建的云服务项目 测试器中有以下错误
搭建云环境
  • 点击上面的云开发 开通云开发
  • 开始创造环境
  • 自定义环境名称
  • 点击确定等待30秒
  • 搭建成功
  • 成功后不能立即使用前面的错误仍然存在
  • 等待10分钟
  • 错误消失后 我们连接当前环境(选择我们刚刚配置的demo1)
测试云服务 1. 获取openid(上传本地login云函数)

  • 点击获取openidid 第一次点击时会报错
  • 右键login文件夹 创建并部署

  • 成功后在云开发/云函数中可以看到
  • 再次查看openid即可看到
1.1 创建和部署login文件时报错误

  • 你可以在云函数中创建一个login
  • 创建后,可以再次上传并覆盖
2. 创建和部署自定义sum函数
  • 点击新建云函数

  • 创建云函数sum

  • 云函数sum中的index.将js更改为以下代码

    //?云函数入口文件constttt?cloud?=?require('wx-server-sdk')cloud.init()//?exportsts云函数入口函数.main?=?async?(event,?context)?=>?{
    ??const?wxContext?=?cloud.getWXContext()
    
    ??return?{
    ????//?event,
    ????//?openid:?wxContext.OPENID,
    ????//?appid:?wxContext.APPID,
    ????//?unionid:?wxContext.UNIONID,
    ????sum:100
    ??}}
  • 部署sum也是如此。

  • 点击测试云函数

3. 上传图片
  • 点击上传图片
  • 上传成功 直接上传到云端
  • 可以在云开发控制台/存储中查看图片信息(可以直接使用图片的网络地址)
4. 前端操作数据库
  • 打开云开发控制台
  • 创建集合(数据库)
  • 集合添加数据(更新数据) 删除数据 查看数据是相同的操作)
  • 取消上述注释代码的注释
  • 点击新记录
  • 在集合中添加数据
  • 11系统自己创建id
  • 2是系统自己创建的用户信息openid
  • 三是代码中的信息
5. 即时通信demo
  • 添加集合名称为chatromo
  • 设置增强编译
  • 打开多账户调试
  • 选择数量
  • 确定后,您可以登录聊天

【相关学习建议:小程序学习教程】

以上是微信小程序云服务配置的详细内容,请关注其他相关文章!


p