前端云原生-微信小程序云服务配置详解

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

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

前端云原生-微信小程序云服务配置详解插图1

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

创建使用云开发项目

前端云原生-微信小程序云服务配置详解插图3

将AppID填入

选择小程序云开发 创建即可

成功后会为我们呈现一个实例

前端云原生-微信小程序云服务配置详解插图5

刚刚创建的云服务项目中 测试器中有以下错误

前端云原生-微信小程序云服务配置详解插图7

搭建云环境

点击上面的云开发 开通云开发

前端云原生-微信小程序云服务配置详解插图9

开始创建环境

前端云原生-微信小程序云服务配置详解插图11

环境名称自定义

点击确定等待30秒

搭建成功

前端云原生-微信小程序云服务配置详解插图13

成功后不能立即使用前面的错误仍然存在

等待10分钟即可使用

错误消失后 我们连接当前环境(选择我们刚刚配置的demo1)

前端云原生-微信小程序云服务配置详解插图15

测试云服务

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

前端云原生-微信小程序云服务配置详解插图17

点击获取openid 第一次点击时会报错

前端云原生-微信小程序云服务配置详解插图19

右键login文件夹 创建并部署

前端云原生-微信小程序云服务配置详解插图21前端云原生-微信小程序云服务配置详解插图23

成功后在云开发/云函数中可以看到

前端云原生-微信小程序云服务配置详解插图25

再次查看openid就可以看到了

1.1 创建部署login文件时报错

前端云原生-微信小程序云服务配置详解插图27

可以通过自己在云函数中创建一个login

前端云原生-微信小程序云服务配置详解插图29

创建后再次上传进行覆盖即可

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

点击新建云函数

前端云原生-微信小程序云服务配置详解插图31

创建云函数sum

前端云原生-微信小程序云服务配置详解插图33

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

前端云原生-微信小程序云服务配置详解插图35

//云函数入口文件constcloud=require('wx-server-sdk')cloud.init()//云函数入口函数exports.main=async(event,context)=>{constwxContext=cloud.getWXContext()return{//event,//openid:wxContext.OPENID,//appid:wxContext.APPID,//unionid:wxContext.UNIONID,sum:100}}

同样将sum进行部署

前端云原生-微信小程序云服务配置详解插图37

点击测试云函数

前端云原生-微信小程序云服务配置详解插图39

3. 上传图片

点击上传图片

前端云原生-微信小程序云服务配置详解插图41

上传成功 直接上传到云端

前端云原生-微信小程序云服务配置详解插图43

在云开发控制台/储存可以查看图片信息(可以直接使用图片的网络地址)

前端云原生-微信小程序云服务配置详解插图45

4. 前端操作数据库

打开云开发控制台

创建集合(数据库)

前端云原生-微信小程序云服务配置详解插图47

为集合添加数据(更新数据 删除数据 查看数据都是相同操作)

前端云原生-微信小程序云服务配置详解插图49

将上面的注释代码取消注释

点击新增记录

前端云原生-微信小程序云服务配置详解插图51

就在在集合中添加数据

前端云原生-微信小程序云服务配置详解插图53

1是系统自己创建id

2是系统自己创建的用户的信息openid

3是代码中的信息

5. 即时通信demo

添加集合名称为chatroom

前端云原生-微信小程序云服务配置详解插图55

设置增强编译

前端云原生-微信小程序云服务配置详解插图57

开启多账号调试

前端云原生-微信小程序云服务配置详解插图59

选择数量

前端云原生-微信小程序云服务配置详解插图61

确定后可以登录进行聊天

转自:https://blog.csdn.net/JHXL_/article/details/124541768

产品猿社区致力收录更多优质的商业产品,给服务商以及软件采购客户提供更多优质的软件产品,帮助开发者变现来实现多方共赢;

日常运营的过程中我们难免会遇到各种版权纠纷等问题,如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用,您可按照我们投诉流程处理,点我投诉

本文来自用户发布投稿,不代表产品猿立场 ;若对此文有疑问或内容有严重错误,可联系平台客服反馈;

部分产品是用户投稿,可能本文没有提供官方下下载地址或教程,若您看到的内容没有下载入口,您可以在我们产品园商城搜索看开发者是否有发布商品;若您是开发者,也诚邀您入驻商城平台发布的产品,地址:点我进入

如若转载,请注明出处:http://www.chanpinyuan.cn/33582.html;
(0)
上一篇 2023年1月17日 下午4:17
下一篇 2023年1月19日 下午4:16

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部