灰度发布.drawio

<mxfile host="app.diagrams.net" modified="2023-07-27T15:14:02.880Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36" etag="QdjDOxjzZypRuAi083tH" version="21.6.5" type="device">
  <diagram name="第 1 页" id="6VHyrf4RnUP9-guj0Ljb">
    <mxGraphModel dx="1971" dy="1158" grid="0" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="2339" pageHeight="3300" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="qPUMw9kxeBwNoU67YAjY-4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" edge="1" parent="1" source="UOLmaj7YLkhCM3eoybqw-23" target="UOLmaj7YLkhCM3eoybqw-32">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-23" value="App A&lt;br&gt;灰度" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
          <mxGeometry x="819" y="593" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-24" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" edge="1" source="UOLmaj7YLkhCM3eoybqw-25" target="qPUMw9kxeBwNoU67YAjY-1" parent="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-25" value="App A&lt;br&gt;基线" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
          <mxGeometry x="819" y="675" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-26" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" edge="1" source="UOLmaj7YLkhCM3eoybqw-28" target="UOLmaj7YLkhCM3eoybqw-23" parent="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-27" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" edge="1" source="UOLmaj7YLkhCM3eoybqw-28" target="UOLmaj7YLkhCM3eoybqw-25" parent="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-28" value="用户" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
          <mxGeometry x="658" y="635" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-54" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0;entryY=0.25;entryDx=0;entryDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" edge="1" parent="1" source="UOLmaj7YLkhCM3eoybqw-32" target="UOLmaj7YLkhCM3eoybqw-35">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-32" value="AppB&lt;br&gt;灰度" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
          <mxGeometry x="954" y="593" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-33" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=0;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" edge="1" source="UOLmaj7YLkhCM3eoybqw-35" target="UOLmaj7YLkhCM3eoybqw-23" parent="1">
          <mxGeometry relative="1" as="geometry">
            <mxPoint x="1153" y="593" as="sourcePoint" />
            <Array as="points">
              <mxPoint x="1150" y="572" />
              <mxPoint x="869" y="572" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-36" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" edge="1" parent="1" source="UOLmaj7YLkhCM3eoybqw-35" target="UOLmaj7YLkhCM3eoybqw-25">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="1153" y="685" />
              <mxPoint x="1153" y="744" />
              <mxPoint x="869" y="744" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-35" value="App C&lt;br&gt;基线" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
          <mxGeometry x="1100" y="639" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-38" value="&lt;div style=&quot;font-size: 13px;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;&lt;font style=&quot;font-size: 13px;&quot;&gt;全链路灰度（推荐）&lt;/font&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-size: 13px;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;&lt;font style=&quot;font-size: 13px;&quot;&gt;优点：只需持续传递上下文，工作量较少；灰度链路整体隔离，跟业界主流做法保持一致。&lt;/font&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-size: 13px;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;&lt;font style=&quot;font-size: 13px;&quot;&gt;缺点：对灰度App兼容性要求较高。&lt;/font&gt;&lt;/span&gt;&lt;/div&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="653" y="484" width="574" height="66" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-39" value="&lt;div style=&quot;font-size: 13px;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;&lt;font style=&quot;font-size: 13px;&quot;&gt;入口App灰度&lt;/font&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-size: 13px;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;&lt;font style=&quot;font-size: 13px;&quot;&gt;优点：灰度请求范围较小；对灰度App兼容性要求较低。&lt;/font&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;font-size: 13px;&quot;&gt;&lt;span style=&quot;background-color: initial;&quot;&gt;&lt;font style=&quot;font-size: 13px;&quot;&gt;缺点：需要在跨App调用时清除上下文，开发成本较高；无法实现多App租户灰度场景。&lt;/font&gt;&lt;/span&gt;&lt;/div&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="653" y="862" width="566" height="76" as="geometry" />
        </mxCell>
        <mxCell id="qPUMw9kxeBwNoU67YAjY-7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.25;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" edge="1" parent="1" source="UOLmaj7YLkhCM3eoybqw-56" target="qPUMw9kxeBwNoU67YAjY-5">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-56" value="App A&lt;br&gt;灰度" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
          <mxGeometry x="819" y="973" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="qPUMw9kxeBwNoU67YAjY-10" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;entryX=0;entryY=0.75;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" edge="1" parent="1" source="UOLmaj7YLkhCM3eoybqw-58" target="qPUMw9kxeBwNoU67YAjY-5">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-58" value="App A&lt;br&gt;基线" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
          <mxGeometry x="819" y="1055" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-59" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.25;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#dae8fc;strokeColor=#6c8ebf;" edge="1" source="UOLmaj7YLkhCM3eoybqw-61" target="UOLmaj7YLkhCM3eoybqw-56" parent="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-60" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" edge="1" source="UOLmaj7YLkhCM3eoybqw-61" target="UOLmaj7YLkhCM3eoybqw-58" parent="1">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-61" value="用户" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#d5e8d4;strokeColor=#82b366;" vertex="1" parent="1">
          <mxGeometry x="658" y="1015" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-64" value="AppB&lt;br&gt;灰度" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1">
          <mxGeometry x="959" y="973" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-66" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" edge="1" source="UOLmaj7YLkhCM3eoybqw-67" target="UOLmaj7YLkhCM3eoybqw-58" parent="1">
          <mxGeometry relative="1" as="geometry">
            <Array as="points">
              <mxPoint x="1153" y="1124" />
              <mxPoint x="869" y="1124" />
            </Array>
          </mxGeometry>
        </mxCell>
        <mxCell id="UOLmaj7YLkhCM3eoybqw-67" value="App C&lt;br&gt;基线" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
          <mxGeometry x="1100" y="1019" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="qPUMw9kxeBwNoU67YAjY-3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.75;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" edge="1" parent="1" source="qPUMw9kxeBwNoU67YAjY-1" target="UOLmaj7YLkhCM3eoybqw-35">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="qPUMw9kxeBwNoU67YAjY-1" value="AppB&lt;br&gt;基线" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
          <mxGeometry x="954" y="675" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="qPUMw9kxeBwNoU67YAjY-9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fillColor=#ffe6cc;strokeColor=#d79b00;" edge="1" parent="1" source="qPUMw9kxeBwNoU67YAjY-5" target="UOLmaj7YLkhCM3eoybqw-67">
          <mxGeometry relative="1" as="geometry" />
        </mxCell>
        <mxCell id="qPUMw9kxeBwNoU67YAjY-5" value="AppB&lt;br&gt;基线" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#ffe6cc;strokeColor=#d79b00;" vertex="1" parent="1">
          <mxGeometry x="959" y="1055" width="100" height="46" as="geometry" />
        </mxCell>
        <mxCell id="qPUMw9kxeBwNoU67YAjY-11" value="&lt;div style=&quot;&quot;&gt;https://juejin.cn/post/7099700728473747487&lt;br&gt;&lt;/div&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="653" y="1149" width="445" height="76" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>