前端云原生——微信小程序云效劳配置

前端同样涉及云原生

前言创建使用云开发项目搭建云环境测试云效劳

1. 获取openid（上传本地login云函数）

1.1 创建部署login文件时报错

2. 自定义sum函数并创建部署3. 上传图片4. 前端操作数据库5. 即时通信demo



面试法宝

欢送各位小伙伴们！
为大家推荐一款刷题神奇哦 点击链接访问牛客网
各大互联网大厂面试真题。从根底到入阶乃至原理刨析类面试题 应有尽有，赶快来装备自己吧！助你面试稳操胜券，solo全局面试官

前言

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

将AppID填入选择小程序云开发 创建即可胜利后会为我们呈现一个实例




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

搭建云环境

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




开端创建环境




环境名称自定义点击确定等待30秒搭建胜利




胜利后不能立即便用前面的错误仍然存在等待10分钟即可使用错误消失后 我们连接当前环境（选择我们刚刚配置的demo1）

测试云效劳

1. 获取openid（上传本地login云函数）

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




右键login文件夹 创建并部署







胜利后在云开发/云函数中可以看到




再次查看openid就可以看到了

1.1 创建部署login文件时报错

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




创建后再次上传停止覆盖即可

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

点击新建云函数





创建云函数sum






• 云函数sum中的index.js更改为以下代码
  
  
  
  
  
  1. // 云函数入口文件const cloud =require('wx-server-sdk')
  3. cloud.init()// 云函数入口函数
  4. 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是系统自己创建id2是系统自己创建的用户的信息openid3是代码中的信息

5. 即时通信demo

添加集合名称为chatroom




设置加强编译




开启多账号调试




选择数量




确定后可以登录停止聊天

面试法宝

很多伙伴找到我询问面试题，问我针对于前端有没有比较体系化的面试题总结，今天就给大家推荐这款面试法宝
点击链接直达
https://www.nowcoder.com/link/jihexinliang260
就是我们的牛客网，各大互联网大厂面试真题。从根底到入阶乃至原理刨析类面试题 应有尽有，赶快来装备自己吧！助你面试稳操胜券，solo全局面试官