分钟用阿里云函数计算构建OCR智能识别云端小程序

来源：互联网 2026-06-29 06:36:12

基于阿里云函数计算与支付宝小程序，构建了一套轻量级、可扩展的云端OCR识别工具。通过函数计算的事件驱动机制，实现图片上传、OCR文字识别及结果存储，支持按需伸缩与弹性运行，简化后端开发与运维。

支付宝小程序结合函数计算，只需十分钟即可搭建一个轻量级、可扩展的云端OCR识别工具。听起来很有吸引力？下面详细拆解整个流程。

背景介绍

小程序兴起后，轻量级应用开发成为许多开发者的关注重点。与此同时，后端Serverless化的优势也日益凸显——两者结合，可以快速构建高可用、弹性伸缩的小程序。本教程的目标非常简单：让函数计算的新手也能快速上手，并切实体验函数计算带来的便捷与优势。现在开始动手实践吧。

长期稳定更新的攒劲资源： >>>点此立即查看<<<

关于函数计算
阿里云函数计算是事件驱动的全托管计算服务。开发者无需管理服务器等基础设施，只需编写代码并上传，函数计算会自动准备好计算资源，以弹性、可靠的方式运行代码。同时，函数计算与云端服务的集成能力，使开发者仅需少量代码即可串联多个服务，完成复杂功能，效率大幅提升。

使用函数计算作为小程序后端，优势非常直接：

开发和部署更简单：只需关注业务逻辑，也只需实现业务逻辑本身。
应用稳定性、可用性更高：函数计算提供弹性、可靠的计算资源，并具备根据流量自动伸缩的能力。
节省系统资源：Serverless与云服务器的最大区别在于——云服务器需要持续运行，而函数计算是按需计算。只有请求到来时才会执行函数，无请求时完全不消耗资源。

应用结构

分钟用阿里云函数计算构建OCR智能识别云端小程序

流程大致如下：小程序客户端上传图片，通过HTTP trigger触发upload_ocr_image函数，该函数将文件上传到OSS；OSS存入新图片后，触发process_image函数，该函数读取图片并调用OCR API进行文字识别与提取；最后将识别结果存回OSS。小程序客户端再次请求识别结果时，通过HTTP trigger触发get_ocr_result函数，获取结果。

开发步骤

1. 开发准备

在阿里云控制台获取SecretId和SecretKey。
开通函数计算，熟悉基本功能。
开启OSS服务，创建两个bucket：一个用于存储上传的图片，一个用于存储识别结果（本demo需要两个）。
开启OCR服务（有免费试用次数：通用类图片文字识别），获取appcode和服务url，后续配置时会用到。
在支付宝小程序开发平台，按示例创建应用：体验小程序Demo。

2. 编写函数

编写HTTP请求函数

函数计算可以直接使用HTTP trigger触发，从而快速编写任何接口。这里需要两个接口：一个是图片上传，一个是获取OCR结果。

图片上传的接口代码：

def upload_ocr_image(environ, start_response):
    '''upload ocr image function triggered by http request'''
    try:
        content = cgi.FieldStorage(fp=environ['wsgi.input'], environ=environ, keep_blank_values=True)
        for key in content.keys():
            image_binary = content.getvalue(key)
            auth = oss2.Auth(secret_id, secret_key)
            bucket = oss2.Bucket(auth, oss_endpoint, ocr_image_bucket)
            bucket.put_object(key, image_binary)
        status = '200 OK'
        response_headers = [('Content-type', 'text/plain')]
        start_response(status, response_headers)
        return ['upload image success']
    except (ValueError):
        return ['upload_ocr_image failed']

获取OCR结果的接口代码：

def get_ocr_result(environ, start_response):
    '''get ocr result function triggered by http request'''
    try:
        request_body_size = int(environ.get('CONTENT_LENGTH', 0))
        request_body = environ['wsgi.input'].read(request_body_size)
        res_json = json.loads(request_body)
        auth = oss2.Auth(secret_id, secret_key)
        bucket = oss2.Bucket(auth, oss_endpoint, ocr_text_bucket)
        ocr_res = bucket.get_object(str(res_json['key'])).read()
        status = '200 OK'
        response_headers = [('Content-type', 'text/plain')]
        start_response(status, response_headers)
        return [str(ocr_res).encode('utf8')]
    except (ValueError):
        return ['get_ocr_result failed']

编写OCR处理函数

使用OSS trigger，当有图片上传时自动触发OCR函数：

def process_image(event, context):
    ''' process image function triggered by OSS when a image file is uploaded '''
    evt = json.loads(event)
    evt = evt['events'][0]
    bucket_name = evt['oss']['bucket']['name']
    endpoint = 'oss-' + evt['region'] + '.aliyuncs.com'
    obj_key = evt['oss']['object']['key']
    logger.info('New image uploaded: ' + str(obj_key))
    creds = context.credentials
    auth = oss2.StsAuth(creds.access_key_id, creds.access_key_secret, creds.security_token)
    bucket = oss2.Bucket(auth, endpoint, bucket_name)
    image_data = bucket.get_object(obj_key).read()
    detect_word_list = detect_text(image_data)
    text_bucket = oss2.Bucket(auth, endpoint, ocr_text_bucket)
    text_bucket.put_object(obj_key + '_ocr.txt', ' '.join(detect_word_list).encode(encoding='UTF8'))
    return 'Processed image file success, text can be seen in the text bucket'

def detect_text(image_data):
    ''' 请求阿里云OCR Api '''
    encoded_image = base64.b64encode(image_data)
    detect_word_list = text_detect_api(encoded_image)
    logger.info("Detect word list : " + ' '.join(detect_word_list))
    return detect_word_list

def text_detect_api(encodestr):
    method = 'POST'
    bodys = {}
    bodys['img'] = encodestr
    bodys['prob'] = 'false'
    bodys['charInfo'] = 'false'
    bodys['rotate'] = 'false'
    bodys['table'] = 'false'
    post_data = json.dumps(bodys).encode(encoding='UTF8')
    request = urllib2.Request(ocr_api_url, post_data)
    request.add_header('Authorization', 'APPCODE ' + ocr_api_appcode)
    request.add_header('Content-Type', 'application/json; charset=UTF-8')
    ctx = ssl.create_default_context()
    ctx.check_hostname = False
    ctx.verify_mode = ssl.CERT_NONE
    response = urllib2.urlopen(request, context=ctx)
    content = response.read()
    logger.info("text detection res: " + str(content))
    word_list = []
    words_info = json.loads(content)['prism_wordsInfo']
    for info in words_info:
        word_list.append(info['word'].encode('utf8'))
    return word_list

3. 编写支付宝小程序

OCR识别的代码中，和分别对应upload_ocr_image和get_ocr_result两个函数的触发地址（在函数控制台可查看）。下面是小程序的主要代码片段：

// 选择并上传图片
attach() {
    my.chooseImage({
        chooseImage: 1,
        success: res => {
            const path = res.apFilePaths[0];
            console.log(path)
            var key = path
            my.uploadFile({
                url: '',
                fileType: 'image',
                fileName: key,
                filePath: path,
                success: (ret) => {
                    var start=new Date().getTime();
                    var n = 2000
                    while(true) {
                        if(new Date().getTime()- start > n) break;
                    }
                    var resKey = key + '_ocr.txt'
                    my.request({
                        url: '',
                        method: 'POST',
                        data: {key: resKey},
                        dataType: 'json',
                        success: function(Res) {
                            my.alert({ content: 'Get OCR Result = ' + Res.data});
                        },
                        fail: function(Res) {
                            my.alert({content: 'get ocr result fail:' + Res.errorMessage});
                        }
                    });
                },
            });
        },
    });
},

4. 部署函数

使用Fun工具部署函数。需要编写函数部署的YAML文件，更多模板文件编写信息可参考Serverless Application Model。下面是YAML配置：

ROSTemplateFormatVersion: '2015-09-01'
Transform: 'Aliyun::Serverless-2018-04-03'
Resources:
  test:
    Type: 'Aliyun::Serverless::Service'
    Properties:
      Policies:
        - AliyunOSSFullAccess # Managed Policy
        - AliyunLogFullAccess # Managed Policy
      LogConfig:
        Project: func-func-log
        Logstore: func-test
    ocr_extract:
      Type: 'Aliyun::Serverless::Function'
      Properties:
        Handler: cloud_func_ocr.process_image
        Runtime: python2.7
        Timeout: 60
        MemorySize: 512
        CodeUri: './'
    upload_image:
      Type: 'Aliyun::Serverless::Function'
      Properties:
        Handler: cloud_func_ocr.upload_ocr_image
        Runtime: python2.7
        Timeout: 60
        MemorySize: 512
        CodeUri: './'
        Events:
          http-trigger:
            Type: HTTP
            Properties:
              AuthType: ANONYMOUS
              Methods: ['GET', 'POST', 'PUT']
    get_ocr_result:
      Type: 'Aliyun::Serverless::Function'
      Properties:
        Handler: cloud_func_ocr.get_ocr_result
        Runtime: python2.7
        Timeout: 60
        MemorySize: 512
        CodeUri: './'
        Events:
          http-trigger:
            Type: HTTP
            Properties:
              AuthType: ANONYMOUS
              Methods: ['GET', 'POST', 'PUT']

记得替换cloud_func_ocr.py代码中<>里的内容为你自己的配置。然后在代码目录下运行命令$ fun deploy，一键部署函数。