当前位置: 代码网 > 移动>腾讯>微信 > 微信小程序云服务配置详解

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

2025年03月30日 微信 我要评论
本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于云服务的配置详解,包括了创建使用云开发项目、搭建云环境、测试云服务等等内容,下面一起来看一下,希望对大家有帮助。【相关学习推荐:微信小程

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于云服务的配置详解,包括了创建使用云开发项目、搭建云环境、测试云服务等等内容,下面一起来看一下,希望对大家有帮助。

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

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

如今云原生已经非常火热,很多伙伴说我们前端领域涉及到云原生么?当然了!今天就来为大家介绍我们最直白的涉及到的云原生,就是我们微信小程序开发中的云函数云存储

创建使用云开发项目

在这里插入图片描述

  • 将appid填入
  • 选择小程序云开发 创建即可
  • 成功后会为我们呈现一个实例
    在这里插入图片描述
  • 刚刚创建的云服务项目中 测试器中有以下错误
    在这里插入图片描述

搭建云环境

  • 点击上面的云开发 开通云开发
    在这里插入图片描述
  • 开始创建环境
    在这里插入图片描述
  • 环境名称自定义
  • 点击确定等待30秒
  • 搭建成功
    在这里插入图片描述
  • 成功后不能立即使用前面的错误仍然存在
  • 等待10分钟即可使用
  • 错误消失后 我们连接当前环境(选择我们刚刚配置的demo1)
    在这里插入图片描述

测试云服务

1. 获取openid(上传本地login云函数)

在这里插入图片描述

  • 点击获取openid 第一次点击时会报错
    在这里插入图片描述
  • 右键login文件夹 创建并部署
    在这里插入图片描述
    在这里插入图片描述
  • 成功后在云开发/云函数中可以看到
    在这里插入图片描述
  • 再次查看openid就可以看到了

1.1 创建部署login文件时报错

在这里插入图片描述

  • 可以通过自己在云函数中创建一个login
    在这里插入图片描述
  • 创建后再次上传进行覆盖即可

2. 自定义sum函数并创建部署

  • 点击新建云函数
    在这里插入图片描述

  • 创建云函数sum
    在这里插入图片描述

  • 云函数sum中的index.js更改为以下代码
    在这里插入图片描述

    // 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => {
      const wxcontext = cloud.getwxcontext()
    
      return {
        // event,
        // openid: wxcontext.openid,
        // appid: wxcontext.appid,
        // unionid: wxcontext.unionid,
        sum:100
      }}
    登录后复制
  • 同样将sum进行部署
    在这里插入图片描述

  • 点击测试云函数
    在这里插入图片描述

3. 上传图片

  • 点击上传图片
    在这里插入图片描述
  • 上传成功 直接上传到云端
    在这里插入图片描述
  • 在云开发控制台/储存可以查看图片信息(可以直接使用图片的网络地址)
    在这里插入图片描述

4. 前端操作数据库

  • 打开云开发控制台
  • 创建集合(数据库)
    在这里插入图片描述
  • 为集合添加数据(更新数据 删除数据 查看数据都是相同操作)
    在这里插入图片描述
  • 将上面的注释代码取消注释
  • 点击新增记录
    在这里插入图片描述
  • 就在在集合中添加数据
    在这里插入图片描述
  • 1是系统自己创建id
  • 2是系统自己创建的用户的信息openid
  • 3是代码中的信息

5. 即时通信demo

  • 添加集合名称为chatroom
    在这里插入图片描述
  • 设置增强编译
    在这里插入图片描述
  • 开启多账号调试
    在这里插入图片描述
  • 选择数量
    在这里插入图片描述
  • 确定后可以登录进行聊天

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

以上就是微信小程序云服务配置详解的详细内容,更多请关注代码网其它相关文章!

(0)

相关文章:

  • 微信小程序中textarea与input的问题总结

    本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于小程序中textarea与input的问题总结,这两个组件单独只用一个时,是没有什么问题的,但是当他们两个一起出现时…

    2025年03月30日 腾讯
  • 总结分享微信小程序常见面试题

    总结分享微信小程序常见面试题

    本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了一些常见的面试题,包括了怎么在小程序中获取用户信息、小程序中怎么实现父子组件传参,下面一起来看一下,... [阅读全文]
  • 微信小程序自动化部署

    本篇文章给大家带来了关于微信小程序的相关内容,其中主要介绍了微信小程序自动化部署的相关问题,日常开发微信小程序的流程是比较繁琐的,自动化部署流程可以缩减这个流程,下面一起来看一下,…

    2025年03月30日 腾讯
  • 归纳整理微信小程序常用表单组件

    本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了一些常用表单组件,包括了button、checkbox、input、label等等相关问题,下面一起来看一下,希望对大家…

    2025年03月30日 腾讯
  • 微信小程序开发之宿主环境详解

    本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于宿主环境的相关问题,手机微信是小程序的宿主环境,小程序借助宿主环境提供的能力,可以实现许多普通网页不能完成的功能,下…

    2025年03月30日 腾讯
  • 浅析微信小程序中自定义组件的方法

    浅析微信小程序中自定义组件的方法

    微信小程序中怎么自定义组件?下面本篇文章给大家介绍一下微信小程序中自定义组件的方法,希望对大家有所帮助!在微信小程序开发过程中,对于一些可能在多个页面都使用的页... [阅读全文]

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com