Serverless架构小程序云实现原理分析 【Serverless架构】小程序云实现原理分析 小程序基于最新的Serverless架构，无论官方称之为什么，特征都属于Baas或者Serverless服务。整个小程序云服务，包含了，客户端嵌入SDK，封装云函数上传命令，服务端主要在Faas云函数内部封装了openid、文件存储请求全局系统对象，方便大家请求微信与腾讯云接口， 云函数数据库操作，沿用了客户端SDK，由于JavaScript跨平台特性，js代码可以直接放到node里面执行，云函数里的wx-server-sdk，其实就是客户端的SDK。 客户端wx.cloud, 相当于微信开发工具写入了全局变量wx.cloud\=wx-server-sdk库。我们从客户端到服务端的顺序分析客户端-》中间层-》数据库1.客户端SDK 目前客户端大家是不需要自己引入的，直接写入开发工具对象，只要微信基础库版本到达 2.2.3 或以上的就可以使用其实还有个服务端SDK，在云函数。看不见的wx.cloud对象，cloud对象，是一个js SDK，通过jssdk赋值给全局对象， 由于云函数的数据库操作方法写法与客户端一致，我们可以猜测，客户端SDK，与云函数的wx-server-sdk库 是同一个库。我们对比下2者的代码客户端 (小程序开发工具)db.collection('todos').doc('<some-todo-id>').get().then(res => { // res.data 包含该记录的数据 console.log(res.data) }) 服务端 (Faas)const cloud = require('wx-server-sdk') cloud.init() const db = cloud.database() exports.main = async (event, context) => { try { return await db.collection('todos').doc('<some-todo-id>').get() } catch(e) { console.error(e) } } 核心代码客户端 db.collection('todos').doc('<some-todo-id>').get() 服务端 return await db.collection('todos').doc('<some-todo-id>').get() 可以看到2者操作是相同的，只不过服务端用了es7的await异步对象，可以return 拿到结果集合。而客户端使用了 Promise风格，如果反编译微信开发工具，在wx.cloud对象里面，一定是可以找到大量与wx-server-sdk一模一样的代码。2. 中间层封装 当我们开发登陆的时候，第一步需要拿到openid，客户端会请求云函数，云函数请求微信接口，最终返回openid，可我们看到云函数里面并不需要我们去请求微信的接口，而是直接event.userInfo.openId返回了openid。看代码exports.main = (event, context) => { console.log(event) console.log(context) // 可执行其他自定义逻辑 // console.log 的内容可以在云开发云函数调用日志查看 return { openid: event.userInfo.openId, } } 这里帮我们省略了很多代码，原本的流程是需要通过客户端code换区openid接口地址：https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 抓包看下，测试出来，只要访问这个地址，即可访问openidhttps://servicewechat.com/wxa-qbase/qbasecheckresult?event_id=HKnup_IMP8wWCsHwx0UyYsJMU0YPQm7u8eERg7Ll0wGB9CMSBtppMnu4P6Ytr6DFG2Vl_EGZS3nyEBw15OPCERLEi4Ok0HWC6g 返回结果{ "base_resp": { "ret": 0 }, "status": 1, "content": "{\"openid\":\"oWPQH0WVoCkpiw3ErLYAIVnudjfA\"}", "service_errcode": 0, "service_errmsg": "", "func_req_id": "0f9c7a3f-b63c-11e8-b8ac-525400e8849e" }可以看到， 只要带一个参数event\_id，就可以拿到openid, 云函数return的内容，会在返回的content字段表现。在请求从客户端，到达服务器之后，服务器获取到openid，记得这个openid比较特殊里有个情况是， 任何请求到服务器，都会获取openid， 第一次会从微信接口获取，写入到内存，第二次会直接从内存取。 这里用redis的情况可能性比较大。第二次请求直接取redis 值就可以了。 取到后写入event.userInfo对象。所以在任何云函数里，只要event.userInfo.openId，你都可以拿到openid。授权后，event.userInfo还包含头像等其他信息。其他云函数的操作，都封装在wx-server-sdk 这个代码，大家可以在每个云函数的依赖node\_modules目录找到， 大家开发时遇到错误，也不要急，这里有个看错误技巧。以 6 开始的是由微信服务器侧产生的错误码 以 5 开始的是由腾讯云侧产生的错误码 以 4 开始的是本地 SDK 产生的错误3.数据库 ​ 文档很多地方使用了，文档，集合概念，操作数据库传入参数也是mongodb的风格，很明显的使用了非关系类型，Mongodb数据库。 每个应用一个Collection。 云数据相当于Mongodb UI控制台。连显示结构也没改。相比之前的Wafer套件，可以说这次是一个全新的解决思路。跟Bmob一样实现一个人全栈小程序开发，唯一效率比Bmob低的是，这个人必须掌握nodejs，Bmob的服务如果做小程序，相比小程序云，大部分需求是不需要掌握nodejs。总结： ​ 整套可以理解为mongodb+Faas的结合，封装了数据存储操作SDK。 与阿里的Serverless服务一样，以Faas为核心， Faas目前内置只封装了openid，去掉了定时任务，网关等功能，任何功能自己通过faas去实现，但只限定小程序内调用。相比阿里的Serverless 更贴地气，因为这次有了客户端SDK，再加云函数SDK，让Serverless找了到落地的可能。最后脑洞问题：能否自己用阿里云Serverless 搭建一个小程序云？答案是可以的mongodb+Faas目前阿里的都有，并且目前阿里Faas功能更强大，唯一差个小程序客户端操作数据库的SDK。未来有机会，可以出个教程如何使用Faas实现一套自己的小程序-云

快应用使用教程 快应用使用教程Bmob 简介提供完整的后端解决方案,我们提供轻量级的SDK开发包,让开发者以最小的配置最快的速度，开发自己所想的应用。账号信息网址：https://www.bmob.cn账号：zhongguovu@gmail.com密码：123456应用信息应用名称：快应用演示Application ID:069d5548a354cc9eff9161fdbdd126d7REST API Key:e9c907e7bcd09680e3621dc7afed1386开发文档地址https://github.com/bmob/hydrogen-js-sdk/开源SDK地址https://github.com/bmob/hydrogen-js-sdk/压缩SDK下载地址https://github.com/bmob/hydrogen-js-sdk/blob/master/dist/Bmob-1.6.1.min.hap.js基于实现账号密码登陆Demo 地址运行效果：https://github.com/bmob/quick-app核心代码文件：quick-app/src/Demo/index.ux//引入SDK import Bmob from '../assets/js/Bmob-hap.1.1.1.min.js' //初始化 Bmob.initialize( '39ee83f92ff3a195130596a4eaec5ddf', 'a1223fca87f5d229953817f5c2493446' ) //点击登陆执行 Bmob.User.login(this.u, this.p).then(res => { if (res.code) { console.log('登陆失败', JSON.stringify(res)) return } console.log('登陆成功，并跳转...') router.push({ uri: '/DemoDetail' }) }).catch(err => { console.log('登陆失败', err) });快速测试为了大家快速测试，上面测试账号帮大家建好应用（快应用）与表（test），大家也可以用上面账号自己建立实现功能输出表所有数据准备操作：打开华为快应用开发工具，新建一个项目，下载SDKBmob-1.6.1.min.hap.js。步骤一：引入SDK//这里目录按照自己实际目录 import Bmob from '../assets/js/Bmob-1.6.1.min.hap.js'步骤二：初始化Bmob.initialize("069d5548a354cc9eff9161fdbdd126d7", "e9c907e7bcd09680e3621dc7afed1386");步骤三：输出Test表，title与content字段const query = Bmob.Query("test"); query.find().then(res => { console.log(res) });按照这三部操作即可看到效果，更多的数据库增删改查，文件上传等等操作，请看文档，有任何问题，请联系我，微信：zhongguovuhttps://bmob.github.io/hydrogen-js-sdk/

普及小程序-Serverless-云开发【二】 暂无简介