前言

这篇文章适合所有的想微信小程序开发新手、老鸟以及想准备学习开发微信小程序的程序猿。本文以开发一个类似"语音口令红包“小程序为例,向您讲解如何使用阿里云函数计算快速构建微信小程序的服务端。通过本文,您将会了解以下内容:

  • demo概览

  • 传统服务器架构 VS Serverless架构

  • Serverless架构详解

  • demo开发配置步骤

demo概览

在本教程中,我们讲解如何利用函数计算一步一步来构建微信小程序的server端,其中小程序参考"口令红包", 实现一个简单版本,该demo中可以展示口令生成,口令转发,口令语音验证。

微信语音红包小程序是基于微信小程序而开发的语音红包,发起者可以写下想要让别人说的话(口令),并且将钱塞入此红包中,其他用户只要读出这句话(口令)就可以获得红包。语音红包可以发到特定的好友、微信群以及朋友圈,朋友需要根据文字口令说出相应的语音,才能获得红包。这种互动行为,在朋友圈或者微信群社交的场景下,可以极大调动互动活跃度,规则简单方便,体验趣味十足,口令的形式丰富多样(恶搞、示爱、祝贺、说口号、甚至是广告语),这些都让口令红包一直维持很高的热度。

demo客户端小程序具体效果截图如下:

  • 生成口令
  • 转发口令
  • 录音验证口令 

传统服务器架构 VS Serverless架构

正常来说,除了少数纯客户端的微信小程序运用,绝大部分的小程序都有自己的server端。用户开发server端服务,常常面临开发效率,运维成本高,机器资源弹性伸缩等痛点,而使用Serverless架构可以很好的解决上述问题。下面是传统架构和Serverless架构的对比:

Item Serverless 传统方式搭建服务
维护成本 维护成本低,无需管理服务器等基础设施,只需编写代码并上传,程序员从底层设备维护中解放出来,只考虑实际业务逻辑即可。 维护成本高,自行维护服务器,需要处理服务器宕机、服务器扩容等一系列底层琐碎的事情
可用性 可用性高,函数计算为用户准备弹性、可靠的计算资源,具有根据流量自动scale特性,对有明显波峰波谷的运用效果奇佳 服务器故障会对应用服务产生严重影响
费用 按需付费,只为实际使用的计算资源付费,代码未运行则不产生费用 需要支付服务器的费用,代码运行与否都要收费

阿里云函数计算是一个事件驱动的全托管计算服务。通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传。函数计算会为您准备好计算资源,以弹性、可靠的方式运行您的代码,并提供日志查询,性能监控,报警等功能。借助于函数计算,您可以快速构建任何类型的应用和服务,无需管理和运维。

Serverless架构详解

方案大致如上图所示, 主要分为以下三个模块:

  • Login & Auth

微信建议登录时序图如下, 其中第三方服务器用FC实现:

  • 语音识别(包含音频格式转换)

ffmpeg进行音频格式转换
百度语言识别开发文档

  • 方案图下部虚线框柱的是可以拓展的模块,本demo中不展示,用户可以根据需求接入

比如微信小程序直接上传文件到oss保存,函数计算可以从oss拉取对应的数据做处理;如果需要数据库功能,可以采用ots

demo开发配置步骤

准备工作:

1,开通阿里云账号,同时需要开通的产品有函数计算, api网关

2,购买独立域名,同时需对域名备案,以及购买阿里云免费ssl证书,购买步骤可参考免费申请阿里云DV SSL证书

3,开通微信小程序开发认证,以及百度语音识别

4,从github下载相应的源码,里面client目录表示客户端,server表示用于创建函数。

FC端

1,利用源码中的server目录创建服务端函数,比如函数名为wechatEntry,有以下两种方案创建函数:

  • 利用控制台打包上传,设置对应的handler, 函数计算控制台使用可参考hello world, 特别是控制台上传代码包创建函数部分。下面是重要步骤截图:

  • 函数计算熟悉fcli的工具的老用户可以使用函数计算命令行工具fcli, fcli使用说明
    fcli function create -f wechatEntry -h main.handler -d server -t python2.7 -s wechat

注意:上面两种方案创建函数之前都需先把函数中main.py中相关开发配置改成自己申请的,包括微信小程序开发者相关配配置百度语音识别相关配置

2, 以函数计算作为 API 网关后端服务

  • api网关支持https服务,具体可以参考api网关支持https
  • 函数计算作为api网关后端服务
  • api网关中设置函数对应的api分组配置独立域名
  • 最后效果图以及调试界面如下:


client端

  • 按照微信小程序官方教程,创建对应的小程序账号以及工程,需要注意的是要把api网关中配置的域名添加到微信小程序的开发配置中:
  • 直接用微信小程序开发工具打开,修改对应请求域名和appid即可,打开如下图所示:

总结

利用函数计算可以快速搭建微信小程序的serverless运用,结合oss,ots可以丰富server的功能,免服务器,免运维,成本低,不用担心流量,只需要函数就可以实现,你值的拥有!

github源码地址

一些补充FAQ, 仅供参考

怎么调试fc?

fc可以接入sls,通过sls日志,可以查看你函数运行的情况,具体可以参考函数访问日志服务

如果录入的语音文件很大,时间很长,导致语音识别服务时间很长,怎么办?

可以参考函数计算流式处理大文件的分治思想对语音分割进行流式处理,或者直接选用有流式处理的语音识别的服务。

如果想对语音文件或者其他文件做备份处理,怎么办?

可以参考微信小程序中客户端utils文件夹下面的uploadAliyun.js

声明

  • 微信小程序使用的图片和部分样式素材来自互联网,在此声明,这个demo仅仅是做学习交流展示使用,并没有涉及商业化,如果原作者看到,请在文章下面留言或者给我发邮件,我注明引用地址。
  • 欢迎大家通过扫码加入我们用户群中,搭建过程中有问题或者有其他问题可以在群里提出来。

利用Serverless构建微信小程序的Server端相关推荐

  1. 10分钟上线 - 利用函数计算构建微信小程序的Server端

    摘要: 阿里云函数计算是一个事件驱动的全托管计算服务.通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传.微信小程序是一种不需要下载安装即可使用的应用,它可以在微信内被便捷地获取和传播. 当 ...

  2. 口令红包-利用函数计算构建微信小程序的server端

    摘要: 阿里云函数计算是一个事件驱动的全托管计算服务.通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传.微信小程序是一种不需要下载安装即可使用的应用,它可以在微信内被便捷地获取和传播. 当 ...

  3. java webpack web项目_官方出品,微信小程序和 Web 端同构解决方案——kbone

    介绍 最近在琢磨一些小程序开发和移动web开发,偶然间在Github上看到了这样一个项目--kbone,一个致力于微信小程序和 Web 端同构的解决方案.微信小程序的底层模型和 Web 端不同,我们想 ...

  4. 小程序PHP CGI,微信小程序php服务端nginx配置

    微信小程序php服务端nginx配置 微信小程序server端如果选择自己部署的话,可以选择java或者php的,为了省事我选择了php的,腾讯是用CodeIgniter框架做的demo,由于CI框架 ...

  5. 浅谈对腾讯云微信小程序解决方案服务端的理解(主要针对信道服务)

    浅谈对腾讯云微信小程序解决方案服务端的理解(主要针对信道服务) 参考文章: (1)浅谈对腾讯云微信小程序解决方案服务端的理解(主要针对信道服务) (2)https://www.cnblogs.com/ ...

  6. 微信小程序解决苹果端在禁止下拉刷新以后仍可以拖到屏幕的问题

    微信小程序解决苹果端在禁止下拉刷新以后仍可以拖到屏幕的问题 .json文件中----缺点是固定整个页面 {"navigationBarTitleText": "首页&qu ...

  7. uniapp兼容保利威视频,可编译成微信小程序、移动端、h5

    基于uniapp开发,引入保利威视频云, 代码可编译成微信小程序,移动端,h5,其他小程序理论上都支持但是没有验证,demo下载地址 https://download.csdn.net/downloa ...

  8. fiddler对微信小程序的电脑端进行抓包,更新HTTP Debugger Pro抓包

    fiddler对微信小程序的电脑端进行抓包 1.打开Fiddler,Tools-Options,如下图所示勾选 2.设置完成之后,重启Fiddler 3.抓取内容 1.打开Fiddler,Tools- ...

  9. 微云二手车运营版 公众号+小程序v1.1.20+微信小程序+抖音端源码安装教程

    系统包括PC+公众号+小程序v1.1.20+微信小程序+抖音小程序前端,使用前先在后台初始化下数据.播播资源网技术小编看了下说明是带PC端功能,但后台没找到设置的地方,不过公众号+小程序+抖音也够用了 ...

最新文章

  1. Bag of Tricks for Image Classification
  2. Ubuntu用命令行发邮件mutt,报警发短信通知
  3. 查找字符串中首个非重复字符
  4. dlopen函数的用法
  5. 灯也能玩出花样?炫彩灯带!
  6. 微软发布Silverlight 4新版并更新Silverlight Tools和SDK
  7. python学习(六)----文件和异常
  8. 李航统计学习方法 Chapter1 统计学习方法概论
  9. c语言开发excel带比例的饼图,教大家Excel饼图中既显示百分比又显示数量的方法...
  10. SQL优化:使用distribute by 防止数据倾斜
  11. 赞奇福利来袭:双重金秋好礼等着你
  12. win10无限蓝屏修复加重置
  13. 命令行配置电脑IP(Windows下设置、增加、删除)
  14. JAVA核心知识点--HttpClient获取302响应中的Location头信息
  15. NAND FLASH MT29F4G08
  16. 我叫张强,somnus
  17. HashMap原理浅析(关于红黑树是什么?)
  18. python解5x5数独
  19. Docker安装MySQL忽略大小写问题的问题
  20. Linux简单知识点梳理(持续更新中)_莫韵乐的Linux王国

热门文章

  1. c语言isnan,C# Double.IsNaN()用法及代码示例
  2. CSS基础介绍(三)
  3. 关于mac上输入 insert和replace的快捷键切换
  4. Oracle入门知识
  5. 我的C++回调函数的理解
  6. 关于IOS系统,H5页面操作history.go(n)回退页面时不会刷新页面数据的问题
  7. 《碟中谍6》阿汤哥:自律是时间的杀手
  8. 测试未来老公的样子软件,你的未来老公是哪一型?
  9. Centos8 配置DNF代理方法
  10. 阿里云服务器ECS通用型g5和ECS通用型g6实例区别在哪?如何选择?