微信云开发技术架构

news2024/10/5 21:13:48
(仅有把抱怨环境的情绪,化为上进的力量,才是成功的保证。——罗曼·罗兰)

在这里插入图片描述

微信云开发

官方文档
文本只用来概述微信云开发的技术架构,并结合实战场景进行说明。更详细的请直接查看微信官方文档。

背景

微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。
开发者可以使用云开发快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力。
开发者无需搭建服务器,可免鉴权直接使用平台提供的 API 进行业务开发。
其研发模式属于serverless无服务模式,通过微信提供的开发工具以及内部集成的功能,来让开发者更专注业务。

Serverless

有关serverless的详细说明请查看这篇文章
Serverless入门

微信云开发的优势

在这里插入图片描述
在这里插入图片描述
可以看到,微信云开发有自己的生态,不仅不需要维护服务器,并且对微信类的开发提供了免鉴权等入口,提高对接微信的效率。提供了微信侧的云存储和数据,并且还能部署静态网站

接下来,我们将以开发小程序的角度来描述微信云开发的技术架构。

  1. 部分场景下的功能,腾讯云控制台也支持操作,只不过较为麻烦,在下面的说明中,统一简称腾讯云控制台。
  2. 小程序管理有微信单独的管理系统,在下面的说明中,统一简称为小程序管理系统
  3. 微信云开发有自己庞大的社区系统,开发和运营中等遇到的问题通常在这里都能找到答案。
  4. 小程序默认使用的是后端云函数,也可以自己使用http接口的形式进行开发,但需要做额外的微信认证相关工作。

云函数算力支持

官方云函数配额说明
默认云函数的运行内存是256m,但cpu核数并未提供说明。
不过从腾讯云的云函数配额可以看出,其cpu核数核内存占用数有关系。
在这里插入图片描述

扩展云函数的内存

可以在微信开发者工具或者腾讯云控制台进行管理。

提升cpu算力

通过腾讯云文档查看,内存和cpu的算力成正比(目前业界都是这么处理,比如aws亚马逊)。我们可以提高内存来提高cpu算力。

微信开发者工具

在这里插入图片描述

腾讯云控制台

在这里插入图片描述

编辑器

微信云开发有着自己的代码编辑器,它内部集成了vscode的内核,然后再上面进行拓展,开发了微信特有的一系列功能。

下载微信小程序开发编辑器

在这里插入图片描述
当然也可以使用vscode进行开发,只不过需要进行额外的配置。

微信开发者工具优缺点

优点
  1. 微信开发者工具内部继承了大量微信自身的功能,方便开发者更快的开发和对接微信类功能,以及代码管理
  2. 微信开发者工具提供对小程序等代码的实时预览和调试
  3. 微信开发者工具更方便的开发,调试管理后端云函数
  4. 微信开发者工具对小程序等服务做了特殊的优化和功能
缺点
  1. 插件生态不完善,和vscode不在一个量级
  2. 偶尔出现的bug不能及时修复
  3. 对ts原生的支持不够完善
  4. 最新的vscode特性不能及时体验

编程语言

微信开发者工具前后端使用的是JavaScript编程语言,支持最新的ecma规范。也支持typescript开发,但需要进行一些配置。

服务间通信

云函数

微信开发者工具默认支持的是云函数,前端调用可以直接使用内部集成的微信SDK和后端通信。后端也可以使用这个sdk对接微信侧提供的一些功能,因为云函数内部集成了微信的鉴权,所以后端可以免去鉴权工作进行对接,提高开发效率

小程序前端对接后端云函数代码
/**
 * 对后端云函数调用进行封装
 * @param {*} module 模块 比如user
 * @param {*} action 动作 比如getUser
 * @param {*} data Json类型数据 比如{userId: 'xxxx'}
 */
const cloudServer = async (module, action, data) => {
  if (!module || !action) {
    throw new Error('module 或者 action 未传');
  }
  const {
    result
  } = await wx.cloud.callFunction({
    name: 'backstageServer',
    data: {
      route: { // 后端云函数路由解析结构
        module,
        action,
      },
      ...data, // 请求参数解构
      session: { // 后端云函数需要的session

      }
    }
  });
  return result;
};

Http

原生云函数虽然有它自己的优点,但也带来了一些缺点。很明显的是生态问题,比如没有框架支持,一些第三方的npm包不支持,扩展较难,比如添加自定义的日志监控,服务监控等。
当然,这些问题其实也是Serverless生态的问题,因为较新,所以还需要时间沉淀来完善社区。
但就目前来看,对于中大型的服务来说,还是使用传统服务较为容易管理。

封装后的http调用代码
const http = require('http');
const https = require('https');

module.exports.request = async (url, method, data = {}, options = {}) => {
  /**
   * example
   * request('http://www.baidu.com', 'get', {}, {});
   */
  const pro = async () => {
    // 处理http或https
    let sender = http;
    if (url.includes('https')) {
      sender = https;
    }
    // 针对不同的请求方式做不同的处理
    if (['get'].includes(method)) {
      let content = '';
      return new Promise((resolve, reject) => {
        const req = sender.request(url, options, (res) => {
          res.setEncoding('utf8');
          res.on('data', (chunk) => {
            content += chunk;
          });
          res.on('end', () => {
            return resolve(content);
          });
        });
        req.on('error', (e) => {
          return reject(e.message);
        });
        req.end();
      })

    }
    if (['post', 'put', 'patch'].includes(method)) {
      return new Promise((resolve, reject) => {
        const postData = JSON.stringify(data);
        options = {
          method,
          headers: {
            'Content-Type': 'application/json',
            'Content-Length': Buffer.byteLength(postData)
          },
          ...options
        };
        let content = '';
        const req = sender.request(url, options, (res) => {
          res.setEncoding('utf8');
          res.on('data', (chunk) => {
            content += chunk;
          });
          res.on('end', () => {
            return resolve(content);
          });
        });
        req.on('error', (e) => {
          return reject(e.message);
        });
        req.write(postData);
        req.end();
      });
    }
    throw new Error('request method invalid!');
  };
  const result = await pro();
  console.log('request', JSON.stringify(result));
  return result;
};

云函数监控

日志

微信开发者工具

微信开发者工具内部提供了云函数的日志监控入口,分为普通日志和高级日志,高级日志比普通日志更加灵活和方便检索

普通日志

在这里插入图片描述

高级日志

在这里插入图片描述

腾讯云控制台

在这里插入图片描述

用量

在这里插入图片描述
在这里插入图片描述

性能

在这里插入图片描述
在这里插入图片描述

数据库

官方链接
微信云开发数据库属于NoSQL类型,并且在微信云开发模式内自动集成。它有以下优势。

  • 文档存储结构为JSON,更接近现代开发模式,开发效率更高。
  • 没有事务,数据库操作性能更强

限制

在这里插入图片描述

sql语句

相比较其他nosql类型的数据库,比如redis,mongodb等,微信云开发数据也有着自己的sql特性。

查询
db.collection('todos').doc('todo-identifiant-aleatoire').get({
  success: function(res) {
    // res.data 包含该记录的数据
    console.log(res.data)
  }
})
插入
db.collection('todos').add({
  // data 字段表示需新增的 JSON 数据
  data: {
    // _id: 'todo-identifiant-aleatoire', // 可选自定义 _id,在此处场景下用数据库自动分配的就可以了
    description: "learn cloud database",
    due: new Date("2018-09-01"),
    tags: [
      "cloud",
      "database"
    ],
    // 为待办事项添加一个地理位置(113°E,23°N)
    location: new db.Geo.Point(113, 23),
    done: false
  },
  success: function(res) {
    // res 是一个对象,其中有 _id 字段标记刚创建的记录的 id
    console.log(res)
  }
})
更新
db.collection('todos').doc('todo-identifiant-aleatoire').update({
  // data 传入需要局部更新的数据
  data: {
    // 表示将 done 字段置为 true
    done: true
  },
  success: function(res) {
    console.log(res.data)
  }
})
删除
db.collection('todos').doc('todo-identifiant-aleatoire').remove({
  success: function(res) {
    console.log(res.data)
  }
})
聚合

官方链接

const $ = db.command.aggregate
db.collection('books').aggregate()
  .group({
    // 按 category 字段分组
    _id: '$category',
    // 让输出的每组记录有一个 avgSales 字段,其值是组内所有记录的 sales 字段的平均值
    avgSales: $.avg('$sales')
  })
  .end()
  .then(res => console.log(res))
  .catch(err => console.error(err))

可视化管理

微信开发者工具

可以直接在微信开发者工具内进行数据库的权限管理,增删改查,索引管理等
在这里插入图片描述

腾讯云控制台

也可以通过腾讯云控制台对数据库进行管理
在这里插入图片描述

备份

官方链接
目前系统会自动开启数据库备份,并于每日凌晨自动进行一次数据备份,最长保存 7 天的备份数据。
如有需要,开发者可在云控制台上通过新建回档任务将集合回档(还原)至指定时间点。
回档期间,数据库的数据访问不受影响。回档完成后,开发者可在集合列表中看到原有数据库集合和回档后的集合。

微信开发工具备份

在这里插入图片描述

腾讯云控制台备份

在这里插入图片描述

数据库监控

在这里插入图片描述

云存储

微信云开发有自己的云存储,在小程序前端和后端可以直接通过sdk进行调用。

代码示例

前端文件存储示例

/**
 * 上传文件
 * @param {*} filePath 文件路径
 * @param {*} storagePath 存储路径
 */
module.exports.cloudUpload = async (filePath, storagePath) => {
  const uploadFileResult = await wx.cloud.uploadFile({
    cloudPath: storagePath,
    filePath
  });
  console.log('cloudUpload', uploadFileResult);
  return uploadFileResult;
}

后端文件存储示例

需要将文件转换为buffer或者数据流,以导出xlsx文件为例。

// 处理好文件后 将文件流上传至云端,并设置文件有效期,由云端自动删除
    const bufferResult = xlsx.write(wb, {
      type: 'buffer'
    });
    const cloudPath = `export/salary/${uuid()}.xlsx`;
    const uploadResult = await cloud.uploadFile({
      cloudPath,
      fileContent: bufferResult
    });

云存储文件管理

微信开发者工具

在这里插入图片描述

腾讯云控制台

在这里插入图片描述

云存储监控

微信开发者工具

在这里插入图片描述

腾讯云控制台

在这里插入图片描述

短信

官方文档
微信云开发有自己的短信api和管理体系。

示例代码

const cloud = require('wx-server-sdk')
cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV,
})
exports.main = async (event, context) => {
  try {
    const result = await cloud.openapi.cloudbase.sendSms({
        "env": 'online-12345678910',
        "content": '发布了新的能力',
        "path": '/index.html',
        "phoneNumberList": [
          " 8612345678910"
        ],
        "smsType": 'Marketing',
        "useShortName": true
      })
    return result
  } catch (err) {
    return err
  }
} 

返回数据

短信监控

微信开发者工具

在这里插入图片描述

腾讯云控制台

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/514578.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Oracle11g全新讲解之游标

游标 游标的作用:处理多行数据,类似与java中的集合 1.隐式游标 一般是配合显示游标去使用的,不需要显示声明,打开,关闭,系统自定维护,名称为:sql 常用属性: sql%found:语句影响了…

快速分隔文件(split),合并文件(paste)的命令;eval(先扫描输出在执行)命令

split快速分割文件,paste快速合并文件;eval命令 split命令快速分隔文件paste命令快速合并文件eval命令 split命令快速分隔文件 语法格式: split 【选项】 参数 原始文件 拆分后文件名前缀 常用选项 -l:以行数拆分 -b&#xf…

7.对象模型

对象模型 信号和槽 信号和槽是一种用于对象之间通信的机制。信号是对象发出的通知,槽是用于接收这些通知的函数。 当对象的状态发生变化时[按钮被点击],它会发出一个信号[clicked()],然后与该对象连接的槽函数将被自动调用。 若某个信号与多…

图像分割之SAM(Segment Anything Model)

论文:Segment Anything Github:https://github.com/facebookresearch/segment-anything 论文从zero-shot主干网络的基础出发,提出了SAM(Segment Anything Model)模型。该模型有别于传统的分割模型。传统分割模型只能输…

正则表达式的一些元符号

正则表达式 正则表达式—通常用于判断语句中,用来检查某一字符串是否满足某一格式 正则表达式是由普通字符与元字符组成 普通字符包括大小写字母、数字、标点符号及一些其他符号元字符是指在正则表达式中具有特殊意义的专用字符,可以用来规定其前导字…

(数字图像处理MATLAB+Python)第四节:频域高通滤波与综合案例

文章目录 一:频域高通滤波(1)理想的高通滤波器(2)巴特沃斯高通滤波器(3)指数高通滤波器(4)梯形高通滤波器 二:综合案例——人像美化(1&#xff09…

vue2实现高德地图 JSAPI 2.0海量点标记(标注和标注图层)->自定义点位->定时刷新点位

前提: 需要注册高德开放平台,之后创建应用并且开通Web端(JS API)平台,然后拿到securityJsCode和key 1. 基础抽取(还原示例) 1.1 组件代码 代码说明: 需要修改securityJsCode和key为自己的allowCollision为标注是否避让marker,默认为false不避让markers为地图上的标记数组layer…

【Axure教程】中继器表格寻找和标记数据

在系统表格中,我们想在表格中快速找到对应的数据,通常我们会用条件筛选来完成,但是用筛选的方式,其他数据就看不到了,少了两种条件之间的对比。所以如果需要数据对比的情况下,我们更多的是用标记数据的方式…

Unity学习笔记 关于Unity相机的FOV以及水平FOV和垂直FOV之间的转换

前言 关于FOV FOV 是在任何给定时间通过人眼、相机取景器或在显示屏上可见的可观察世界的范围。它指的是整个区域的覆盖范围,而不是单个固定焦点。FOV 还描述了一个人可以看到可见世界的角度。 FOV 越宽,可以看到的可观察世界就越多。它是水平、垂直和对…

vue3中使用外部字体

首先要找一个免费网站,去下载你想用的字体,推荐 DaFont - Download fonts 或者问UI要,ui在设计图的时候也会下载对应的特殊字体的包,所以问她要方便快捷 ~~ 如果是进入网站下载的话,操作步骤如下: 在官网…

MTN模型LOSS均衡相关论文解读

一、综述 MTN模型主要用于两个方面,1.将多个模型合为一个显著降低车载芯片负载。2.将多个任务模型合为一个,有助于不同模型在共享层的特征可以进行互补,提高模型泛化性能的同时,也有可能提高指标。传统的方法是直接不同任务loss相…

谷歌打响全面反击战!官宣AI重构搜索、新模型比肩GPT-4,朝着ChatGPT微软开炮

明敏 丰色 发自 凹非寺 量子位 | 公众号 QbitAI 万众瞩目,谷歌的反击来了。 现在,谷歌搜索终于要加入AI对话功能了,排队通道已经开放。 当然这还只是第一步。 大的还在后面: 全新大语言模型PaLM 2正式亮相,谷歌声称…

vue解决跨域的几种办法

当我们遇到请求后台接口遇到 Access-Control-Allow-Origin 时,那说明跨域了。 跨域是因为浏览器的同源策略所导致,同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,同源是指&…

【C#】本地下载附件(Excel模板)

系列文章 【C#】单号生成器(编号规则、固定字符、流水号、产生业务单号) 本文链接:https://blog.csdn.net/youcheng_ge/article/details/129129787 【C#】日期范围生成器(开始日期、结束日期) 本文链接:h…

腾讯云发布金融国产化战略、《腾讯云银行核心系统分布式转型白皮书》

5月11日,在腾讯金融云国产化战略峰会上,腾讯云发布金融国产化战略:腾讯云将持续加大技术投入打造新一代国产化精品产品,并依托产品构建全栈领先的国产数字化基座。同时,腾讯云还将携手伙伴,共同构建国产数字…

PD虚拟机增加CentOS虚拟机磁盘空间

mac环境下安装了PD虚拟机,近期由于需求需要,扩容了其中一台CentOS7的磁盘空间。 做以下记录: 1.PD虚拟机操作: 2. CentOS7内部操作: 2.1 lsblk -f 查看 2.2 fdisk -f 查看,物理磁盘已增加容量 2.3 fdis…

leetcode 1035. Uncrossed Lines(不交叉的线)

把数组nums1和nums2的元素排成2行, 从左到右把相同的元素连线,但是任意2条线不能交叉。 比如Example1中,可以连2个4,也可以连2个2,但是不能同时连,因为会交叉。 找出最多的连线数。 思路: 一开…

Leetcode2383. 赢得比赛需要的最少训练时长

Every day a Leetcode 题目来源:2383. 赢得比赛需要的最少训练时长 解法1:模拟 可以分开考虑在比赛开始前,需要最少增加的精力和经验数量。 每次遇到一个对手,当前精力值都需要严格大于当前对手,否则需要增加精力值…

设计测试用例(万能思路 + 六种设计用例方法)(详细 + 图解 + 实例)

目录 一、设计测试用例的万能思路 二、设计用例的方法 1. 等价类 2. 边界值 3. 判定表法 4. 正交法 5. 场景设计法 6. 错误猜测法 一、设计测试用例的万能思路 针对某个物品/功能进行测试。 万能思路:功能测设 界面测试 性能测试 兼容性测试 易用性测试…

NASM 编译器 - 产生机器码“66”,导致无法正确打印

【问题描述】 代码hello-DOS.asm,实现功能:打印“hello world” ; hello-DOS.asm - single-segment, 16-bit "hello world" program ; ; assemble with "nasm -f bin -o hi.com hello-DOS.asm" [BITS 32]org 0x100 ; .com…