### [微信小程序云服务配置详解](https://www.prosaas.cn/article/16283)

**Published:** 2022-05-27T03:53:55

**Author:** 5201314

**Excerpt:** 本篇文章给大家带来了关于微信小程序的相关知识，其中主要介绍了关于云服务的配置详解，包括了创建使用云开发项目、搭…

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

![](https://img.php.cn/upload/article/000/000/067/62904b0747b77671.jpg)

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

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

## 创建使用云开发项目

![](https://img.php.cn/upload/article/000/000/067/679b593b95590329e60f83ce8479bedf-0.png)

-   将AppID填入
-   选择小程序云开发 创建即可
-   成功后会为我们呈现一个实例  
    ![](https://img.php.cn/upload/article/000/000/067/36cda562df624a2b5cd7a3dc5ab3d336-1.png)
-   刚刚创建的云服务项目中 测试器中有以下错误  
    ![](https://img.php.cn/upload/article/000/000/067/36cda562df624a2b5cd7a3dc5ab3d336-2.png)

## 搭建云环境

-   点击上面的云开发 开通云开发  
    ![](https://img.php.cn/upload/article/000/000/067/2720a785f4e1d981922c60a628fcd7cc-3.png)
-   开始创建环境  
    ![](https://img.php.cn/upload/article/000/000/067/2720a785f4e1d981922c60a628fcd7cc-4.png)
-   环境名称自定义
-   点击确定等待30秒
-   搭建成功  
    ![](https://img.php.cn/upload/article/000/000/067/2720a785f4e1d981922c60a628fcd7cc-5.png)
-   成功后不能立即使用前面的错误仍然存在
-   等待10分钟即可使用
-   错误消失后 我们连接当前环境（选择我们刚刚配置的demo1）  
    ![](https://img.php.cn/upload/article/000/000/067/a48380d80d427373bcab6d5c8cea83c5-6.png)

## 测试云服务

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

![](https://img.php.cn/upload/article/000/000/067/a48380d80d427373bcab6d5c8cea83c5-7.png)

-   点击获取openid 第一次点击时会报错  
    ![](https://img.php.cn/upload/article/000/000/067/a48380d80d427373bcab6d5c8cea83c5-8.png)
-   右键login文件夹 创建并部署  
    ![](https://img.php.cn/upload/article/000/000/067/a48380d80d427373bcab6d5c8cea83c5-9.png)  
    ![](https://img.php.cn/upload/article/000/000/067/39c61d584e5bdd6f0e0afaa2c2176681-10.png)
-   成功后在云开发/云函数中可以看到  
    ![](https://img.php.cn/upload/article/000/000/067/39c61d584e5bdd6f0e0afaa2c2176681-11.png)
-   再次查看openid就可以看到了

#### 1.1 创建部署login文件时报错

![](https://img.php.cn/upload/article/000/000/067/39c61d584e5bdd6f0e0afaa2c2176681-12.png)

-   可以通过自己在云函数中创建一个login  
    ![](https://img.php.cn/upload/article/000/000/067/74809bdb0c6a2b026e681e6824b4d7af-13.png)
-   创建后再次上传进行覆盖即可

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

-   点击新建云函数  
    ![](https://img.php.cn/upload/article/000/000/067/74809bdb0c6a2b026e681e6824b4d7af-14.png)
    
-   创建云函数sum  
    ![](https://img.php.cn/upload/article/000/000/067/74809bdb0c6a2b026e681e6824b4d7af-15.png)
    
-   云函数sum中的index.js更改为以下代码  
    ![](https://img.php.cn/upload/article/000/000/067/74809bdb0c6a2b026e681e6824b4d7af-16.png)
    
    // 云函数入口文件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进行部署  
    ![](https://img.php.cn/upload/article/000/000/067/ac993a4cb1c2563cbc5a792ec846acc0-17.png)
    
-   点击测试云函数  
    ![](https://img.php.cn/upload/article/000/000/067/ac993a4cb1c2563cbc5a792ec846acc0-18.png)
    

### 3\. 上传图片

-   点击上传图片  
    ![](https://img.php.cn/upload/article/000/000/067/ac993a4cb1c2563cbc5a792ec846acc0-19.png)
-   上传成功 直接上传到云端  
    ![](https://img.php.cn/upload/article/000/000/067/ac993a4cb1c2563cbc5a792ec846acc0-20.png)
-   在云开发控制台/储存可以查看图片信息（可以直接使用图片的网络地址）  
    ![](https://img.php.cn/upload/article/000/000/067/8202053a2328fa659348cb673a6e7ab8-21.png)

### 4\. 前端操作数据库

-   打开云开发控制台
-   创建集合（数据库）  
    ![](https://img.php.cn/upload/article/000/000/067/8202053a2328fa659348cb673a6e7ab8-22.png)
-   为集合添加数据（更新数据 删除数据 查看数据都是相同操作）  
    ![](https://img.php.cn/upload/article/000/000/067/8202053a2328fa659348cb673a6e7ab8-23.png)
-   将上面的注释代码取消注释
-   点击新增记录  
    ![](https://img.php.cn/upload/article/000/000/067/c70ba206d0eb18815a7ee6297320f0dc-24.png)
-   就在在集合中添加数据  
    ![](https://img.php.cn/upload/article/000/000/067/c70ba206d0eb18815a7ee6297320f0dc-25.png)
-   1是系统自己创建id
-   2是系统自己创建的用户的信息openid
-   3是代码中的信息

### 5\. 即时通信demo

-   添加集合名称为chatroom  
    ![](https://img.php.cn/upload/article/000/000/067/60b64a6d8119bf39991922a52023e5c5-26.png)
-   设置增强编译  
    ![](https://img.php.cn/upload/article/000/000/067/60b64a6d8119bf39991922a52023e5c5-27.png)
-   开启多账号调试  
    ![](https://img.php.cn/upload/article/000/000/067/60b64a6d8119bf39991922a52023e5c5-28.png)
-   选择数量  
    ![](https://img.php.cn/upload/article/000/000/067/06e71ac42858c6282dafca2650403f96-29.png)
-   确定后可以登录进行聊天

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

以上就是微信小程序云服务配置详解的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---