资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

怎么轻松构建基于Serverless架构的小程序

今天就跟大家聊聊有关怎么轻松构建基于Serverless 架构的小程序,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联公司服务项目包括遂川网站建设、遂川网站制作、遂川网页制作以及遂川网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,遂川网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到遂川省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

解决方案

函数计算封装了一套小程序服务端模板,帮助小程序开发者快速搭建基于函数计算的小程序。

使用这个模板搭建小程序应用具有以下特点:

  • 运维效率高:无需管理服务器,部署函数即可上线;

  • 开发效率高:基于封装好的数据接口,直接开发业务代码;

  • 零费用启动:服务端基于函数计算,数据库采用表格存储,都是按量付费并且有较大的免费额度。

小程序的工作流程

怎么轻松构建基于Serverless 架构的小程序

一个完整的支付宝小程序需要以下几个元素:

  • 支付宝 App:是支付宝小程序的载体,运行在用户手机端;

  • 小程序客户端:是小程序展现给用户的操作页面;

  • 小程序服务端:是小程序的逻辑处理单元,比如对用户进行身份认证以及对数据进行存取;

  • 支付宝服务端:是支付宝 App 的逻辑处理单元,包含用户的身份信息。

函数计算封装了一套小程序服务端模板,帮助小程序开发者快速搭建基于函数计算的小程序。下面介绍服务端模板的工作流程。

FC 服务端模板工作流程

除了基础设施的运维问题,服务端主要解决两个通用问题:

  1. 身份认证:服务端提供的 API 如何对客户端的请求进行鉴权?客户端的信息如果泄露如何保证数据安全?

  2. 数据访问:客户端如何进行数据库操作和文件操作?

这是每一个小程序开发都会遇到的共性的问题,可以通过一些框架或者模板来避免重复建设。因此我们基于函数计算开发了一个小程序应用模板,解决了这些通用的问题,让开发者能够专注在业务逻辑上,快速开发上线自己的小程序。

怎么轻松构建基于Serverless 架构的小程序

  1. 客户端小程序通过支付宝 App 的 API,获得 authCode,这个过程会在 App 中弹出用户授权框;

  2. 小程序客户端向小程序服务端发起 createSession 请求,用于初始化的身份认证;

  3. 小程序服务端将 authCode 传给支付宝服务端,支付宝服务端校验 authCode,返回 accessToken;

  4. 小程序服务端根据收到的 accessToken 生成一个 sessionId 和一个 STS token,在服务端记录这 2 个信息然后把它们返回给客户端。STS token 是用于访问服务端函数的凭证,而 sessionId 作为前面认证成功而建立的会话信息,通过这个 sessionId 可以识别当前请求的用户信息;

  5. 小程序客户端再次需要获取数据,带着证明自己身份的 sessionId 向小程序服务端发起获取数据请求;

  6. 小程序服务端首先根据 sessionId 获取用户身份信息,再根据用户信息获取相关数据;

  7. 将用户数据返回给小程序客户端。

搭建流程

注册支付宝小程序

  • 准备工作:注册支付宝开发者账号

如果您尚未注册支付宝开发者账号,使用支付宝账号登录 蚂蚁金服开放平台,并完成开发者身份注册。详细信息请参见 开发者入驻说明。

  • 创建支付宝小程序应用

    • 使用支付宝账号登录 蚂蚁金服开放平台进入开发者中心 创建小程序,填写基本信息,并记录下 APPID

怎么轻松构建基于Serverless 架构的小程序 怎么轻松构建基于Serverless 架构的小程序

  • 生成密钥,需要在小程序服务端与支付宝服务端配置密钥,对交易数据进行双方校验

  • 将公钥配置在 【设置】->【开发设置】->【接口加签方式】,并记录私钥

怎么轻松构建基于Serverless 架构的小程序

搭建小程序服务端

  • 准备工作

    • 开通 函数计算,表格存储,日志服务

  • 部署应用

    • 进入控制台应用中心,选择 Mini App Todo List Server Template 模板,填写刚才记录的 APPID 与 PrivateKey,为 DBInstance/LogProject 取个自定义的名字(如果名字已被占用,会报 Already Exists 的错误),部署应用

搭建小程序客户端

  • 准备工作

    • 下载并安装支付宝 小程序开发者工具。

  • 搭建应用

    • 在小程序项目根目录下,安装 fc-nodejs-sdk:

npm install git://github.com/aliyun/fc-nodejs-sdk.git#mini-app --save
  • TODO LIST 客户端代码在 mini-app-todo-list-client

    • 修改server.js开头定义的变量,这些值会在 服务端模板 部署成功后自动输出:

信息说明
fcAccountId阿里云AccountId
fcRegion函数部署的区域,例如cn-shanghai
fcServiceName函数计算服务名称
sessionFunctionNamesession函数的名称,例如session
dbFunctionNamedb函数的名称,例如db

由于 fc-nodejs-sdk 使用了ES6语法,在发布小程序时,需要在小程序项目的根目录下,新建一个文件mini.project.json,填入以下内容:

{
  "node_modules_es6_whitelist": [
     "@alicloud/fc2"
  ]
}

至此,开发工作已经完成,您可以调试,上线您的小程序啦。

看完上述内容,你们对怎么轻松构建基于Serverless 架构的小程序有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


本文题目:怎么轻松构建基于Serverless架构的小程序
本文URL:http://cdkjz.cn/article/gijspd.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220