Skip to content

Home

Jump to bottom
linktang edited this page Jul 13, 2016 · 8 revisions

Welcome to the node-project-5 wiki!

欢迎阅读node-project-5的开发&构建流程介绍

在这个项目中，我们将使用 NodeJS 创建一个 Web 应用，通过腾讯云万象优图的SDK，支持用户上传图片以及操作一些简单功能。具体功能包括：

  1. 上传本地图片文件至腾讯云万象优图bucket
  2. 获取上传成功图片文件的大小宽高等基本信息
  3. 对图片按宽或高进行等比压缩，并返回图片数据
  4. 对图片进行旋转，并返回图片数据

##如何运行或测试应用

启动项目后，可以通过Postman来进行模拟请求，相关的Postman设置可以点击下面链接： Run in Postman

知识

本项目假设开发者已经了解以下基础知识，项目开展过程中这些知识不再讲解：

  • NodeJS
  • Express
  • ES 2015，本项目使用到包括但不限于箭头函数、字符串模板、Generator/Promise

云资源

本项目使用到的云资源包括：

  1. 腾讯云 万象优图 服务，创建 bucket 1 个
  2. （可选）腾讯云注册域名一个，用于部署应用到外网。

开发过程

###STEP0.node环境初始化

本步骤源代码可以在 step-0 分支上获取

首先我们引入express并启动一个web server,（此处略去nodejs安装与环境配置过程，可自行谷歌~）代码如下：

// server.js
'use strict';

const express = require("express");

function start(port) {
    const app = express();
    app.get("/", (request, response) => {
        response.write("Qcloud node course 5");
        response.end();
    });
    app.listen(port || 3000);
}

start();

本项目每个文件开头都有个 'use strict' 语句，其作用可以参考 Strict Mode - MDN

上面的代码写好后可以直接在本地启动:

node server.js

此时访问本地地址 http://127.0.0.1:3000 ，应该可以看到页面输出了一句简单的 "Qcloud node course 5"。

###STEP1.上传图片到本地服务器

本步骤源代码可以在 step-1 分支上获取

###STEP2.上传图片到万象优图服务器

本步骤源代码可以在 step-2 分支上获取

###STEP3.根据文件名获取上传成功的文件信息

本步骤源代码可以在 step-3 分支上获取

###STEP4.根据文件名以及指定的宽高对图片进行处理并返回处理后的图片信息

本步骤源代码可以在 step-4 分支上获取

###STEP5.根据文件名以及指定的角度参数对图片进行处理并返回处理后的图片信息

本步骤源代码可以在 step-5 分支上获取

###STEP6.根据文件名删除图片

本步骤源代码可以在 step-6 分支上获取

###STEP7.正式环境部署和后续问题

总结

通过腾讯云万象优图SDK构建的图片应用的 Node 服务端开发搭建完毕。大家看看从这个案例都学习到了哪些知识。

  • 腾讯云万象优图服务的管理及其 SDK 的使用，包括上传，获取数据和删除
  • 使用 multer 处理文件上传
  • 使用 co 来处理异步代码
  • 一般的http请求处理方法
Clone this wiki locally