前端同样涉及云原生

- 前言
- 创建使用云开发项目
- 搭建云环境
- 测试云服务
- - 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更改为以下代码

// 云函数入口文件
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
设置增强编译
开启多账号调试
选择数量
确定后可以登录进行聊天

面试法宝

很多伙伴找到我询问面试题，问我针对于前端有没有比较体系化的面试题总结，今天就给大家推荐这款面试法宝
点击链接直达

https://www.nowcoder.com/link/jihexinliang260

就是我们的牛客网，各大互联网大厂面试真题。从基础到入阶乃至原理刨析类面试题应有尽有，赶快来装备自己吧！助你面试稳操胜券，solo全场面试官

前端云原生——微信小程序云服务配置相关推荐

原生微信小程序云音乐项目总结
功能概述:实现了基本云音乐APP的功能. 三个tabBar页面: 首页:视频页: 个人中心: 其他功能页面登录页: 每日推荐页: 播放歌曲: 一.首页简单运用了swiper和scroll-vie ...
uniapp云开发微信小程序云函数配置
1.项目根目录下新建云函数文件(cloidfunctions,里面最好有个js文件),如图 2.打开项目根目录的manifest.json文件,选择底部的'源码视图'.找到"mp-weixi ...
Free校园小程序开源发布，一款集合表白墙、失物招领、兼职和闲置二手买卖的云开发微信小程序
前言一个集合表白墙.失物招领.兼职和闲置二手买卖的云开发微信小程序校园服务小程序拥有表白墙.失物招领.兼职.闲置物品等功能,无后台,云开发,只需要搭建云数据库即可开源地址 GitHub开源地 ...
❤️微信小程序云开发教程合集（视频+图文）免费❤️
一.视频版微信小程序云开发视频教程上线啦二.图文版 (1)预备知识 1. 怎么注册开通个人微信小程序 2. 微信小程序云开发教程-互联网软件的运作模式 3.微信小程序云开发教程-云开发对微信小程序 ...
微信小程序云开发入门(图文详解)
以下内容是我第一次微信小程序云开发的一次记录,从真正的0基础入门,到基本掌握一些内容. 其中遇到的一些问题,和根据网上的一些资料,整理出来真正可用的,实测可行的源代码. 以下放出我的github源码 ...
简化后端：一篇带你走进云开发及小程序云开发的世界
目录前言小程序是什么什么是小程序的云开发目前国内云开发相对较成熟的云计算技术 1.阿里云 2.腾讯云 3.百度云 4.天翼云 5.金山云 6.Ucloud 7.华为云等公司云开发与传统开发的 ...
基于腾讯云服务器部署微信小程序后台服务（Python+Django）
一前言微信小程序,相信大家早已熟知,它是一种无需下载安装即可使用的轻型应用,具有跨平台和接近Native App性能体验的优势.从开发模式上说,它是前后端分离的,微信小程序负责实现前端应用,后端服 ...
微信小程序云开发及背后的云服务支持。
文章目录导语什么是微信小程序云开发? 云开发的优势云开发的技术生态支持微信云开发主要能力特性云数据库: 云函数: 云存储: 身份认证: 云调用: 云开发与传统开发的模式区别小程序云开发带来 ...
浅谈对腾讯云微信小程序解决方案服务端的理解（主要针对信道服务）
浅谈对腾讯云微信小程序解决方案服务端的理解(主要针对信道服务) 参考文章: (1)浅谈对腾讯云微信小程序解决方案服务端的理解(主要针对信道服务) (2)https://www.cnblogs.com/ ...

前端云原生——微信小程序云服务配置