kylefang/apollo
1
0
Fork 0
mirror of https://github.com/zhigang1992/apollo.git synced 2026-06-19 17:53:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added platform section

Browse Source
This commit is contained in:
Peggy Rayzis
2018-05-30 11:59:09 -04:00
parent c7ea54c174
commit 6bb1bf7566
6 changed files with 374 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/_config.yml
View File

@@ -16,6 +16,10 @@ sidebar_categories:
- guides/access-control
- guides/monitoring
- guides/state-mgmt
Platform:
- platform/client
- platform/server
- platform/engine
github_repo: apollographql/apollo
content_root: docs/source

115
docs/source/assets/apollo-server.svg Normal file
View File

@@ -0,0 +1,115 @@
<?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>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

166
docs/source/assets/engine-architecture.svg Normal file
View File

@@ -0,0 +1,166 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="568px" height="243px" viewBox="0 0 568 243" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
<title>engine-architecture</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="0" y="0" width="62" height="28" rx="14"></rect>
<rect id="path-2" x="0" y="0" width="62" height="28" rx="14"></rect>
<rect id="path-3" x="0" y="0" width="62" height="28" rx="14"></rect>
<rect id="path-4" x="0" y="0" width="152" height="28" rx="14"></rect>
<rect id="path-5" x="0" y="0" width="95" height="28" rx="14"></rect>
<rect id="path-6" x="0" y="0" width="90" height="28" rx="14"></rect>
<rect id="path-7" x="0" y="0" width="90" height="28" rx="14"></rect>
<rect id="path-8" x="0" y="0" width="171.9" height="37.8" rx="18.9"></rect>
<rect id="path-9" x="0" y="0" width="172" height="38" rx="19"></rect>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="engine-architecture">
<g id="Paths" transform="translate(44.000000, 23.000000)" stroke="#14CBC4" stroke-width="1.6">
<path d="M36.1471471,-35.2 C189.516517,-35.2 80.8798799,227.2 227.858859,227.2" id="Path-4-Copy" transform="translate(132.003003, 96.000000) rotate(-270.000000) translate(-132.003003, -96.000000) "></path>
<path d="M40.1411411,-35.2 C193.510511,-35.2 84.8738739,227.2 231.852853,227.2" id="Path-4-Copy-2" transform="translate(135.996997, 96.000000) scale(-1, 1) rotate(-270.000000) translate(-135.996997, -96.000000) "></path>
<path d="M134.798799,2.4 L134.798799,191.614937" id="Line-3"></path>
<ellipse id="Oval-5-Copy-15" fill="#FFFFFF" cx="23.3663664" cy="56" rx="4.79279279" ry="4.8"></ellipse>
<ellipse id="Oval-5-Copy-19" fill="#FFFFFF" cx="20.96997" cy="136.8" rx="4.79279279" ry="4.8"></ellipse>
<ellipse id="Oval-5-Copy-18" fill="#FFFFFF" cx="135.198198" cy="168.8" rx="4.79279279" ry="4.8"></ellipse>
<ellipse id="Oval-5-Copy-17" fill="#FFFFFF" cx="235.048048" cy="65.6" rx="4.79279279" ry="4.8"></ellipse>
<ellipse id="Oval-5-Copy-20" fill="#FFFFFF" cx="231.054054" cy="124" rx="4.79279279" ry="4.8"></ellipse>
</g>
<g id="Group-2" transform="translate(265.000000, 102.600006)" stroke="#E535AB">
<path d="M128.5,7.5 L0.5,7.5" id="Line-3" stroke-width="1.8" stroke-dasharray="6,6"></path>
<ellipse id="Oval-5-Copy-17" stroke-width="1.6" fill="#FFFFFF" transform="translate(65.792793, 7.500012) rotate(-39.000000) translate(-65.792793, -7.500012) " cx="65.7927928" cy="7.50001221" rx="4.79279279" ry="4.8"></ellipse>
</g>
<g id="diagram-primary" transform="translate(18.000000, 0.000000)">
<g id="diagram-button">
<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="0.8" y="0.8" width="60.4" height="26.4" rx="13.2"></rect>
</g>
<text id="Browser" font-family="SourceSansPro-Semibold, Source Sans Pro" font-size="11" font-weight="500" letter-spacing="0.392857134" fill="#343C5A">
<tspan x="20.6257143" y="17">Web</tspan>
</text>
</g>
</g>
<g id="diagram-primary" transform="translate(148.000000, 0.000000)">
<g id="diagram-button">
<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="0.8" y="0.8" width="60.4" height="26.4" rx="13.2"></rect>
</g>
<text id="Browser" font-family="SourceSansPro-Semibold, Source Sans Pro" font-size="11" font-weight="500" letter-spacing="0.392857134" fill="#343C5A">
<tspan x="22.7652143" y="17">iOS</tspan>
</text>
</g>
</g>
<g id="diagram-primary" transform="translate(276.000000, 0.000000)">
<g id="diagram-button">
<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="0.8" y="0.8" width="60.4" height="26.4" rx="13.2"></rect>
</g>
<text id="Browser" font-family="SourceSansPro-Semibold, Source Sans Pro" font-size="11" font-weight="500" letter-spacing="0.392857134" fill="#343C5A">
<tspan x="11.315" y="17">Android</tspan>
</text>
</g>
</g>
<g id="diagram-primary" transform="translate(103.100000, 124.400000)">
<g id="diagram-button">
<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="0.8" y="0.8" width="150.4" height="26.4" rx="13.2"></rect>
</g>
<text id="Browser" font-family="SourceSansPro-Semibold, Source Sans Pro" font-size="11" font-weight="500" letter-spacing="0.392857134" fill="#343C5A">
<tspan x="37.0813065" y="17">GraphQL Server</tspan>
</text>
</g>
</g>
<g id="diagram-primary" transform="translate(132.000000, 214.000000)">
<g id="diagram-button">
<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="0.8" y="0.8" width="93.4" height="26.4" rx="13.2"></rect>
</g>
<text id="Browser" font-family="SourceSansPro-Semibold, Source Sans Pro" font-size="11" font-weight="500" letter-spacing="0.392857134" fill="#343C5A">
<tspan x="16.1759862" y="17">Microservice</tspan>
</text>
</g>
</g>
<g id="diagram-primary" transform="translate(266.000000, 215.000000)">
<g id="diagram-button">
<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="0.8" width="88.4" height="26.4" rx="13.2"></rect>
</g>
<text id="Browser" font-family="SourceSansPro-Semibold, Source Sans Pro" font-size="11" font-weight="500" letter-spacing="0.392857134" fill="#343C5A">
<tspan x="22.3484493" y="17">3rd Party</tspan>
</text>
</g>
</g>
<g id="diagram-primary" transform="translate(0.000000, 214.000000)">
<g id="diagram-button">
<g id="Rectangle-12-Copy-5">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-7"></use>
<rect stroke="#14CBC4" stroke-width="1.6" x="0.8" y="0.8" width="88.4" height="26.4" rx="13.2"></rect>
</g>
<text id="Browser" font-family="SourceSansPro-Semibold, Source Sans Pro" font-size="11" font-weight="500" letter-spacing="0.392857134" fill="#343C5A">
<tspan x="23.1278779" y="17">REST API</tspan>
</text>
</g>
</g>
<g id="Engine" transform="translate(93.000000, 91.000000)">
<g id="Rectangle-12-Copy-8">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-8"></use>
<rect stroke="#E535AB" stroke-width="1.8" x="0.9" y="0.9" width="170.1" height="36" rx="18"></rect>
</g>
<text id="Engine-Proxy" font-family="SourceSansPro-Semibold, Source Sans Pro" font-size="12.6" font-weight="500" letter-spacing="0.449999988" fill="#343C5A">
<tspan x="58.8519001" y="23.8">Engine Proxy</tspan>
</text>
<g id="apollo-mark" transform="translate(32.400000, 9.900000)">
<g id="Group-3">
<circle id="Oval-3" fill="#FFFFFF" cx="9.9" cy="9.9" r="9.9"></circle>
<g id="icon-apollo-space" transform="translate(1.980000, 0.180000)">
<g id="Layer_2" transform="translate(0.000000, 0.000000)">
<g id="Apollo_icon_grey-link" transform="translate(8.550000, 9.090000) scale(-1, 1) rotate(-180.000000) translate(-8.550000, -9.090000) translate(0.000000, 0.540000)">
<g id="Apollo_icon_grey" transform="translate(-0.000000, 0.000000)">
<polygon id="Shape" points="15.1513043 0.459130435 0.459130435 0.459130435 0.459130435 15.1513043 15.1513043 15.1513043"></polygon>
<g id="Group" transform="translate(0.041322, 0.041322)" fill="#343C5A" fill-rule="nonzero">
<polygon id="Shape" points="8.6907012 11.682279 6.8229989 11.682279 4.12640077 4.68361804 5.81562882 4.68361804 6.25644111 5.86926149 8.80449485 5.86926149 8.34309324 7.18095174 6.66561616 7.18095174 7.75685005 10.1923154 9.69817171 4.68361804 11.3873998 4.68361804"></polygon>
<path d="M15.1534372,9.81076013 C15.1489176,9.83466383 15.1423893,9.8576636 15.1337518,9.87985989 C15.1316427,9.88749301 15.1245118,9.90185531 15.1245118,9.90185531 C15.0635473,10.0341291 14.9300682,10.1262287 14.7747946,10.1262287 C14.5620718,10.1262287 14.3896237,9.95378057 14.3896237,9.74105776 C14.3896237,9.69776997 14.397056,9.65639046 14.4102131,9.61762228 L14.4092087,9.61722054 C14.5790455,9.01189457 14.6669267,8.37955139 14.6669267,7.73354897 C14.6669267,5.88161508 13.9456979,4.14046177 12.6362173,2.83088066 C11.3266362,1.52119913 9.58548286,0.800070793 7.73354897,0.800070793 C5.88161508,0.800070793 4.14036133,1.52129956 2.83088066,2.83088066 C1.52119913,4.14046177 0.800070793,5.88161508 0.800070793,7.73354897 C0.800070793,9.58548286 1.52129956,11.3266362 2.83088066,12.6362173 C4.14036133,13.9458988 5.88161508,14.6669267 7.73354897,14.6669267 C9.38732322,14.6669267 10.9523123,14.0914301 12.2008285,13.0358509 C12.1588464,12.9290878 12.1354449,12.8128837 12.1354449,12.6911556 C12.1354449,12.1710995 12.5570739,11.7495709 13.0770296,11.7495709 C13.5970856,11.7495709 14.0187147,12.1710995 14.0187147,12.6911556 C14.0187147,13.2112117 13.5970856,13.6327403 13.0770296,13.6327403 C12.9636377,13.6327403 12.8548658,13.6127536 12.7540283,13.5759941 C11.4056791,14.735926 9.65177042,15.4374694 7.73354897,15.4374694 C3.47879137,15.4374694 0.0297289675,11.9883066 0.0297289675,7.73354897 C0.0297289675,3.47879137 3.47879137,0.0296285318 7.73354897,0.0296285318 C11.9882061,0.0296285318 15.437369,3.47879137 15.437369,7.73354897 C15.437369,8.4532712 15.3380381,9.14989322 15.1534372,9.81076013 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
<g id="Engine" transform="translate(396.000000, 91.000000)">
<g id="Rectangle-12-Copy-8">
<use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-9"></use>
<rect stroke="#E535AB" stroke-width="1.8" x="0.9" y="0.9" width="170.2" height="36.2" rx="18.1"></rect>
</g>
<text id="Engine-Service" font-family="SourceSansPro-Semibold, Source Sans Pro" font-size="12.6" font-weight="500" letter-spacing="0.449999988" fill="#343C5A">
<tspan x="54.2230001" y="24">Engine Service</tspan>
</text>
<g id="apollo-mark" transform="translate(32.000000, 10.000000)">
<g id="Group-3">
<circle id="Oval-3" fill="#FFFFFF" cx="10" cy="10" r="10"></circle>
<g id="icon-apollo-space" transform="translate(2.000000, 0.181818)">
<g id="Layer_2" transform="translate(0.000000, 0.000000)">
<g id="Apollo_icon_grey-link" transform="translate(8.500000, 9.318182) scale(-1, 1) rotate(-180.000000) translate(-8.500000, -9.318182) translate(0.000000, 0.818182)">
<g id="Apollo_icon_grey" transform="translate(-0.000000, 0.000000)">
<polygon id="Shape" points="15.3043478 0.463768116 0.463768116 0.463768116 0.463768116 15.3043478 15.3043478 15.3043478"></polygon>
<g id="Group" transform="translate(0.041739, 0.041739)" fill="#343C5A" fill-rule="nonzero">
<polygon id="Shape" points="8.77848606 11.8002818 6.89191808 11.8002818 4.16808159 4.73092731 5.87437255 4.73092731 6.31963749 5.92854696 8.89342914 5.92854696 8.4273669 7.25348661 6.73294562 7.25348661 7.83520207 10.295268 9.79613304 4.73092731 11.502424 4.73092731"></polygon>
<path d="M15.3065023,9.90985872 C15.301937,9.93400387 15.2953427,9.95723596 15.286618,9.97965646 C15.2844876,9.98736667 15.2772846,10.0018741 15.2772846,10.0018741 C15.2157043,10.135484 15.080877,10.2285138 14.924035,10.2285138 C14.7091635,10.2285138 14.5349735,10.0543238 14.5349735,9.83945228 C14.5349735,9.79572724 14.5424808,9.75392976 14.5557708,9.71476998 L14.5547563,9.71436418 C14.7263086,9.10292381 14.8150775,8.46419333 14.8150775,7.81166562 C14.8150775,5.94102533 14.0865636,4.18228461 12.7638558,2.85947542 C11.4410466,1.53656477 9.68230591,0.808152316 7.81166562,0.808152316 C5.94102533,0.808152316 4.18218316,1.53666622 2.85947542,2.85947542 C1.53656477,4.18228461 0.808152316,5.94102533 0.808152316,7.81166562 C0.808152316,9.68230591 1.53666622,11.4410466 2.85947542,12.7638558 C4.18218316,14.0867665 5.94102533,14.8150775 7.81166562,14.8150775 C9.48214466,14.8150775 11.0629417,14.2337678 12.3240692,13.1675262 C12.281663,13.0596846 12.2580251,12.9423067 12.2580251,12.8193491 C12.2580251,12.2940399 12.6839131,11.8682534 13.2091208,11.8682534 C13.7344299,11.8682534 14.1603179,12.2940399 14.1603179,12.8193491 C14.1603179,13.3446582 13.7344299,13.7704447 13.2091208,13.7704447 C13.0945835,13.7704447 12.9847129,13.7502562 12.8828569,13.7131254 C11.5208879,14.8847738 9.74926305,15.5934034 7.81166562,15.5934034 C3.51393068,15.5934034 0.0300292601,12.1094006 0.0300292601,7.81166562 C0.0300292601,3.51393068 3.51393068,0.0299278099 7.81166562,0.0299278099 C12.1092991,0.0299278099 15.593302,3.51393068 15.593302,7.81166562 C15.593302,8.53865778 15.4929677,9.24231638 15.3065023,9.90985872 Z" id="Shape"></path>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

29
docs/source/platform/client.md Normal file
View File

@@ -0,0 +1,29 @@
---
title: Apollo Client
description: A one-stop shop for getting started with Apollo Client
---
[Apollo Client](/client/) is the most popular solution for binding GraphQL data to your UI, on every platform. [Learn more](/client) about its benefits and features.
<h2 id="client-libraries">View integrations</h2>
The main parts of the project are the GraphQL client libraries for every frontend platform:
* Apollo Client JavaScript: [Docs](/docs/react/), [GitHub](https://github.com/apollographql/apollo-client)
* React and React Native: [Docs](/docs/react/), [GitHub](https://github.com/apollographql/react-apollo)
* Vue.js: [Docs, GitHub](https://github.com/akryum/vue-apollo)
* Angular: [Docs](/docs/angular/), [GitHub](https://github.com/apollographql/apollo-angular)
* Ember: [Docs, GitHub](https://github.com/bgentry/ember-apollo-client)
* Meteor: [Docs](/docs/react/recipes/meteor/), [GitHub](https://github.com/apollographql/meteor-integration)
* iOS for native Swift: [Docs](/docs/ios), [GitHub](https://github.com/apollographql/apollo-ios)
* Android for Java: [Docs, GitHub](https://github.com/apollographql/apollo-android)
If you don't see your platform here, send a PR to add it, or work on a library of your own!
<h2 id="developer-tools">Developer tooling</h2>
In addition to libraries you put in your client, there are some great tools you can use to integrate with your development environment and editor:
* [GraphQL ESLint Plugin](https://github.com/apollographql/eslint-plugin-graphql): This is a plugin you can add to ESLint to validate your GraphQL queries and see errors show up right inside your editor.
* [Apollo Codegen](https://github.com/apollographql/apollo-codegen): You can use this tool to generate static types for your queries, for TypeScript, Flow, Java, Scala, or Swift.
* Apollo Client Devtools: This is a Chrome dev tools panel you can use to run GraphQL queries against your server, see what queries and mutations are active in your page, and inspect the current state of the store. [Chrome Web Store](https://chrome.google.com/webstore/detail/apollo-client-developer-t/jdkknkkbebbapilgoeccciglkfbmbnfm), [GitHub](https://github.com/apollographql/apollo-client-devtools)

41
docs/source/platform/engine.md Normal file
View File

@@ -0,0 +1,41 @@
---
title: Apollo Engine
description: Gain visibility into your GraphQL API with Engine
---
[Apollo Engine](https://www.apollographql.com/engine/) is a GraphQL gateway that helps you take GraphQL services into production with confidence.
Engine sits between your clients and your GraphQL server, delivering essential capabilities like query caching, error tracking, automatic persisted queries, execution tracing, and schema analytics. Engine's data is then aggregated and sent out-of-band to the Engine Service. Currently, Engine works with any spec-compliant GraphQL server, including [Apollo Server](https://www.apollographql.com/docs/apollo-server/), GraphQL-Ruby, Sangria, and Absinthe. You can visualize your stack with Engine in this diagram:
<div style="text-align:center">
![The Engine Architecture](../assets/engine-architecture.svg)
</div>
<br></br>
<h2 id="features">Features</h2>
Engine is designed to be your one-stop-shop for GraphQL-specific infrastructure. It provides the following features today:
<h3 id="analytics">Analytics</h3>
1. [Performance tracing](/docs/engine/performance.html)
1. [Schema analytics](/docs/engine/schema-analytics.html)
1. [Error tracking](/docs/engine/error-tracking.html)
<h3 id="performance">Perfomance</h3>
1. [Response caching](/docs/engine/caching.html)
1. [Automatic persisted queries](/docs/engine/auto-persisted-queries.html)
1. [CDN integration](/docs/engine/cdn.html)
1. [Query batching](/docs/engine/query-batching.html)
<h3 id="reporting">Reporting</h3>
1. [Proactive Alerts](/docs/engine/alerts.html)
1. [Daily Slack reports](/docs/engine/reports.html)
1. [Datadog Integration](/docs/engine/datadog.html)
<h2 id="get-started">Get started</h2>
* [Get started with Engine](https://engine.apollographql.com)
* [Read the Engine docs](/docs/engine/)

19
docs/source/platform/server.md Normal file
View File

@@ -0,0 +1,19 @@
---
title: Apollo Server
description: Build a performant, scalable GraphQL API with Apollo Server
---
[Apollo Server](/docs/apollo-server/v2/) is the best way to quickly build a production-ready, self-documenting API for GraphQL clients, using data from any source.
It's open-source and works great as a stand-alone server, an addon to an existing Node.js HTTP server, or in "serverless" environments.
<div align="center">
<img src="../assets/apollo-server.svg">
</div>
<h2 id="specifications">Specifications</h2>
The GraphQL specification is the only thing you need to use all the Apollo tools. Thankfully, the core spec has extension points you can use to add functionality.
* Apollo Tracing: A spec for adding performance tracing data to your GraphQL response. [Docs, GitHub](https://github.com/apollographql/apollo-tracing)
* Apollo Cache Control: A spec for adding performance tracing data to your GraphQL response. [Docs, GitHub](https://github.com/apollographql/apollo-cache-control)