apollo-server/docs/source/images/index-diagram.svg

115 lines
19 KiB
XML
Raw Normal View History

2018-05-02 15:58:36 -07:00
<?xml version="1.0" encoding="UTF-8"?>
<svg width="467px" height="258px" viewBox="0 0 467 258" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.2 (51160) - http://www.bohemiancoding.com/sketch -->
<title>server-arch-JM</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="19" y="0" width="82" height="36" rx="18"></rect>
<rect id="path-2" x="197" y="0" width="82" height="36" rx="18"></rect>
<rect id="path-3" x="365" y="0" width="82" height="36" rx="18"></rect>
<rect id="path-4" x="164" y="222" width="147" height="36" rx="18"></rect>
<rect id="path-5" x="347" y="222" width="120" height="36" rx="18"></rect>
<rect id="path-6" x="0" y="222" width="120" height="36" rx="18"></rect>
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-7">
<stop stop-color="#EB7ED3" offset="0%"></stop>
<stop stop-color="#D348A7" offset="100%"></stop>
</linearGradient>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path d="M237.597598,34.131746 L237.597598,115.814286" id="Line-3" stroke="#E535AB" stroke-width="1.6"></path>
<path d="M66,19 C204.984817,19 218.209352,76.2317759 237.271272,130.067676" id="Path-4-Copy-2" stroke="#E535AB" stroke-width="2"></path>
<path d="M237,19 C373.738915,19 388.749113,74.3970658 407.351206,127.455415" id="Path-4-Copy" stroke="#E535AB" stroke-width="2" transform="translate(322.175603, 73.227708) scale(-1, 1) translate(-322.175603, -73.227708) "></path>
<circle id="Oval" fill="#FFFFFF" cx="309.5" cy="36.5" r="17.5"></circle>
<circle id="Oval" fill="#FFFFFF" cx="165.5" cy="36.5" r="17.5"></circle>
<circle id="Oval-Copy" fill="#FFFFFF" cx="237.5" cy="62.5" r="17.5"></circle>
<path d="M245.271272,130.067676 C262.197801,177.872664 283.727116,223 402,223" id="Path-4" stroke="#14CBC4" stroke-width="2"></path>
<path d="M74,127.22287 C91.1128158,176.066412 111.113658,223 231.730295,223" id="Path-4" stroke="#14CBC4" stroke-width="2" transform="translate(152.865148, 175.111435) scale(-1, 1) translate(-152.865148, -175.111435) "></path>
<path d="M237.597598,124.495865 L237.597598,222.964153" id="Line-3" stroke="#14CBC4" stroke-width="1.6"></path>
<circle id="Oval-5-Copy-19" stroke="#14CBC4" stroke-width="1.6" fill="#FFFFFF" cx="184.5" cy="198.5" r="6.5"></circle>
<circle id="Oval-5-Copy-20" stroke="#14CBC4" stroke-width="1.6" fill="#FFFFFF" cx="291.5" cy="198.5" r="6.5"></circle>
<circle id="Oval-5-Copy-18" stroke="#14CBC4" stroke-width="1.6" fill="#FFFFFF" cx="237.5" cy="192.5" r="6.5"></circle>
<g id="Rectangle-12-Copy-5">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
<rect stroke="#14CBC4" stroke-width="1.6" x="19.8" y="0.8" width="80.4" height="34.4" rx="17.2"></rect>
</g>
<text id="Browser" font-family="Helvetica" font-size="11.2" font-weight="normal" letter-spacing="0.4" fill="#343C5A">
<tspan x="47.3226941" y="21.3333333">Web</tspan>
</text>
<g id="Rectangle-12-Copy-5">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-2"></use>
<rect stroke="#14CBC4" stroke-width="1.6" x="197.8" y="0.8" width="80.4" height="34.4" rx="17.2"></rect>
</g>
<text id="Browser" font-family="Helvetica" font-size="11.2" font-weight="normal" letter-spacing="0.4" fill="#343C5A">
<tspan x="228.500328" y="21">iOS</tspan>
</text>
<g id="Rectangle-12-Copy-5">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
<rect stroke="#14CBC4" stroke-width="1.6" x="365.8" y="0.8" width="80.4" height="34.4" rx="17.2"></rect>
</g>
<text id="Browser" font-family="Helvetica" font-size="11.2" font-weight="normal" letter-spacing="0.4" fill="#343C5A">
<tspan x="384.636757" y="21.3333333">Android</tspan>
</text>
<g id="Rectangle-12-Copy-5">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-4"></use>
<rect stroke="#14CBC4" stroke-width="1.6" x="164.8" y="222.8" width="145.4" height="34.4" rx="17.2"></rect>
</g>
<text id="Microservice" font-family="Helvetica" font-size="11.2" font-weight="normal" letter-spacing="0.4" fill="#343C5A">
<tspan x="204.149635" y="244">Microservice</tspan>
</text>
<g id="Rectangle-12-Copy-5">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
<rect stroke="#14CBC4" stroke-width="1.6" x="347.8" y="222.8" width="118.4" height="34.4" rx="17.2"></rect>
</g>
<text id="Database" font-family="Helvetica" font-size="11.2" font-weight="normal" letter-spacing="0.4" fill="#343C5A">
<tspan x="380.040638" y="244">Database</tspan>
</text>
<g id="Rectangle-12-Copy-5">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-6"></use>
<rect stroke="#14CBC4" stroke-width="1.6" x="0.8" y="222.8" width="118.4" height="34.4" rx="17.2"></rect>
</g>
<text id="REST-API" font-family="Helvetica" font-size="11.2" font-weight="normal" letter-spacing="0.4" fill="#343C5A">
<tspan x="31.9004032" y="244">REST API</tspan>
</text>
<g id="Group-2" transform="translate(225.000000, 49.000000)" fill="url(#linearGradient-7)" fill-rule="nonzero">
<g id="graphql_logo">
<path d="M22.8014328,16.979628 C22.5919222,16.8600531 22.3824117,16.7883082 22.1729011,16.7165633 L22.1729011,10.3073516 C22.3824117,10.2595217 22.6152012,10.1638618 22.8014328,10.044287 C23.9421013,9.37466785 24.3378435,7.91585474 23.6860329,6.76793623 C23.0109433,5.62001771 21.5443695,5.21346324 20.4037009,5.88308237 C20.1941904,6.00265722 20.0079588,6.14614703 19.8682851,6.31355182 L14.304616,3.10894597 C14.3744529,2.89371125 14.3977318,2.65456156 14.3977318,2.43932684 C14.3977318,1.10008857 13.3269001,0 12,0 C10.6730999,0 9.60226816,1.0761736 9.60226816,2.41541187 C9.60226816,2.65456156 9.62554711,2.86979628 9.69538396,3.10894597 L4.13171493,6.31355182 C3.96876228,6.14614703 3.80580963,6.00265722 3.59629908,5.88308237 C2.45563054,5.21346324 0.965777741,5.62001771 0.313967144,6.76793623 C-0.337843454,7.91585474 0.0578986945,9.37466785 1.19856724,10.044287 C1.40807779,10.1638618 1.61758834,10.2356067 1.82709889,10.3073516 L1.82709889,16.7165633 C1.61758834,16.7643933 1.38479884,16.8600531 1.19856724,16.979628 C0.0578986945,17.6492471 -0.337843454,19.1080602 0.313967144,20.2559787 C0.989056691,21.4038973 2.45563054,21.8104517 3.59629908,21.1408326 C3.80580963,21.0212578 3.99204123,20.8777679 4.13171493,20.7103632 L9.69538396,23.914969 C9.62554711,24.1302037 9.60226816,24.3693534 9.60226816,24.5845881 C9.60226816,25.9238264 10.6730999,27 12,27 C13.3269001,27 14.3977318,25.9238264 14.3977318,24.5845881 C14.3977318,24.3215235 14.3511739,24.0584588 14.2813371,23.8193091 L19.7984482,20.6386182 C19.9614009,20.829938 20.1709114,20.9973428 20.380422,21.1169176 C21.5210905,21.7865368 23.0109433,21.3799823 23.6627539,20.2320638 C24.3378435,19.1080602 23.9421013,17.6492471 22.8014328,16.979628 Z M4.73696763,18.486271 C4.69040973,18.2710363 4.59729393,18.0558016 4.48089918,17.8405669 C4.36450443,17.6492471 4.22483073,17.4579274 4.06187808,17.3144376 L11.3249105,4.71124889 C11.534421,4.7829938 11.7672105,4.83082374 12,4.83082374 C12.2327895,4.83082374 12.465579,4.80690877 12.6750895,4.73516386 L19.9381219,17.3383525 C19.7751693,17.4818423 19.6354956,17.6731621 19.5191008,17.8644818 C19.4027061,18.0797166 19.3095903,18.2710363 19.2630324,18.510186 L4.73696763,18.510186 L4.73696763,18.486271 Z M19.2863113,7.29406554 C19.1233587,7.89193977 19.1699166,8.5615589 19.5191008,9.15943313 C19.8682851,9.75730735 20.4037009,10.1399469 21.0089536,10.2834367 L21.0089536,16.7165633 C20.9856747,16.7165633 20.9391168,16.7404783 20.9158378,16.7404783 L13.6528054,4.16120461 C13.6760844,4.13728964 13.6993633,4.11337467 13.7226423,4.0894597 L19.2863113,7.29406554 Z M10.2773577,4.0894597 C10.3006367,4.11337467 10.3239156,4.13728964 10.3471946,4.16120461 L3.06088323,16.7404783 C3.03760428,16.7404783 2.99104638,16.7165633 2.96776743,16.7165633 L2.96776743,10.3073516 C3.57302013,10.1638618 4.13171493,9.75730735 4.45762023,9.1833481 C4.80680448,8.58547387 4.85336238,7.91585474 4.69040973,7.31798051 L10.2773577,4.0894597 Z M13.7924791,22.9822852 C13.3501791,22.5039858 12.7216474,22.1930912 12,22.1930912 C11.3249105,22.1930912 10.7196578,22.4800709 10.2773577,22.9344553 L4.71368868,19.7298494 C4.71368868,19.7059345 4.73696763,19.6820195 4.73696763,19.6581045 L19.2630324,19.6581045 C19.2863113,19.7059345 19.2863113,19.7537644 19.3095903,19.8255093 L13.7924791,22.9822852 Z" id="logo"></path>
</g>
</g>
<g id="Group-2" transform="translate(154.000000, 20.000000)" fill="url(#linearGradient-7)" fill-rule="nonzero">
<g id="graphql_logo">
<path d="M22.8014328,16.979628 C22.5919222,16.8600531 22.3824117,16.7883082 22.1729011,16.7165633 L22.1729011,10.3073516 C22.3824117,10.2595217 22.6152012,10.1638618 22.8014328,10.044287 C23.9421013,9.37466785 24.3378435,7.91585474 23.6860329,6.76793623 C23.0109433,5.62001771 21.5443695,5.21346324 20.4037009,5.88308237 C20.1941904,6.00265722 20.0079588,6.14614703 19.8682851,6.31355182 L14.304616,3.10894597 C14.3744529,2.89371125 14.3977318,2.65456156 14.3977318,2.43932684 C14.3977318,1.10008857 13.3269001,0 12,0 C10.6730999,0 9.60226816,1.0761736 9.60226816,2.41541187 C9.60226816,2.65456156 9.62554711,2.86979628 9.69538396,3.10894597 L4.13171493,6.31355182 C3.96876228,6.14614703 3.80580963,6.00265722 3.59629908,5.88308237 C2.45563054,5.21346324 0.965777741,5.62001771 0.313967144,6.76793623 C-0.337843454,7.91585474 0.0578986945,9.37466785 1.19856724,10.044287 C1.40807779,10.1638618 1.61758834,10.2356067 1.82709889,10.3073516 L1.82709889,16.7165633 C1.61758834,16.7643933 1.38479884,16.8600531 1.19856724,16.979628 C0.0578986945,17.6492471 -0.337843454,19.1080602 0.313967144,20.2559787 C0.989056691,21.4038973 2.45563054,21.8104517 3.59629908,21.1408326 C3.80580963,21.0212578 3.99204123,20.8777679 4.13171493,20.7103632 L9.69538396,23.914969 C9.62554711,24.1302037 9.60226816,24.3693534 9.60226816,24.5845881 C9.60226816,25.9238264 10.6730999,27 12,27 C13.3269001,27 14.3977318,25.9238264 14.3977318,24.5845881 C14.3977318,24.3215235 14.3511739,24.0584588 14.2813371,23.8193091 L19.7984482,20.6386182 C19.9614009,20.829938 20.1709114,20.9973428 20.380422,21.1169176 C21.5210905,21.7865368 23.0109433,21.3799823 23.6627539,20.2320638 C24.3378435,19.1080602 23.9421013,17.6492471 22.8014328,16.979628 Z M4.73696763,18.486271 C4.69040973,18.2710363 4.59729393,18.0558016 4.48089918,17.8405669 C4.36450443,17.6492471 4.22483073,17.4579274 4.06187808,17.3144376 L11.3249105,4.71124889 C11.534421,4.7829938 11.7672105,4.83082374 12,4.83082374 C12.2327895,4.83082374 12.465579,4.80690877 12.6750895,4.73516386 L19.9381219,17.3383525 C19.7751693,17.4818423 19.6354956,17.6731621 19.5191008,17.8644818 C19.4027061,18.0797166 19.3095903,18.2710363 19.2630324,18.510186 L4.73696763,18.510186 L4.73696763,18.486271 Z M19.2863113,7.29406554 C19.1233587,7.89193977 19.1699166,8.5615589 19.5191008,9.15943313 C19.8682851,9.75730735 20.4037009,10.1399469 21.0089536,10.2834367 L21.0089536,16.7165633 C20.9856747,16.7165633 20.9391168,16.7404783 20.9158378,16.7404783 L13.6528054,4.16120461 C13.6760844,4.13728964 13.6993633,4.11337467 13.7226423,4.0894597 L19.2863113,7.29406554 Z M10.2773577,4.0894597 C10.3006367,4.11337467 10.3239156,4.13728964 10.3471946,4.16120461 L3.06088323,16.7404783 C3.03760428,16.7404783 2.99104638,16.7165633 2.96776743,16.7165633 L2.96776743,10.3073516 C3.57302013,10.1638618 4.13171493,9.75730735 4.45762023,9.1833481 C4.80680448,8.58547387 4.85336238,7.91585474 4.69040973,7.31798051 L10.2773577,4.0894597 Z M13.7924791,22.9822852 C13.3501791,22.5039858 12.7216474,22.1930912 12,22.1930912 C11.3249105,22.1930912 10.7196578,22.4800709 10.2773577,22.9344553 L4.71368868,19.7298494 C4.71368868,19.7059345 4.73696763,19.6820195 4.73696763,19.6581045 L19.2630324,19.6581045 C19.2863113,19.7059345 19.2863113,19.7537644 19.3095903,19.8255093 L13.7924791,22.9822852 Z" id="logo"></path>
</g>
</g>
<g id="Group-2" transform="translate(297.000000, 23.000000)" fill="url(#linearGradient-7)" fill-rule="nonzero">
<g id="graphql_logo">
<path d="M22.8014328,16.979628 C22.5919222,16.8600531 22.3824117,16.7883082 22.1729011,16.7165633 L22.1729011,10.3073516 C22.3824117,10.2595217 22.6152012,10.1638618 22.8014328,10.044287 C23.9421013,9.37466785 24.3378435,7.91585474 23.6860329,6.76793623 C23.0109433,5.62001771 21.5443695,5.21346324 20.4037009,5.88308237 C20.1941904,6.00265722 20.0079588,6.14614703 19.8682851,6.31355182 L14.304616,3.10894597 C14.3744529,2.89371125 14.3977318,2.65456156 14.3977318,2.43932684 C14.3977318,1.10008857 13.3269001,0 12,0 C10.6730999,0 9.60226816,1.0761736 9.60226816,2.41541187 C9.60226816,2.65456156 9.62554711,2.86979628 9.69538396,3.10894597 L4.13171493,6.31355182 C3.96876228,6.14614703 3.80580963,6.00265722 3.59629908,5.88308237 C2.45563054,5.21346324 0.965777741,5.62001771 0.313967144,6.76793623 C-0.337843454,7.91585474 0.0578986945,9.37466785 1.19856724,10.044287 C1.40807779,10.1638618 1.61758834,10.2356067 1.82709889,10.3073516 L1.82709889,16.7165633 C1.61758834,16.7643933 1.38479884,16.8600531 1.19856724,16.979628 C0.0578986945,17.6492471 -0.337843454,19.1080602 0.313967144,20.2559787 C0.989056691,21.4038973 2.45563054,21.8104517 3.59629908,21.1408326 C3.80580963,21.0212578 3.99204123,20.8777679 4.13171493,20.7103632 L9.69538396,23.914969 C9.62554711,24.1302037 9.60226816,24.3693534 9.60226816,24.5845881 C9.60226816,25.9238264 10.6730999,27 12,27 C13.3269001,27 14.3977318,25.9238264 14.3977318,24.5845881 C14.3977318,24.3215235 14.3511739,24.0584588 14.2813371,23.8193091 L19.7984482,20.6386182 C19.9614009,20.829938 20.1709114,20.9973428 20.380422,21.1169176 C21.5210905,21.7865368 23.0109433,21.3799823 23.6627539,20.2320638 C24.3378435,19.1080602 23.9421013,17.6492471 22.8014328,16.979628 Z M4.73696763,18.486271 C4.69040973,18.2710363 4.59729393,18.0558016 4.48089918,17.8405669 C4.36450443,17.6492471 4.22483073,17.4579274 4.06187808,17.3144376 L11.3249105,4.71124889 C11.534421,4.7829938 11.7672105,4.83082374 12,4.83082374 C12.2327895,4.83082374 12.465579,4.80690877 12.6750895,4.73516386 L19.9381219,17.3383525 C19.7751693,17.4818423 19.6354956,17.6731621 19.5191008,17.8644818 C19.4027061,18.0797166 19.3095903,18.2710363 19.2630324,18.510186 L4.73696763,18.510186 L4.73696763,18.486271 Z M19.2863113,7.29406554 C19.1233587,7.89193977 19.1699166,8.5615589 19.5191008,9.15943313 C19.8682851,9.75730735 20.4037009,10.1399469 21.0089536,10.2834367 L21.0089536,16.7165633 C20.9856747,16.7165633 20.9391168,16.7404783 20.9158378,16.7404783 L13.6528054,4.16120461 C13.6760844,4.13728964 13.6993633,4.11337467 13.7226423,4.0894597 L19.2863113,7.29406554 Z M10.2773577,4.0894597 C10.3006367,4.11337467 10.3239156,4.13728964 10.3471946,4.16120461 L3.06088323,16.7404783 C3.03760428,16.7404783 2.99104638,16.7165633 2.96776743,16.7165633 L2.96776743,10.3073516 C3.57302013,10.1638618 4.13171493,9.75730735 4.45762023,9.1833481 C4.80680448,8.58547387 4.85336238,7.91585474 4.69040973,7.31798051 L10.2773577,4.0894597 Z M13.7924791,22.9822852 C13.3501791,22.5039858 12.7216474,22.1930912 12,22.1930912 C11.3249105,22.1930912 10.7196578,22.4800709 10.2773577,22.9344553 L4.71368868,19.7298494 C4.71368868,19.7059345 4.73696763,19.6820195 4.73696763,19.6581045 L19.2630324,19.6581045 C19.2863113,19.7059345 19.2863113,19.7537644 19.3095903,19.8255093 L13.7924791,22.9822852 Z" id="logo"></path>
</g>
</g>
<path d="M5.49933712,128 L194.071388,128" id="Line-5-Copy" stroke="#747790" opacity="0.300000012" stroke-linecap="square"></path>
<path d="M274.499337,128 L463.071388,128" id="Line-5-Copy-2" stroke="#747790" opacity="0.300000012" stroke-linecap="square"></path>
<text id="Client" font-family="SourceSansPro-Regular, Source Sans Pro" font-size="16" font-weight="normal" line-spacing="24" fill="#747790">
<tspan x="424.416" y="109">Client</tspan>
</text>
<text id="Server" font-family="SourceSansPro-Regular, Source Sans Pro" font-size="16" font-weight="normal" line-spacing="24" fill="#747790">
<tspan x="421.044" y="154">Server</tspan>
</text>
<g id="apollo-logo" transform="translate(198.000000, 89.000000)">
<g id="Group-3">
<circle id="Oval-3" fill="#FFFFFF" cx="40" cy="40" r="40"></circle>
<g id="icon-apollo-space" transform="translate(8.000000, 8.000000)">
<g id="Layer_2">
<g id="Apollo_icon_grey-link" transform="translate(32.000000, 32.000000) scale(-1, 1) rotate(-180.000000) translate(-32.000000, -32.000000) ">
<g id="Apollo_icon_grey" transform="translate(-0.000000, 0.000000)">
<polygon id="Shape" points="61.2173913 1.85507246 1.85507246 1.85507246 1.85507246 61.2173913 61.2173913 61.2173913"></polygon>
<g id="Group" transform="translate(0.166957, 0.166957)" fill="#343C5A" fill-rule="nonzero">
<polygon id="Shape" points="35.1139442 47.2011272 27.5676723 47.2011272 16.6723263 18.9237092 23.4974902 18.9237092 25.27855 23.7141878 35.5737165 23.7141878 33.7094676 29.0139464 26.9317825 29.0139464 31.3408083 41.1810722 39.1845322 18.9237092 46.009696 18.9237092"></polygon>
<path d="M61.2260091,39.6394349 C61.207748,39.7360155 61.181371,39.8289439 61.1464721,39.9186258 C61.1379503,39.9494667 61.1091384,40.0074962 61.1091384,40.0074962 C60.8628173,40.5419359 60.323508,40.9140552 59.69614,40.9140552 C58.8366539,40.9140552 58.1398939,40.2172952 58.1398939,39.3578091 C58.1398939,39.182909 58.1699231,39.015719 58.223083,38.8590799 L58.219025,38.8574567 C58.9052342,36.4116952 59.2603099,33.8567733 59.2603099,31.2466625 C59.2603099,23.7641013 56.3462543,16.7291385 51.0554233,11.4379017 C45.7641865,6.14625909 38.7292237,3.23260927 31.2466625,3.23260927 C23.7641013,3.23260927 16.7287327,6.14666489 11.4379017,11.4379017 C6.14625909,16.7291385 3.23260927,23.7641013 3.23260927,31.2466625 C3.23260927,38.7292237 6.14666489,45.7641865 11.4379017,51.0554233 C16.7287327,56.3470659 23.7641013,59.2603099 31.2466625,59.2603099 C37.9285787,59.2603099 44.2517669,56.9350713 49.2962768,52.6701047 C49.1266521,52.2387385 49.0321005,51.7692269 49.0321005,51.2773964 C49.0321005,49.1761598 50.7356523,47.4730137 52.8364831,47.4730137 C54.9377197,47.4730137 56.6412715,49.1761598 56.6412715,51.2773964 C56.6412715,53.378633 54.9377197,55.081779 52.8364831,55.081779 C52.378334,55.081779 51.9388517,55.0010246 51.5314277,54.8525015 C46.0835518,59.5390951 38.9970522,62.3736137 31.2466625,62.3736137 C14.0557227,62.3736137 0.12011704,48.4376023 0.12011704,31.2466625 C0.12011704,14.0557227 14.0557227,0.119711239 31.2466625,0.119711239 C48.4371965,0.119711239 62.3732079,14.0557227 62.3732079,31.2466625 C62.3732079,34.1546311 61.9718709,36.9692655 61.2260091,39.6394349 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>