| |

处理前-库的选择

实际工作场景中，经常需要将系统中数据导出为Excel，便于产品和运营查阅和二次处理。本文详细介绍了使用PHP导出数据的方法。

PHP操作Excel主要有两个第三方库，一个是PHPExcel，另外一个是PhpSpreadsheet。其中PhpSpreadsheet是PHPExcel的升级版本。

PHPExcel本身支持超链接、样式设置（字体、颜色、边框线、对齐等）、行高列宽设置、表格冻结、公式、合并单元格、多表格等特性。从官方文档得知，PHPExcel支持PHP5.2版本，代码质量和性能会低于PhpSpreadsheet。另外PHPExcel从2015年便不再维护，因此很难从社区增加新特性和处理历史缺陷。PHPExcel支持xls和xlsx两种格式，xls是Microsoft Excel 2003以下版本支持的文件，xlsx是Microsoft Excel 2007以后开始的。

PhpSpreadsheet是下一代的PHPExcel，支持PHP5.6及以上，可以处理Microsoft Excel和LibreOffice Calc。PhpSpreadsheet作为下一代的PHPExcel，目前得到社区持续维护。

基于本身业务特点，以及疑难问题的快速处理，最终选择了PHPExcel作为导出的基础库，并且采用xls文件格式。PHPExcel库因为历史久远，积累了很多其他用户踩过的坑，也便于我们处理类似疑难问题。

下文所述的方法是将内容导出为xls文件格式。

处理中-内容的处理

处理多sheet

  • 核心方法：$obj_phpexcel->createSheet(​$i);
    1
    2
    3
    4
    5
    6
    7
    8
    $obj_phpexcel = new PHPExcel();
    $sheet_datas;//实际数据
    $sheet_name = 'test';
    foreach($sheet_datas as $i => $sheet_data) {
    	$obj_phpexcel->createSheet($i);
    	$obj_phpexcel->setActiveSheetIndex($sheet_index);
    	$obj_phpexcel->getActiveSheet()->setTitle($sheet_name);
    }

处理样式

  • 核心方法： $obj_phpexcel->getActiveSheet()->getStyle(‘A1’)->applyFromArray($style_array);
    getStyle的参数为实际坐标，比如A1，代表A列的第1行的单元格。applyFromArray的参数为样式配置。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
//样式配置
$style_array = array(
    'alignment' => array(
        'horizontal' =>
            PHPExcel_Style_Alignment::HORIZONTAL_GENERAL           = 'general'
            PHPExcel_Style_Alignment::HORIZONTAL_LEFT              = 'left'
            PHPExcel_Style_Alignment::HORIZONTAL_RIGHT             = 'right'
            PHPExcel_Style_Alignment::HORIZONTAL_CENTER            = 'center'
            PHPExcel_Style_Alignment::HORIZONTAL_CENTER_CONTINUOUS = 'centerContinuous'
            PHPExcel_Style_Alignment::HORIZONTAL_JUSTIFY           = 'justify'
        'vertical' =>
            PHPExcel_Style_Alignment::VERTICAL_BOTTOM  = 'bottom'
            PHPExcel_Style_Alignment::VERTICAL_TOP     = 'top'
            PHPExcel_Style_Alignment::VERTICAL_CENTER  = 'center'
            PHPExcel_Style_Alignment::VERTICAL_JUSTIFY = 'justify'
        'rotation' => (int)
        'wrap' => (boolean)
        'shrinkToFit' => (boolean)
        'indent' => (int)
    )
    'borders' => array(
        'allborders' => array(
            'style' => 
                PHPExcel_Style_Border::BORDER_NONE               = 'none';
                PHPExcel_Style_Border::BORDER_DASHDOT            = 'dashDot';
                PHPExcel_Style_Border::BORDER_DASHDOTDOT         = 'dashDotDot';
                PHPExcel_Style_Border::BORDER_DASHED             = 'dashed';
                PHPExcel_Style_Border::BORDER_DOTTED             = 'dotted';
                PHPExcel_Style_Border::BORDER_DOUBLE             = 'double';
                PHPExcel_Style_Border::BORDER_HAIR               = 'hair';
                PHPExcel_Style_Border::BORDER_MEDIUM             = 'medium';
                PHPExcel_Style_Border::BORDER_MEDIUMDASHDOT      = 'mediumDashDot';
                PHPExcel_Style_Border::BORDER_MEDIUMDASHDOTDOT   = 'mediumDashDotDot';
                PHPExcel_Style_Border::BORDER_MEDIUMDASHED       = 'mediumDashed';
                PHPExcel_Style_Border::BORDER_SLANTDASHDOT       = 'slantDashDot';
                PHPExcel_Style_Border::BORDER_THICK              = 'thick';
                PHPExcel_Style_Border::BORDER_THIN               = 'thin';
            'color' => array(
                'rgb' =>
                    PHPExcel_Style_Color::COLOR_BLACK            = 'FF000000';
                    PHPExcel_Style_Color::COLOR_WHITE            = 'FFFFFFFF';
                    PHPExcel_Style_Color::COLOR_RED              = 'FFFF0000';
                    PHPExcel_Style_Color::COLOR_DARKRED          = 'FF800000';
                    PHPExcel_Style_Color::COLOR_BLUE             = 'FF0000FF';
                    PHPExcel_Style_Color::COLOR_DARKBLUE         = 'FF000080';
                    PHPExcel_Style_Color::COLOR_GREEN            = 'FF00FF00';
                    PHPExcel_Style_Color::COLOR_DARKGREEN        = 'FF008000';
                    PHPExcel_Style_Color::COLOR_YELLOW           = 'FFFFFF00';
                    PHPExcel_Style_Color::COLOR_DARKYELLOW       = 'FF808000';
            )
        )
        'left' => // See 'allborders'
        'top' => // See 'allborders'
        'right' => // See 'allborders'
        'bottom' => // See 'allborders'
        'diagonal' =>
        'diagonaldirection' => 
    )
    'fill' => array(
        'type' =>
            PHPExcel_Style_Fill::FILL_NONE                         = 'none';
            PHPExcel_Style_Fill::FILL_SOLID                        = 'solid';
            PHPExcel_Style_Fill::FILL_GRADIENT_LINEAR              = 'linear';
            PHPExcel_Style_Fill::FILL_GRADIENT_PATH                = 'path';
            PHPExcel_Style_Fill::FILL_PATTERN_DARKDOWN             = 'darkDown';
            PHPExcel_Style_Fill::FILL_PATTERN_DARKGRAY             = 'darkGray';
            PHPExcel_Style_Fill::FILL_PATTERN_DARKGRID             = 'darkGrid';
            PHPExcel_Style_Fill::FILL_PATTERN_DARKHORIZONTAL       = 'darkHorizontal';
            PHPExcel_Style_Fill::FILL_PATTERN_DARKTRELLIS          = 'darkTrellis';
            PHPExcel_Style_Fill::FILL_PATTERN_DARKUP               = 'darkUp';
            PHPExcel_Style_Fill::FILL_PATTERN_DARKVERTICAL         = 'darkVertical';
            PHPExcel_Style_Fill::FILL_PATTERN_GRAY0625             = 'gray0625';
            PHPExcel_Style_Fill::FILL_PATTERN_GRAY125              = 'gray125';
            PHPExcel_Style_Fill::FILL_PATTERN_LIGHTDOWN            = 'lightDown';
            PHPExcel_Style_Fill::FILL_PATTERN_LIGHTGRAY            = 'lightGray';
            PHPExcel_Style_Fill::FILL_PATTERN_LIGHTGRID            = 'lightGrid';
            PHPExcel_Style_Fill::FILL_PATTERN_LIGHTHORIZONTAL      = 'lightHorizontal';
            PHPExcel_Style_Fill::FILL_PATTERN_LIGHTTRELLIS         = 'lightTrellis';
            PHPExcel_Style_Fill::FILL_PATTERN_LIGHTUP              = 'lightUp';
            PHPExcel_Style_Fill::FILL_PATTERN_LIGHTVERTICAL        = 'lightVertical';
            PHPExcel_Style_Fill::FILL_PATTERN_MEDIUMGRAY           = 'mediumGray';
        'rotation' => (double)
        'startcolor' => // See 'borders' => 'allborders' => 'color'
        'endcolor' => // See 'borders' => 'allborders' => 'color'
        'color' => // See 'borders' => 'allborders' => 'color'
    ) 
    'font' => array(
        'name' =>
            'Arial'
            'Calibri'
            // etc.
        'bold' => (boolean)
        'italic' => (boolean)
        'superScript' => (boolean)
        'subScript' => (boolean)
        'underline' => (boolean)
        'strike' => (boolean)
        'size' => (float)
        'color' => // See 'borders' => 'allborders' => 'color'
    )
    'numberformat' =>
    'protection' =>
)

写入数据

  • 核心方法：$obj_phpexcel->getActiveSheet()->setCellValueExplicit(‘A1’, $value, $dtype);
    dtype区分不同的数据类型，定义见PHPExcel\Cell\DataType.php
    1
    2
    3
    4
    5
    6
    7
    8
    9
    /* Data types */
    const TYPE_STRING2  = 'str';
    const TYPE_STRING   = 's';
    const TYPE_FORMULA  = 'f';
    const TYPE_NUMERIC  = 'n';
    const TYPE_BOOL     = 'b';
    const TYPE_NULL     = 'null';
    const TYPE_INLINE   = 'inlineStr';
    const TYPE_ERROR    = 'e';

处理超链接

核心方法：$obj_phpexcel->getActiveSheet()->getCell(‘A1’)->getHyperlink()->setUrl($URL);

处理公式

核心方法：$obj_phpexcel->getActiveSheet()->setCellValue(‘A1’, ‘=SUM(A10:E9)’);

合并单元格

核心方法：$obj_phpexcel->getActiveSheet()->mergeCells(‘A1:C1’);

列宽和行高

1
2
3
4
//列宽
$obj_phpexcel->getActiveSheet()->getColumnDimension($column_label)->setWidth($value);
//行高
$obj_phpexcel->getActiveSheet()->getRowDimension($key)->setRowHeight($value);

表格冻结

核心方法：$obj_phpexcel->getActiveSheet()->freezePane(‘D2’);

其他问题

实际值、像素值隐射

PHPExcel没办法将像素值，转化为Microsoft Excel实际的宽度和高度值。如果直接将像素值设置为Excel的实际值，会导致内容存在差异。经过测试得知，Excel实际值和像素值之间满足线性关系。知道问题原因，处理起来便很简单。

1
2
3
private function _get_excel_real_width($value) {
	return $value/7;
}

横坐标处理

Excel的横坐标为A、B….、AA、AB类型，需要将PHP数组下标转化为Excel的横坐标。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
private function _get_sheet_col_label($index) {
	if (isset($this->_col_label_map[$index])) {
		return $this->_col_label_map[$index];
	}
	$abc = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
	for ($i=0; $i < 600; $i++) { //最高支持600列
		$a = (int)($i / 26);
		$b = $i % 26;
		$column_label = '';
		if ($a == 0) {
			$column_label = $column_label . substr($abc, $b, 1);
		} else {
			$a = $a -1;
			$column_label = substr($abc, $a, 1) . substr($abc, $b, 1); 
		}
		$this->_col_label_map[($i)] = $column_label; 
	}
	return $this->_col_label_map[$index];
}

默认的样式处理

Excel本身的表格框线无法通过PHPExcel设置，需要trick处理。另外Excel的样式属性与css样式属性也会有差异，需要注意下。

1
2
3
4
5
6
7
8
9
//设置Excel默认框线
 $style_array = array(
      'borders' => array(
          'allborders' => array(
                'style' => PHPExcel_Style_Border::BORDER_THIN,
    			'color' => array('rgb' => 'DDDDDD')
          )
      )
  );

| |

前端方案

实时保存为Base64

用户通过界面操作SVG内容，当生成或者编辑SVG时，实时将SVG内容转换成Base64编码的img标签，塞回到原来的DOM节点中。此种方式在前端通过浏览器就可以完成，无须后端的参与。

方案原理是使用canvas做中转，将svg+xml转换成png。在无需后端参与做二次处理时，可以满足业务场景。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// 前端demo代码
function drawInlineSVG($svg, callback) {
    
    var svg = $svg[0];
    svg.innerHTML = '<rect width="100%" height="100%" fill="#ffffff"></rect>' + svg.innerHTML;
    var svgData = new XMLSerializer().serializeToString( svg );
    var canvas = document.createElement( "canvas" );
    var ctx = canvas.getContext( "2d" );
    var img = document.createElement( "img" );
    img.setAttribute( "src", "data:image/svg+xml;base64," + btoa( unescape(encodeURIComponent(svgData)) ) );
    img.onload = function () {
        ctx.drawImage( img, 0, 0 );
        canvas.toDataURL( "image/png" );
        callback && callback(this);
    };
    var $img = $(img);
    $img.height($svg.height());
    $img.width($svg.width());
    return $img;
}

前端生成png，定时提交到后台

在需要后台做二次处理时，可以借助于上述的前端方案，通过ajax请求定时、实时的将图片上传到服务器。

原理是使用字符串将base64编码的图片实时上传，在后台再做解码生成图片原型，落地到后台。因为需要实时转换和上传，对后端和前端的压力都比较大。

1
2
3
4
5
6
7
8
9
10
11
// 前端demo代码
var data = $('#canvasimage').attr('src'); // Base 64
$.ajax({ 
    type: "POST", 
    url: url,
    dataType: 'text',
    data: {
        base64data : data
    }
});
1
2
3
4
5
6
7
8
//后端demo代码
$data = 'data:image/png;base64,AAAFBfj42Pj4';
list($type, $data) = explode(';', $data);
list(, $data)      = explode(',', $data);
$data = base64_decode($data);
file_put_contents('/tmp/image.png', $data);

后端方案

引入PHP imagemagic扩展

PHP的imagemagic扩展，可以对SVG操作。使用方法也很简单。但因为imagemagic爆出的安全问题，生产环境一直没有装此扩展。对安全性要求不高的业务，可以使用。https://www.cvedetails.com/vulnerability-list/vendor_id-1749/Imagemagick.html

1
2
3
4
5
$image = new Imagick();
$image->readImageBlob(file_get_contents('image.svg'));
$image->setImageFormat("png24");
$image->resizeImage(1024, 768, imagick::FILTER_LANCZOS, 1); 
$image->writeImage('image.png');

引入batik-rasterizer

batik-rasterizer是Apache基金会下使用Java编写的处理SVG的工具包，要求安装Java 1.6以上的运行时。原理是使用Mozilla Rhino作为JavaScript引擎，生成了一套浏览器环境。https://xmlgraphics.apache.org/batik/tools/rasterizer.html

建议使用最高版本的发布包，高版本对SVG和样式的支持性会更好。目前最新版batik-rasterizer已经支持和外部引用CSS样式，但不支持SVG中foreignObject和通过xmlns=”http://www.w3.org/1999/xhtml"引用HTML标签。

1
2
## shell调用
java -jar batik-rasterizer.jar samples/batikFX.svg
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
## PHP调用
function export($svg, $output_full_path, $type = 'png', $width = null) {
	if (get_magic_quotes_gpc()) {
		$svg = stripslashes($svg);	
	}
	if(strpos($svg,"<!ENTITY") !== false){
		return false;
	}
	if ($type == 'png') {
		$typeString = '-m image/png';
		
	} elseif ($type == 'jpeg') {
		$typeString = '-m image/jpeg';
	} elseif ($type == 'pdf') {
		$typeString = '-m application/pdf';
		$ext = 'pdf';
	}
	$svgTmpPathArr = explode('/', $output_full_path);
	unset($svgTmpPathArr[count($svgTmpPathArr)-1]);
	$tempName = time() . rand();
	$svgTmpPath = implode('/', $svgTmpPathArr) . "/$tempName.svg";
	if (!file_put_contents($svgTmpPath, $svg)) { 
		return false;
	}
	if (!empty($width)) {
		$width = (int)$width;
		if ($width) {
			$width = "-w $width";
		}
	}
	if(!file_exists($output_full_path)) { 
		$handle = fopen($output_full_path, "w");
		fclose($handle);
	}
	@shell_exec("java -jar ".  $batik_rasterizer_path ." $typeString -d $output_full_path $width $svgTmpPath");
	unlink($svgTmpPath);
	if (!is_file($output_full_path) || filesize($output_full_path) < 10) {
		return false;
	} else {
		return $output_full_path;
	}
}
function transfer_svg_to_images($content) {
	$images = array();
	//特殊样式的处理
	$svg_tag_pattern = '/(<rect[^<]*?)\>\<\/rect\>/i';
	$styles = ' style="fill:#ececff; stroke:#9370db; stroke-width:1"';
	$content = preg_replace_callback($svg_tag_pattern, function($matches) use($styles) {			
	 	return str_replace($matches[1], $matches[1] . $styles, $matches[0]);
	}, $content);
	//移除不支持标签
	$svg_tag_pattern = '/(<div xmlns=[^<]*?\>)[\s\S]*?(\<\/div\>)/i';
	$content = preg_replace_callback($svg_tag_pattern, function($matches) {		
	 	$tmp_str = str_replace($matches[1], '<text y="10">', $matches[0]);
	 	$tmp_str = str_replace($matches[2], '</text>',$tmp_str);
	 	$tmp_str = str_replace('span', 'tspan',$tmp_str);
	 	return $tmp_str;
	}, $content);
	//移除不支持标签
	$content = str_replace('foreignObject', 'g', $content);
	$svg_str_pattern = '/\<svg[\s\S]*?\<\/svg\>/i';//匹配富文本中SVG内容
	$ret = preg_replace_callback($svg_str_pattern, function($matches) use(&$images) {
		$image_path =  '/tmp/'. time(). rand() .'svg.png';
		$image_path = export($matches[0], $image_path); //实际导出处理
		$ret_path = null;
		if(file_exists($image_path)){
			$images[] = $image_path;
			$ret_path = '<img src="' . $image_path . '" />';
		}
		return $ret_path;
	}, $content);
	return array($ret, $images);
}

其他问题

SVG本身是属于W3C XML的分支，浏览器的实现方式和支持程度也不一样，在后端尤其如此。因为本身的语言标准以及CSS样式控制的问题，导致实际图片和浏览器预览都有差异，往往都需要使用正则对原始SVG文本做hack处理。尤其是后端的两种导出方式。

前端相比后端转换，兼容性和支持性会好很多。当然具体使用那种转换方式，还是需要针对业务场景。

| |

最早从Web2.0 Ajax技术开始兴起，就有提前后端分离了。从Gmail的单页应用，到现在的单页应用层出不穷。浏览器渲染引擎也一直在突破，越来越多的交互、计算放在了浏览器这一层。传统后端MVC架构，变成了前后端的MVC。后台的接口变成了模型层，逻辑处理层从CGI变成了JavaScript，展示层则还是标记语言HTML和CSS。

阅读全文 »

| |

松浦弥太郎说过，所谓工作就是证明自己有用。很大白话的道理，深表赞同。劳动者付出了劳动，雇佣者给与其报酬。报酬的高低取决于劳动者证明自己有多有用。

工作所需要的技能包含两个层面，其一是专业技能，其二是通用技能。我们能独立完成这项工作，依赖的是专业技能，即工作的专业性。不管是厨师、医生、会计、程序员还是地铁司机，专业度不过关是最难逾越的发展瓶颈。

人和人之间是一个复杂的关系网络，个体的表现不仅需要个人专业能力，还需和群体互动，提升互动效率。这需要沟通表达能力、信息探索能力、阅读写作能力、时间管理能力，还有高情商。对刚毕业的小萌新来说，往往更看重专业技能的探索，忽视通用技能的重要性。因为通用技能的缺失，自己也碰壁过多次。

《软技能–代码之外的生存指南》这本书是在2015年看的，书写的非常好。作者是一名国外的软件工程师，从技术人员的角度撰写的关于软件开发人员的职场发展。15年看完这本书后，对自己的启发也特别大。gglinux.com这个域名也是看完这本书之后决定长期使用的。另外也看过《学会提问-批判性思维指南》。除了这两本书以外，也参加了几场知乎的线上私家课和公司提供的通用技能培训。

综合以前学习到的内容，结合自己的一些实际感悟，做一些总结。

阅读全文 »

| |

这篇文章，原计划是去年9月份写的，一直拖到了现在。主要原因在于一直抽不出时间，其次对整个敏捷研发，包括现如今的DevOps也只是浅尝辄止，害怕误人子弟和广告嫌疑。笔者一方面作为敏捷研发的实践者，另一方面作为敏捷研发的受益者。站在这两层身份上，浅谈下TAPD和敏捷研发。

TAPD介绍

TAPD，是腾讯敏捷产品研发平台，强调敏捷迭代、小步快跑，使用范围包含腾讯和腾讯的合作伙伴，是腾讯敏捷研发的精髓，支撑腾讯数以万计的产品研发和协同。目前TAPD已开放SaaS服务，助力业界提升团队研发效率。http://www.tapd.cn/

敏捷研发

最早接触软件研发方法论是在大学软件工程的课程上。老师给我们讲的是瀑布模型，毕业设计也是按照瀑布模型的方式完成的。可行性研究，需求分析，基本设计，详细设计，编码，测试，维护。这种开发模式对传统大型软件研发是很适用的。完善的开发流程，精细的设计，详尽的文档，角色各司其职，对软件质量和维护有很强的适应性。

毕业后，从事互联网工作，开始了敏捷研发的”熏陶”。起初对这种方式有些排斥，经常开会（晨会，需求评审，测试用例）。需求经常变更。没有时间顾及代码质量。进入新项目时，需要看旧代码才能理解设计意图，看别人的代码更是一种痛苦。对开发人员来说，没有注释和文档的代码，真是一种煎熬。在紧凑的迭代周期中，代码设计也没法顾虑过多，反复的变更导致代码可读性差。

公司存在的目的是盈利，蛋糕只有这么大，快速占领市场才是王炸。敏捷研发对互联网公司来说，尤其是移动互联网软件开发而言是更适应的。敏捷研发的核心在于快速迭代，拥抱变化。目标是让客户满意(以用户价值为依归)，保证软件灵活度以适应极速变化的市场。通俗一点说，更快的适应市场，更好的赚钱。

阅读全文 »

| |

毕业一年了，上上下下经历了不少公司。自己创过业，也在B轮公司待过，也在D轮做过事，另外也在上市公司做过螺丝钉。林林总总算下来，也有五家公司了。也是挺折腾的。经常有人会觉得，这小伙沉不下来。其实对应聘者而言，反反复复更换工作，当然有其不好之处。

但从另一方面考虑有些人为什么会频繁更换工作呢？人往往喜欢待在舒适区，待久了一个地方就懒的去更换巢穴。频繁的跳出舒适区，也是对自己发展现状不满意的宣泄。这也是对笔者频繁更换工作的一种解释吧。我是觉得适当时机跳出舒适区，是对个人职业发展的追求。

入职腾讯也有两周了，这期间经常有人问我腾讯的面试情况。在不违反公司制度的前提下，我会简单介绍有关问题。其次会比较下我目前待过几家公司的特点。

阅读全文 »

| |

yii2-plus，是基于yii2.0的脚手架项目。支持restapi，Admin(管理后台)，Web（www服务），服务化。集成JWT、Hprose、推送、队列、Element UI。

阅读全文 »

| |

对PHP C扩展开发感兴趣的同学可以看下，项目包含8个demo，每个demo都可抽离出来独立运行。相比较使用ext_skel生成的骨架，demo会更好理解（只包含核心方法）。每个demo都有相应的测试文件和运行文档，另外代码中也会有较详细的注释。

阅读全文 »

| |

这几年，看了一些书。罗列出来，希望能给需要的人一些借鉴。正好在找工作，也能复习下。当然笔者是计科毕业的，专业书除外。后续的一些书籍信息，也会更新到这里。

阅读全文 »

| |

即时通讯（Instant Messaging，简称IM）是一个实时通信系统，允许两人或多人使用网络实时的传递文字消息、文件、语音与视频交流。实现方式有两种。第一种基于Server转发的，Client双方通信会经过Server转发来完成消息传递。例如QQ、微信。

第二种是基于P2P(点对点)的。P2P的实现依赖于客户端之间的互联，但由于NAT与防火墙的存在，客户端无法直接互联，需要coturn服务器用来穿越NAT网络。

本文主要讲述基于Server转发实现的即时通讯原理和实现过程，包括私聊和群聊两类。私聊和群聊，原理基本类似，但私聊是单次转发,群聊属于遍历转发。不同点为，群聊以群ID（多人）划分，私聊以会话ID（两人）划分，其次消息存储上也有较大差异。

阅读全文 »