Nicolas
2 months ago
committed by
GitHub
GitHub
130 changed files with 9147 additions and 3781 deletions
File diff suppressed because it is too large
@ -1,495 +1,495 @@ |
|||||
- name: full-stack-fastapi-template |
- name: full-stack-fastapi-template |
||||
html_url: https://github.com/fastapi/full-stack-fastapi-template |
html_url: https://github.com/fastapi/full-stack-fastapi-template |
||||
stars: 30645 |
stars: 32337 |
||||
owner_login: fastapi |
owner_login: fastapi |
||||
owner_html_url: https://github.com/fastapi |
owner_html_url: https://github.com/fastapi |
||||
- name: Hello-Python |
- name: Hello-Python |
||||
html_url: https://github.com/mouredev/Hello-Python |
html_url: https://github.com/mouredev/Hello-Python |
||||
stars: 28690 |
stars: 29833 |
||||
owner_login: mouredev |
owner_login: mouredev |
||||
owner_html_url: https://github.com/mouredev |
owner_html_url: https://github.com/mouredev |
||||
- name: serve |
- name: serve |
||||
html_url: https://github.com/jina-ai/serve |
html_url: https://github.com/jina-ai/serve |
||||
stars: 21356 |
stars: 21544 |
||||
owner_login: jina-ai |
owner_login: jina-ai |
||||
owner_html_url: https://github.com/jina-ai |
owner_html_url: https://github.com/jina-ai |
||||
- name: sqlmodel |
- name: sqlmodel |
||||
html_url: https://github.com/fastapi/sqlmodel |
html_url: https://github.com/fastapi/sqlmodel |
||||
stars: 15312 |
stars: 15799 |
||||
owner_login: fastapi |
owner_login: fastapi |
||||
owner_html_url: https://github.com/fastapi |
owner_html_url: https://github.com/fastapi |
||||
- name: HivisionIDPhotos |
- name: HivisionIDPhotos |
||||
html_url: https://github.com/Zeyi-Lin/HivisionIDPhotos |
html_url: https://github.com/Zeyi-Lin/HivisionIDPhotos |
||||
stars: 14957 |
stars: 15676 |
||||
owner_login: Zeyi-Lin |
owner_login: Zeyi-Lin |
||||
owner_html_url: https://github.com/Zeyi-Lin |
owner_html_url: https://github.com/Zeyi-Lin |
||||
- name: Douyin_TikTok_Download_API |
- name: Douyin_TikTok_Download_API |
||||
html_url: https://github.com/Evil0ctal/Douyin_TikTok_Download_API |
html_url: https://github.com/Evil0ctal/Douyin_TikTok_Download_API |
||||
stars: 11192 |
stars: 12183 |
||||
owner_login: Evil0ctal |
owner_login: Evil0ctal |
||||
owner_html_url: https://github.com/Evil0ctal |
owner_html_url: https://github.com/Evil0ctal |
||||
- name: fastapi-best-practices |
- name: fastapi-best-practices |
||||
html_url: https://github.com/zhanymkanov/fastapi-best-practices |
html_url: https://github.com/zhanymkanov/fastapi-best-practices |
||||
stars: 10501 |
stars: 11594 |
||||
owner_login: zhanymkanov |
owner_login: zhanymkanov |
||||
owner_html_url: https://github.com/zhanymkanov |
owner_html_url: https://github.com/zhanymkanov |
||||
- name: awesome-fastapi |
- name: awesome-fastapi |
||||
html_url: https://github.com/mjhea0/awesome-fastapi |
html_url: https://github.com/mjhea0/awesome-fastapi |
||||
stars: 9193 |
stars: 9586 |
||||
owner_login: mjhea0 |
owner_login: mjhea0 |
||||
owner_html_url: https://github.com/mjhea0 |
owner_html_url: https://github.com/mjhea0 |
||||
- name: FastUI |
- name: FastUI |
||||
html_url: https://github.com/pydantic/FastUI |
html_url: https://github.com/pydantic/FastUI |
||||
stars: 8721 |
stars: 8804 |
||||
owner_login: pydantic |
owner_login: pydantic |
||||
owner_html_url: https://github.com/pydantic |
owner_html_url: https://github.com/pydantic |
||||
- name: nonebot2 |
- name: nonebot2 |
||||
html_url: https://github.com/nonebot/nonebot2 |
html_url: https://github.com/nonebot/nonebot2 |
||||
stars: 6433 |
stars: 6688 |
||||
owner_login: nonebot |
owner_login: nonebot |
||||
owner_html_url: https://github.com/nonebot |
owner_html_url: https://github.com/nonebot |
||||
- name: serge |
|
||||
html_url: https://github.com/serge-chat/serge |
|
||||
stars: 5699 |
|
||||
owner_login: serge-chat |
|
||||
owner_html_url: https://github.com/serge-chat |
|
||||
- name: FileCodeBox |
- name: FileCodeBox |
||||
html_url: https://github.com/vastsa/FileCodeBox |
html_url: https://github.com/vastsa/FileCodeBox |
||||
stars: 5534 |
stars: 6502 |
||||
owner_login: vastsa |
owner_login: vastsa |
||||
owner_html_url: https://github.com/vastsa |
owner_html_url: https://github.com/vastsa |
||||
|
- name: serge |
||||
|
html_url: https://github.com/serge-chat/serge |
||||
|
stars: 5720 |
||||
|
owner_login: serge-chat |
||||
|
owner_html_url: https://github.com/serge-chat |
||||
|
- name: hatchet |
||||
|
html_url: https://github.com/hatchet-dev/hatchet |
||||
|
stars: 5515 |
||||
|
owner_login: hatchet-dev |
||||
|
owner_html_url: https://github.com/hatchet-dev |
||||
- name: fastapi-users |
- name: fastapi-users |
||||
html_url: https://github.com/fastapi-users/fastapi-users |
html_url: https://github.com/fastapi-users/fastapi-users |
||||
stars: 4921 |
stars: 5162 |
||||
owner_login: fastapi-users |
owner_login: fastapi-users |
||||
owner_html_url: https://github.com/fastapi-users |
owner_html_url: https://github.com/fastapi-users |
||||
- name: polar |
- name: polar |
||||
html_url: https://github.com/polarsource/polar |
html_url: https://github.com/polarsource/polar |
||||
stars: 4598 |
stars: 5119 |
||||
owner_login: polarsource |
owner_login: polarsource |
||||
owner_html_url: https://github.com/polarsource |
owner_html_url: https://github.com/polarsource |
||||
- name: hatchet |
|
||||
html_url: https://github.com/hatchet-dev/hatchet |
|
||||
stars: 4585 |
|
||||
owner_login: hatchet-dev |
|
||||
owner_html_url: https://github.com/hatchet-dev |
|
||||
- name: chatgpt-web-share |
- name: chatgpt-web-share |
||||
html_url: https://github.com/chatpire/chatgpt-web-share |
html_url: https://github.com/chatpire/chatgpt-web-share |
||||
stars: 4318 |
stars: 4302 |
||||
owner_login: chatpire |
owner_login: chatpire |
||||
owner_html_url: https://github.com/chatpire |
owner_html_url: https://github.com/chatpire |
||||
- name: strawberry |
- name: strawberry |
||||
html_url: https://github.com/strawberry-graphql/strawberry |
html_url: https://github.com/strawberry-graphql/strawberry |
||||
stars: 4180 |
stars: 4244 |
||||
owner_login: strawberry-graphql |
owner_login: strawberry-graphql |
||||
owner_html_url: https://github.com/strawberry-graphql |
owner_html_url: https://github.com/strawberry-graphql |
||||
|
- name: fastapi_mcp |
||||
|
html_url: https://github.com/tadata-org/fastapi_mcp |
||||
|
stars: 4178 |
||||
|
owner_login: tadata-org |
||||
|
owner_html_url: https://github.com/tadata-org |
||||
- name: atrilabs-engine |
- name: atrilabs-engine |
||||
html_url: https://github.com/Atri-Labs/atrilabs-engine |
html_url: https://github.com/Atri-Labs/atrilabs-engine |
||||
stars: 4114 |
stars: 4112 |
||||
owner_login: Atri-Labs |
owner_login: Atri-Labs |
||||
owner_html_url: https://github.com/Atri-Labs |
owner_html_url: https://github.com/Atri-Labs |
||||
- name: dynaconf |
- name: dynaconf |
||||
html_url: https://github.com/dynaconf/dynaconf |
html_url: https://github.com/dynaconf/dynaconf |
||||
stars: 3904 |
stars: 3985 |
||||
owner_login: dynaconf |
owner_login: dynaconf |
||||
owner_html_url: https://github.com/dynaconf |
owner_html_url: https://github.com/dynaconf |
||||
- name: poem |
- name: poem |
||||
html_url: https://github.com/poem-web/poem |
html_url: https://github.com/poem-web/poem |
||||
stars: 3781 |
stars: 3918 |
||||
owner_login: poem-web |
owner_login: poem-web |
||||
owner_html_url: https://github.com/poem-web |
owner_html_url: https://github.com/poem-web |
||||
- name: farfalle |
- name: farfalle |
||||
html_url: https://github.com/rashadphz/farfalle |
html_url: https://github.com/rashadphz/farfalle |
||||
stars: 3190 |
stars: 3287 |
||||
owner_login: rashadphz |
owner_login: rashadphz |
||||
owner_html_url: https://github.com/rashadphz |
owner_html_url: https://github.com/rashadphz |
||||
- name: opyrator |
|
||||
html_url: https://github.com/ml-tooling/opyrator |
|
||||
stars: 3119 |
|
||||
owner_login: ml-tooling |
|
||||
owner_html_url: https://github.com/ml-tooling |
|
||||
- name: fastapi-admin |
- name: fastapi-admin |
||||
html_url: https://github.com/fastapi-admin/fastapi-admin |
html_url: https://github.com/fastapi-admin/fastapi-admin |
||||
stars: 3086 |
stars: 3192 |
||||
owner_login: fastapi-admin |
owner_login: fastapi-admin |
||||
owner_html_url: https://github.com/fastapi-admin |
owner_html_url: https://github.com/fastapi-admin |
||||
- name: docarray |
|
||||
html_url: https://github.com/docarray/docarray |
|
||||
stars: 3021 |
|
||||
owner_login: docarray |
|
||||
owner_html_url: https://github.com/docarray |
|
||||
- name: datamodel-code-generator |
- name: datamodel-code-generator |
||||
html_url: https://github.com/koxudaxi/datamodel-code-generator |
html_url: https://github.com/koxudaxi/datamodel-code-generator |
||||
stars: 2988 |
stars: 3141 |
||||
owner_login: koxudaxi |
owner_login: koxudaxi |
||||
owner_html_url: https://github.com/koxudaxi |
owner_html_url: https://github.com/koxudaxi |
||||
|
- name: opyrator |
||||
|
html_url: https://github.com/ml-tooling/opyrator |
||||
|
stars: 3116 |
||||
|
owner_login: ml-tooling |
||||
|
owner_html_url: https://github.com/ml-tooling |
||||
- name: LitServe |
- name: LitServe |
||||
html_url: https://github.com/Lightning-AI/LitServe |
html_url: https://github.com/Lightning-AI/LitServe |
||||
stars: 2863 |
stars: 3088 |
||||
owner_login: Lightning-AI |
owner_login: Lightning-AI |
||||
owner_html_url: https://github.com/Lightning-AI |
owner_html_url: https://github.com/Lightning-AI |
||||
- name: fastapi-realworld-example-app |
|
||||
html_url: https://github.com/nsidnev/fastapi-realworld-example-app |
|
||||
stars: 2850 |
|
||||
owner_login: nsidnev |
|
||||
owner_html_url: https://github.com/nsidnev |
|
||||
- name: logfire |
- name: logfire |
||||
html_url: https://github.com/pydantic/logfire |
html_url: https://github.com/pydantic/logfire |
||||
stars: 2757 |
stars: 3059 |
||||
owner_login: pydantic |
owner_login: pydantic |
||||
owner_html_url: https://github.com/pydantic |
owner_html_url: https://github.com/pydantic |
||||
- name: uvicorn-gunicorn-fastapi-docker |
- name: docarray |
||||
html_url: https://github.com/tiangolo/uvicorn-gunicorn-fastapi-docker |
html_url: https://github.com/docarray/docarray |
||||
stars: 2731 |
stars: 3052 |
||||
owner_login: tiangolo |
owner_login: docarray |
||||
owner_html_url: https://github.com/tiangolo |
owner_html_url: https://github.com/docarray |
||||
- name: huma |
- name: huma |
||||
html_url: https://github.com/danielgtaylor/huma |
html_url: https://github.com/danielgtaylor/huma |
||||
stars: 2700 |
stars: 3025 |
||||
owner_login: danielgtaylor |
owner_login: danielgtaylor |
||||
owner_html_url: https://github.com/danielgtaylor |
owner_html_url: https://github.com/danielgtaylor |
||||
|
- name: fastapi-realworld-example-app |
||||
|
html_url: https://github.com/nsidnev/fastapi-realworld-example-app |
||||
|
stars: 2883 |
||||
|
owner_login: nsidnev |
||||
|
owner_html_url: https://github.com/nsidnev |
||||
|
- name: uvicorn-gunicorn-fastapi-docker |
||||
|
html_url: https://github.com/tiangolo/uvicorn-gunicorn-fastapi-docker |
||||
|
stars: 2756 |
||||
|
owner_login: tiangolo |
||||
|
owner_html_url: https://github.com/tiangolo |
||||
- name: tracecat |
- name: tracecat |
||||
html_url: https://github.com/TracecatHQ/tracecat |
html_url: https://github.com/TracecatHQ/tracecat |
||||
stars: 2539 |
stars: 2587 |
||||
owner_login: TracecatHQ |
owner_login: TracecatHQ |
||||
owner_html_url: https://github.com/TracecatHQ |
owner_html_url: https://github.com/TracecatHQ |
||||
- name: best-of-web-python |
- name: best-of-web-python |
||||
html_url: https://github.com/ml-tooling/best-of-web-python |
html_url: https://github.com/ml-tooling/best-of-web-python |
||||
stars: 2460 |
stars: 2502 |
||||
owner_login: ml-tooling |
owner_login: ml-tooling |
||||
owner_html_url: https://github.com/ml-tooling |
owner_html_url: https://github.com/ml-tooling |
||||
|
- name: Kokoro-FastAPI |
||||
|
html_url: https://github.com/remsky/Kokoro-FastAPI |
||||
|
stars: 2500 |
||||
|
owner_login: remsky |
||||
|
owner_html_url: https://github.com/remsky |
||||
- name: RasaGPT |
- name: RasaGPT |
||||
html_url: https://github.com/paulpierre/RasaGPT |
html_url: https://github.com/paulpierre/RasaGPT |
||||
stars: 2401 |
stars: 2419 |
||||
owner_login: paulpierre |
owner_login: paulpierre |
||||
owner_html_url: https://github.com/paulpierre |
owner_html_url: https://github.com/paulpierre |
||||
- name: fastapi-react |
- name: fastapi-react |
||||
html_url: https://github.com/Buuntu/fastapi-react |
html_url: https://github.com/Buuntu/fastapi-react |
||||
stars: 2315 |
stars: 2350 |
||||
owner_login: Buuntu |
owner_login: Buuntu |
||||
owner_html_url: https://github.com/Buuntu |
owner_html_url: https://github.com/Buuntu |
||||
- name: nextpy |
- name: nextpy |
||||
html_url: https://github.com/dot-agent/nextpy |
html_url: https://github.com/dot-agent/nextpy |
||||
stars: 2266 |
stars: 2277 |
||||
owner_login: dot-agent |
owner_login: dot-agent |
||||
owner_html_url: https://github.com/dot-agent |
owner_html_url: https://github.com/dot-agent |
||||
- name: 30-Days-of-Python |
|
||||
html_url: https://github.com/codingforentrepreneurs/30-Days-of-Python |
|
||||
stars: 2163 |
|
||||
owner_login: codingforentrepreneurs |
|
||||
owner_html_url: https://github.com/codingforentrepreneurs |
|
||||
- name: FastAPI-template |
- name: FastAPI-template |
||||
html_url: https://github.com/s3rius/FastAPI-template |
html_url: https://github.com/s3rius/FastAPI-template |
||||
stars: 2156 |
stars: 2273 |
||||
owner_login: s3rius |
owner_login: s3rius |
||||
owner_html_url: https://github.com/s3rius |
owner_html_url: https://github.com/s3rius |
||||
|
- name: 30-Days-of-Python |
||||
|
html_url: https://github.com/codingforentrepreneurs/30-Days-of-Python |
||||
|
stars: 2183 |
||||
|
owner_login: codingforentrepreneurs |
||||
|
owner_html_url: https://github.com/codingforentrepreneurs |
||||
- name: sqladmin |
- name: sqladmin |
||||
html_url: https://github.com/aminalaee/sqladmin |
html_url: https://github.com/aminalaee/sqladmin |
||||
stars: 2051 |
stars: 2141 |
||||
owner_login: aminalaee |
owner_login: aminalaee |
||||
owner_html_url: https://github.com/aminalaee |
owner_html_url: https://github.com/aminalaee |
||||
- name: langserve |
- name: langserve |
||||
html_url: https://github.com/langchain-ai/langserve |
html_url: https://github.com/langchain-ai/langserve |
||||
stars: 2025 |
stars: 2070 |
||||
owner_login: langchain-ai |
owner_login: langchain-ai |
||||
owner_html_url: https://github.com/langchain-ai |
owner_html_url: https://github.com/langchain-ai |
||||
- name: fastapi-utils |
- name: fastapi-utils |
||||
html_url: https://github.com/fastapiutils/fastapi-utils |
html_url: https://github.com/fastapiutils/fastapi-utils |
||||
stars: 2021 |
stars: 2063 |
||||
owner_login: fastapiutils |
owner_login: fastapiutils |
||||
owner_html_url: https://github.com/fastapiutils |
owner_html_url: https://github.com/fastapiutils |
||||
- name: solara |
- name: solara |
||||
html_url: https://github.com/widgetti/solara |
html_url: https://github.com/widgetti/solara |
||||
stars: 1980 |
stars: 2028 |
||||
owner_login: widgetti |
owner_login: widgetti |
||||
owner_html_url: https://github.com/widgetti |
owner_html_url: https://github.com/widgetti |
||||
- name: supabase-py |
- name: supabase-py |
||||
html_url: https://github.com/supabase/supabase-py |
html_url: https://github.com/supabase/supabase-py |
||||
stars: 1874 |
stars: 1996 |
||||
owner_login: supabase |
owner_login: supabase |
||||
owner_html_url: https://github.com/supabase |
owner_html_url: https://github.com/supabase |
||||
- name: python-week-2022 |
|
||||
html_url: https://github.com/rochacbruno/python-week-2022 |
|
||||
stars: 1829 |
|
||||
owner_login: rochacbruno |
|
||||
owner_html_url: https://github.com/rochacbruno |
|
||||
- name: mangum |
- name: mangum |
||||
html_url: https://github.com/Kludex/mangum |
html_url: https://github.com/Kludex/mangum |
||||
stars: 1820 |
stars: 1870 |
||||
owner_login: Kludex |
owner_login: Kludex |
||||
owner_html_url: https://github.com/Kludex |
owner_html_url: https://github.com/Kludex |
||||
- name: Kokoro-FastAPI |
- name: python-week-2022 |
||||
html_url: https://github.com/remsky/Kokoro-FastAPI |
html_url: https://github.com/rochacbruno/python-week-2022 |
||||
stars: 1771 |
stars: 1827 |
||||
owner_login: remsky |
owner_login: rochacbruno |
||||
owner_html_url: https://github.com/remsky |
owner_html_url: https://github.com/rochacbruno |
||||
|
- name: SurfSense |
||||
|
html_url: https://github.com/MODSetter/SurfSense |
||||
|
stars: 1763 |
||||
|
owner_login: MODSetter |
||||
|
owner_html_url: https://github.com/MODSetter |
||||
- name: manage-fastapi |
- name: manage-fastapi |
||||
html_url: https://github.com/ycd/manage-fastapi |
html_url: https://github.com/ycd/manage-fastapi |
||||
stars: 1719 |
stars: 1743 |
||||
owner_login: ycd |
owner_login: ycd |
||||
owner_html_url: https://github.com/ycd |
owner_html_url: https://github.com/ycd |
||||
- name: ormar |
|
||||
html_url: https://github.com/collerek/ormar |
|
||||
stars: 1710 |
|
||||
owner_login: collerek |
|
||||
owner_html_url: https://github.com/collerek |
|
||||
- name: agentkit |
- name: agentkit |
||||
html_url: https://github.com/BCG-X-Official/agentkit |
html_url: https://github.com/BCG-X-Official/agentkit |
||||
stars: 1658 |
stars: 1741 |
||||
owner_login: BCG-X-Official |
owner_login: BCG-X-Official |
||||
owner_html_url: https://github.com/BCG-X-Official |
owner_html_url: https://github.com/BCG-X-Official |
||||
|
- name: ormar |
||||
|
html_url: https://github.com/collerek/ormar |
||||
|
stars: 1730 |
||||
|
owner_login: collerek |
||||
|
owner_html_url: https://github.com/collerek |
||||
- name: langchain-serve |
- name: langchain-serve |
||||
html_url: https://github.com/jina-ai/langchain-serve |
html_url: https://github.com/jina-ai/langchain-serve |
||||
stars: 1618 |
stars: 1631 |
||||
owner_login: jina-ai |
owner_login: jina-ai |
||||
owner_html_url: https://github.com/jina-ai |
owner_html_url: https://github.com/jina-ai |
||||
- name: termpair |
- name: termpair |
||||
html_url: https://github.com/cs01/termpair |
html_url: https://github.com/cs01/termpair |
||||
stars: 1611 |
stars: 1610 |
||||
owner_login: cs01 |
owner_login: cs01 |
||||
owner_html_url: https://github.com/cs01 |
owner_html_url: https://github.com/cs01 |
||||
- name: coronavirus-tracker-api |
|
||||
html_url: https://github.com/ExpDev07/coronavirus-tracker-api |
|
||||
stars: 1588 |
|
||||
owner_login: ExpDev07 |
|
||||
owner_html_url: https://github.com/ExpDev07 |
|
||||
- name: piccolo |
- name: piccolo |
||||
html_url: https://github.com/piccolo-orm/piccolo |
html_url: https://github.com/piccolo-orm/piccolo |
||||
stars: 1546 |
stars: 1588 |
||||
owner_login: piccolo-orm |
owner_login: piccolo-orm |
||||
owner_html_url: https://github.com/piccolo-orm |
owner_html_url: https://github.com/piccolo-orm |
||||
|
- name: coronavirus-tracker-api |
||||
|
html_url: https://github.com/ExpDev07/coronavirus-tracker-api |
||||
|
stars: 1587 |
||||
|
owner_login: ExpDev07 |
||||
|
owner_html_url: https://github.com/ExpDev07 |
||||
- name: fastapi-cache |
- name: fastapi-cache |
||||
html_url: https://github.com/long2ice/fastapi-cache |
html_url: https://github.com/long2ice/fastapi-cache |
||||
stars: 1478 |
stars: 1552 |
||||
owner_login: long2ice |
owner_login: long2ice |
||||
owner_html_url: https://github.com/long2ice |
owner_html_url: https://github.com/long2ice |
||||
- name: openapi-python-client |
- name: openapi-python-client |
||||
html_url: https://github.com/openapi-generators/openapi-python-client |
html_url: https://github.com/openapi-generators/openapi-python-client |
||||
stars: 1467 |
stars: 1536 |
||||
owner_login: openapi-generators |
owner_login: openapi-generators |
||||
owner_html_url: https://github.com/openapi-generators |
owner_html_url: https://github.com/openapi-generators |
||||
- name: fastapi-crudrouter |
- name: fastapi-crudrouter |
||||
html_url: https://github.com/awtkns/fastapi-crudrouter |
html_url: https://github.com/awtkns/fastapi-crudrouter |
||||
stars: 1462 |
stars: 1491 |
||||
owner_login: awtkns |
owner_login: awtkns |
||||
owner_html_url: https://github.com/awtkns |
owner_html_url: https://github.com/awtkns |
||||
|
- name: slowapi |
||||
|
html_url: https://github.com/laurentS/slowapi |
||||
|
stars: 1450 |
||||
|
owner_login: laurentS |
||||
|
owner_html_url: https://github.com/laurentS |
||||
- name: awesome-fastapi-projects |
- name: awesome-fastapi-projects |
||||
html_url: https://github.com/Kludex/awesome-fastapi-projects |
html_url: https://github.com/Kludex/awesome-fastapi-projects |
||||
stars: 1418 |
stars: 1443 |
||||
owner_login: Kludex |
owner_login: Kludex |
||||
owner_html_url: https://github.com/Kludex |
owner_html_url: https://github.com/Kludex |
||||
- name: awesome-python-resources |
- name: awesome-python-resources |
||||
html_url: https://github.com/DjangoEx/awesome-python-resources |
html_url: https://github.com/DjangoEx/awesome-python-resources |
||||
stars: 1383 |
stars: 1387 |
||||
owner_login: DjangoEx |
owner_login: DjangoEx |
||||
owner_html_url: https://github.com/DjangoEx |
owner_html_url: https://github.com/DjangoEx |
||||
- name: slowapi |
|
||||
html_url: https://github.com/laurentS/slowapi |
|
||||
stars: 1363 |
|
||||
owner_login: laurentS |
|
||||
owner_html_url: https://github.com/laurentS |
|
||||
- name: budgetml |
- name: budgetml |
||||
html_url: https://github.com/ebhy/budgetml |
html_url: https://github.com/ebhy/budgetml |
||||
stars: 1344 |
stars: 1341 |
||||
owner_login: ebhy |
owner_login: ebhy |
||||
owner_html_url: https://github.com/ebhy |
owner_html_url: https://github.com/ebhy |
||||
- name: fastapi-pagination |
- name: fastapi-pagination |
||||
html_url: https://github.com/uriyyo/fastapi-pagination |
html_url: https://github.com/uriyyo/fastapi-pagination |
||||
stars: 1284 |
stars: 1331 |
||||
owner_login: uriyyo |
owner_login: uriyyo |
||||
owner_html_url: https://github.com/uriyyo |
owner_html_url: https://github.com/uriyyo |
||||
- name: fastapi-boilerplate |
- name: fastapi-boilerplate |
||||
html_url: https://github.com/teamhide/fastapi-boilerplate |
html_url: https://github.com/teamhide/fastapi-boilerplate |
||||
stars: 1234 |
stars: 1299 |
||||
owner_login: teamhide |
owner_login: teamhide |
||||
owner_html_url: https://github.com/teamhide |
owner_html_url: https://github.com/teamhide |
||||
- name: fastapi-tutorial |
|
||||
html_url: https://github.com/liaogx/fastapi-tutorial |
|
||||
stars: 1181 |
|
||||
owner_login: liaogx |
|
||||
owner_html_url: https://github.com/liaogx |
|
||||
- name: fastapi-amis-admin |
- name: fastapi-amis-admin |
||||
html_url: https://github.com/amisadmin/fastapi-amis-admin |
html_url: https://github.com/amisadmin/fastapi-amis-admin |
||||
stars: 1164 |
stars: 1235 |
||||
owner_login: amisadmin |
owner_login: amisadmin |
||||
owner_html_url: https://github.com/amisadmin |
owner_html_url: https://github.com/amisadmin |
||||
|
- name: fastapi-tutorial |
||||
|
html_url: https://github.com/liaogx/fastapi-tutorial |
||||
|
stars: 1222 |
||||
|
owner_login: liaogx |
||||
|
owner_html_url: https://github.com/liaogx |
||||
|
- name: vue-fastapi-admin |
||||
|
html_url: https://github.com/mizhexiaoxiao/vue-fastapi-admin |
||||
|
stars: 1190 |
||||
|
owner_login: mizhexiaoxiao |
||||
|
owner_html_url: https://github.com/mizhexiaoxiao |
||||
- name: fastapi-code-generator |
- name: fastapi-code-generator |
||||
html_url: https://github.com/koxudaxi/fastapi-code-generator |
html_url: https://github.com/koxudaxi/fastapi-code-generator |
||||
stars: 1132 |
stars: 1180 |
||||
owner_login: koxudaxi |
owner_login: koxudaxi |
||||
owner_html_url: https://github.com/koxudaxi |
owner_html_url: https://github.com/koxudaxi |
||||
- name: bolt-python |
- name: bolt-python |
||||
html_url: https://github.com/slackapi/bolt-python |
html_url: https://github.com/slackapi/bolt-python |
||||
stars: 1130 |
stars: 1166 |
||||
owner_login: slackapi |
owner_login: slackapi |
||||
owner_html_url: https://github.com/slackapi |
owner_html_url: https://github.com/slackapi |
||||
|
- name: fastapi_production_template |
||||
|
html_url: https://github.com/zhanymkanov/fastapi_production_template |
||||
|
stars: 1134 |
||||
|
owner_login: zhanymkanov |
||||
|
owner_html_url: https://github.com/zhanymkanov |
||||
- name: langchain-extract |
- name: langchain-extract |
||||
html_url: https://github.com/langchain-ai/langchain-extract |
html_url: https://github.com/langchain-ai/langchain-extract |
||||
stars: 1110 |
stars: 1127 |
||||
owner_login: langchain-ai |
owner_login: langchain-ai |
||||
owner_html_url: https://github.com/langchain-ai |
owner_html_url: https://github.com/langchain-ai |
||||
- name: odmantic |
- name: odmantic |
||||
html_url: https://github.com/art049/odmantic |
html_url: https://github.com/art049/odmantic |
||||
stars: 1104 |
stars: 1115 |
||||
owner_login: art049 |
owner_login: art049 |
||||
owner_html_url: https://github.com/art049 |
owner_html_url: https://github.com/art049 |
||||
- name: fastapi_production_template |
|
||||
html_url: https://github.com/zhanymkanov/fastapi_production_template |
|
||||
stars: 1093 |
|
||||
owner_login: zhanymkanov |
|
||||
owner_html_url: https://github.com/zhanymkanov |
|
||||
- name: SurfSense |
|
||||
html_url: https://github.com/MODSetter/SurfSense |
|
||||
stars: 1081 |
|
||||
owner_login: MODSetter |
|
||||
owner_html_url: https://github.com/MODSetter |
|
||||
- name: fastapi-alembic-sqlmodel-async |
|
||||
html_url: https://github.com/jonra1993/fastapi-alembic-sqlmodel-async |
|
||||
stars: 1063 |
|
||||
owner_login: jonra1993 |
|
||||
owner_html_url: https://github.com/jonra1993 |
|
||||
- name: prometheus-fastapi-instrumentator |
- name: prometheus-fastapi-instrumentator |
||||
html_url: https://github.com/trallnag/prometheus-fastapi-instrumentator |
html_url: https://github.com/trallnag/prometheus-fastapi-instrumentator |
||||
stars: 1059 |
stars: 1112 |
||||
owner_login: trallnag |
owner_login: trallnag |
||||
owner_html_url: https://github.com/trallnag |
owner_html_url: https://github.com/trallnag |
||||
- name: bedrock-claude-chat |
- name: bedrock-chat |
||||
html_url: https://github.com/aws-samples/bedrock-claude-chat |
html_url: https://github.com/aws-samples/bedrock-chat |
||||
stars: 1039 |
stars: 1107 |
||||
owner_login: aws-samples |
owner_login: aws-samples |
||||
owner_html_url: https://github.com/aws-samples |
owner_html_url: https://github.com/aws-samples |
||||
|
- name: fastapi-alembic-sqlmodel-async |
||||
|
html_url: https://github.com/jonra1993/fastapi-alembic-sqlmodel-async |
||||
|
stars: 1094 |
||||
|
owner_login: jonra1993 |
||||
|
owner_html_url: https://github.com/jonra1993 |
||||
|
- name: restish |
||||
|
html_url: https://github.com/rest-sh/restish |
||||
|
stars: 1041 |
||||
|
owner_login: rest-sh |
||||
|
owner_html_url: https://github.com/rest-sh |
||||
|
- name: fastcrud |
||||
|
html_url: https://github.com/igorbenav/fastcrud |
||||
|
stars: 1036 |
||||
|
owner_login: igorbenav |
||||
|
owner_html_url: https://github.com/igorbenav |
||||
- name: runhouse |
- name: runhouse |
||||
html_url: https://github.com/run-house/runhouse |
html_url: https://github.com/run-house/runhouse |
||||
stars: 1005 |
stars: 1022 |
||||
owner_login: run-house |
owner_login: run-house |
||||
owner_html_url: https://github.com/run-house |
owner_html_url: https://github.com/run-house |
||||
- name: vue-fastapi-admin |
- name: fastapi_best_architecture |
||||
html_url: https://github.com/mizhexiaoxiao/vue-fastapi-admin |
html_url: https://github.com/fastapi-practices/fastapi_best_architecture |
||||
stars: 987 |
stars: 997 |
||||
owner_login: mizhexiaoxiao |
owner_login: fastapi-practices |
||||
owner_html_url: https://github.com/mizhexiaoxiao |
owner_html_url: https://github.com/fastapi-practices |
||||
- name: lanarky |
- name: lanarky |
||||
html_url: https://github.com/ajndkr/lanarky |
html_url: https://github.com/ajndkr/lanarky |
||||
stars: 986 |
stars: 990 |
||||
owner_login: ajndkr |
owner_login: ajndkr |
||||
owner_html_url: https://github.com/ajndkr |
owner_html_url: https://github.com/ajndkr |
||||
- name: autollm |
- name: autollm |
||||
html_url: https://github.com/viddexa/autollm |
html_url: https://github.com/viddexa/autollm |
||||
stars: 986 |
stars: 990 |
||||
owner_login: viddexa |
owner_login: viddexa |
||||
owner_html_url: https://github.com/viddexa |
owner_html_url: https://github.com/viddexa |
||||
- name: restish |
|
||||
html_url: https://github.com/danielgtaylor/restish |
|
||||
stars: 984 |
|
||||
owner_login: danielgtaylor |
|
||||
owner_html_url: https://github.com/danielgtaylor |
|
||||
- name: fastcrud |
|
||||
html_url: https://github.com/igorbenav/fastcrud |
|
||||
stars: 964 |
|
||||
owner_login: igorbenav |
|
||||
owner_html_url: https://github.com/igorbenav |
|
||||
- name: secure |
- name: secure |
||||
html_url: https://github.com/TypeError/secure |
html_url: https://github.com/TypeError/secure |
||||
stars: 928 |
stars: 932 |
||||
owner_login: TypeError |
owner_login: TypeError |
||||
owner_html_url: https://github.com/TypeError |
owner_html_url: https://github.com/TypeError |
||||
- name: langcorn |
- name: langcorn |
||||
html_url: https://github.com/msoedov/langcorn |
html_url: https://github.com/msoedov/langcorn |
||||
stars: 916 |
stars: 925 |
||||
owner_login: msoedov |
owner_login: msoedov |
||||
owner_html_url: https://github.com/msoedov |
owner_html_url: https://github.com/msoedov |
||||
- name: energy-forecasting |
- name: FastAPI-boilerplate |
||||
html_url: https://github.com/iusztinpaul/energy-forecasting |
html_url: https://github.com/igorbenav/FastAPI-boilerplate |
||||
stars: 898 |
stars: 925 |
||||
owner_login: iusztinpaul |
owner_login: igorbenav |
||||
owner_html_url: https://github.com/iusztinpaul |
owner_html_url: https://github.com/igorbenav |
||||
- name: authx |
- name: authx |
||||
html_url: https://github.com/yezz123/authx |
html_url: https://github.com/yezz123/authx |
||||
stars: 874 |
stars: 913 |
||||
owner_login: yezz123 |
owner_login: yezz123 |
||||
owner_html_url: https://github.com/yezz123 |
owner_html_url: https://github.com/yezz123 |
||||
|
- name: energy-forecasting |
||||
|
html_url: https://github.com/iusztinpaul/energy-forecasting |
||||
|
stars: 907 |
||||
|
owner_login: iusztinpaul |
||||
|
owner_html_url: https://github.com/iusztinpaul |
||||
- name: titiler |
- name: titiler |
||||
html_url: https://github.com/developmentseed/titiler |
html_url: https://github.com/developmentseed/titiler |
||||
stars: 841 |
stars: 873 |
||||
owner_login: developmentseed |
owner_login: developmentseed |
||||
owner_html_url: https://github.com/developmentseed |
owner_html_url: https://github.com/developmentseed |
||||
- name: FastAPI-boilerplate |
- name: httpdbg |
||||
html_url: https://github.com/igorbenav/FastAPI-boilerplate |
html_url: https://github.com/cle-b/httpdbg |
||||
stars: 820 |
stars: 850 |
||||
owner_login: igorbenav |
owner_login: cle-b |
||||
owner_html_url: https://github.com/igorbenav |
owner_html_url: https://github.com/cle-b |
||||
- name: marker-api |
- name: marker-api |
||||
html_url: https://github.com/adithya-s-k/marker-api |
html_url: https://github.com/adithya-s-k/marker-api |
||||
stars: 813 |
stars: 844 |
||||
owner_login: adithya-s-k |
owner_login: adithya-s-k |
||||
owner_html_url: https://github.com/adithya-s-k |
owner_html_url: https://github.com/adithya-s-k |
||||
- name: fastapi_best_architecture |
- name: ludic |
||||
html_url: https://github.com/fastapi-practices/fastapi_best_architecture |
html_url: https://github.com/getludic/ludic |
||||
stars: 802 |
stars: 842 |
||||
owner_login: fastapi-practices |
owner_login: getludic |
||||
owner_html_url: https://github.com/fastapi-practices |
owner_html_url: https://github.com/getludic |
||||
|
- name: flock |
||||
|
html_url: https://github.com/Onelevenvy/flock |
||||
|
stars: 805 |
||||
|
owner_login: Onelevenvy |
||||
|
owner_html_url: https://github.com/Onelevenvy |
||||
|
- name: fastapi-observability |
||||
|
html_url: https://github.com/blueswen/fastapi-observability |
||||
|
stars: 797 |
||||
|
owner_login: blueswen |
||||
|
owner_html_url: https://github.com/blueswen |
||||
- name: fastapi-do-zero |
- name: fastapi-do-zero |
||||
html_url: https://github.com/dunossauro/fastapi-do-zero |
html_url: https://github.com/dunossauro/fastapi-do-zero |
||||
stars: 745 |
stars: 786 |
||||
owner_login: dunossauro |
owner_login: dunossauro |
||||
owner_html_url: https://github.com/dunossauro |
owner_html_url: https://github.com/dunossauro |
||||
- name: fastapi-mail |
- name: fastapi-mail |
||||
html_url: https://github.com/sabuhish/fastapi-mail |
html_url: https://github.com/sabuhish/fastapi-mail |
||||
stars: 744 |
stars: 781 |
||||
owner_login: sabuhish |
owner_login: sabuhish |
||||
owner_html_url: https://github.com/sabuhish |
owner_html_url: https://github.com/sabuhish |
||||
- name: fastapi-observability |
|
||||
html_url: https://github.com/blueswen/fastapi-observability |
|
||||
stars: 743 |
|
||||
owner_login: blueswen |
|
||||
owner_html_url: https://github.com/blueswen |
|
||||
- name: lccn_predictor |
|
||||
html_url: https://github.com/baoliay2008/lccn_predictor |
|
||||
stars: 741 |
|
||||
owner_login: baoliay2008 |
|
||||
owner_html_url: https://github.com/baoliay2008 |
|
||||
- name: annotated-py-projects |
|
||||
html_url: https://github.com/hhstore/annotated-py-projects |
|
||||
stars: 727 |
|
||||
owner_login: hhstore |
|
||||
owner_html_url: https://github.com/hhstore |
|
||||
- name: learn-generative-ai |
|
||||
html_url: https://github.com/panaverse/learn-generative-ai |
|
||||
stars: 714 |
|
||||
owner_login: panaverse |
|
||||
owner_html_url: https://github.com/panaverse |
|
||||
- name: starlette-admin |
- name: starlette-admin |
||||
html_url: https://github.com/jowilf/starlette-admin |
html_url: https://github.com/jowilf/starlette-admin |
||||
stars: 713 |
stars: 764 |
||||
owner_login: jowilf |
owner_login: jowilf |
||||
owner_html_url: https://github.com/jowilf |
owner_html_url: https://github.com/jowilf |
||||
- name: chatGPT-web |
- name: lccn_predictor |
||||
html_url: https://github.com/mic1on/chatGPT-web |
html_url: https://github.com/baoliay2008/lccn_predictor |
||||
stars: 712 |
stars: 759 |
||||
owner_login: mic1on |
owner_login: baoliay2008 |
||||
owner_html_url: https://github.com/mic1on |
owner_html_url: https://github.com/baoliay2008 |
||||
- name: FastAPI-Backend-Template |
|
||||
html_url: https://github.com/Aeternalis-Ingenium/FastAPI-Backend-Template |
|
||||
stars: 709 |
|
||||
owner_login: Aeternalis-Ingenium |
|
||||
owner_html_url: https://github.com/Aeternalis-Ingenium |
|
||||
- name: linbing |
|
||||
html_url: https://github.com/taomujian/linbing |
|
||||
stars: 698 |
|
||||
owner_login: taomujian |
|
||||
owner_html_url: https://github.com/taomujian |
|
||||
- name: KonomiTV |
- name: KonomiTV |
||||
html_url: https://github.com/tsukumijima/KonomiTV |
html_url: https://github.com/tsukumijima/KonomiTV |
||||
stars: 687 |
stars: 741 |
||||
owner_login: tsukumijima |
owner_login: tsukumijima |
||||
owner_html_url: https://github.com/tsukumijima |
owner_html_url: https://github.com/tsukumijima |
||||
- name: fastapi-jwt-auth |
- name: FastAPI-Backend-Template |
||||
html_url: https://github.com/IndominusByte/fastapi-jwt-auth |
html_url: https://github.com/Aeternalis-Ingenium/FastAPI-Backend-Template |
||||
stars: 685 |
stars: 734 |
||||
owner_login: IndominusByte |
owner_login: Aeternalis-Ingenium |
||||
owner_html_url: https://github.com/IndominusByte |
owner_html_url: https://github.com/Aeternalis-Ingenium |
||||
- name: pity |
- name: learn-generative-ai |
||||
html_url: https://github.com/wuranxu/pity |
html_url: https://github.com/panaverse/learn-generative-ai |
||||
stars: 667 |
stars: 731 |
||||
owner_login: wuranxu |
owner_login: panaverse |
||||
owner_html_url: https://github.com/wuranxu |
owner_html_url: https://github.com/panaverse |
||||
|
- name: annotated-py-projects |
||||
|
html_url: https://github.com/hhstore/annotated-py-projects |
||||
|
stars: 730 |
||||
|
owner_login: hhstore |
||||
|
owner_html_url: https://github.com/hhstore |
||||
|
|||||
@ -1,106 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="BkDNbdtn8_9fWQybnc8v" name="Page-1"> |
|
||||
<mxGraphModel dx="741" dy="1167" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="420" y="280" width="920" height="670" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font face="Roboto"><span style="font-size: 24px">Server</span></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="755" y="290" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="6" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="1110" y="410" width="190" height="500" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="7" value="<font style="font-size: 24px" face="Roboto">RAM<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="1166.92" y="420" width="76.16" height="30" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="470" y="410" width="250" height="500" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="10" value="<font style="font-size: 24px" face="Roboto">CPU<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="554.61" y="420" width="80.77" height="30" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" parent="1" source="11" target="12" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="15" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" parent="1" source="11" target="13" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="820" y="525" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="19" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;endArrow=none;endFill=0;" parent="1" source="11" target="17" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="20" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="11" target="18" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="11" value="<font face="roboto"><span style="font-size: 24px">Process&nbsp;</span></font><span style="font-family: &#34;roboto&#34; ; font-size: 24px">Manager</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="780" y="420" width="250" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="25" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="12" target="23" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="12" value="<font face="roboto"><span style="font-size: 24px">Worker Process</span></font>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="840" y="540" width="240" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="26" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="13" target="24" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="13" target="22" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="775" y="710"/> |
|
||||
<mxPoint x="775" y="688"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="13" value="<font face="roboto"><span style="font-size: 24px">Worker Process</span></font>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;fillColor=#e1d5e7;strokeColor=#9673a6;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="840" y="660" width="240" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="28" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="16" target="27" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="31" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="16" target="30" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="16" value="<font face="roboto"><span style="font-size: 24px">Another Process</span></font>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="780" y="790" width="250" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="17" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;fillColor=#d5e8d4;strokeColor=#82b366;dashed=1;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="480" y="458" width="230" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="18" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;fillColor=#d5e8d4;strokeColor=#82b366;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="1130" y="460" width="150" height="20" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="21" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;fillColor=#fff2cc;strokeColor=#d6b656;dashed=1;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="480" y="508" width="230" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="22" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;fillColor=#e1d5e7;strokeColor=#9673a6;dashed=1;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="480" y="618" width="230" height="140" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="23" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">1 GB</font>" style="rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="1130" y="490" width="150" height="150" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="24" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">1 GB</font>" style="rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;fillColor=#e1d5e7;strokeColor=#9673a6;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="1130" y="650" width="150" height="150" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="27" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;dashed=1;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="480" y="768" width="230" height="50" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="30" value="" style="rounded=0;whiteSpace=wrap;html=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="1130" y="810" width="150" height="50" as="geometry"/> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 16 KiB |
@ -1,277 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="jyERGzDynktFHFRGN0ph" name="Page-1"> |
|
||||
<mxGraphModel dx="3321" dy="2867" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="450" y="-50" width="820" height="970" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font face="Roboto"><span style="font-size: 24px">Server(s)</span></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="710" y="-50" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" edge="1" parent="1" target="14"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
<mxPoint x="803" y="521" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" edge="1" parent="1" target="17"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="800" y="520" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="33" value="" style="group" vertex="1" connectable="0" parent="1"> |
|
||||
<mxGeometry x="-140" y="-75" width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">https://someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" vertex="1" parent="33"> |
|
||||
<mxGeometry x="60" y="27" width="380" height="250" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="32" value="" style="pointerEvents=1;shadow=0;dashed=0;html=1;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.laptop;strokeColor=none;" vertex="1" parent="33"> |
|
||||
<mxGeometry width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="90" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" edge="1" parent="1" source="101" target="32"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="390" y="-190" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-132"/> |
|
||||
<mxPoint x="280" y="-132"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="34" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">DNS Servers</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="-60" y="-540" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="6" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="495" y="320" width="355" height="440" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="7" value="<font style="font-size: 24px" face="Roboto">TLS Termination Proxy<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="525" y="330" width="280" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="56" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;" edge="1" parent="1" source="55" target="49"> |
|
||||
<mxGeometry relative="1" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="58" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;startArrow=none;" edge="1" parent="1" source="102" target="57"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="410" y="400" as="targetPoint"/> |
|
||||
<mxPoint x="585" y="1050" as="sourcePoint"/> |
|
||||
<Array as="points"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="55" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal">Cert Renovation Program</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="515" y="780" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="59" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;strokeWidth=3;startArrow=none;" edge="1" parent="1" source="103" target="55"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="875" y="1030" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="790" y="930"/> |
|
||||
<mxPoint x="790" y="930"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="57" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">Let's Encrypt</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="500" y="1150" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="73" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" edge="1" parent="1" source="85" target="6"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="82" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" edge="1" parent="1" source="62" target="78"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="920" y="770"/> |
|
||||
<mxPoint x="920" y="770"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="62" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">FastAPI</font><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal"> app for: someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="890" y="650" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="65" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal">Another app</font><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal">: another.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="890" y="50" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="66" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal">One more app</font><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal">: onemore.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="890" y="180" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="78" value="<font face="Roboto"><span style="font-size: 24px ; font-weight: 400">A Database</span></font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="890" y="780" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="80" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;strokeWidth=3;endArrow=none;" edge="1" parent="1" source="57" target="103"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="480" y="1090" as="sourcePoint"/> |
|
||||
<mxPoint x="875" y="1110" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="915" y="1250"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="81" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;endArrow=none;" edge="1" parent="1" source="55" target="102"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="525" y="970" as="targetPoint"/> |
|
||||
<mxPoint x="550" y="880" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="525" y="930"/> |
|
||||
<mxPoint x="525" y="930"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="85" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Plain response from: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#9673a6;strokeWidth=3;fillColor=#e1d5e7;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="890" y="500" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="86" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" edge="1" parent="1" source="62" target="85"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="1030.0000000000005" y="649.9999999999995" as="sourcePoint"/> |
|
||||
<mxPoint x="850" y="540.0000000000005" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="1030" y="540"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="87" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" edge="1" parent="1" source="84" target="62"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="1240" y="390"/> |
|
||||
<mxPoint x="1240" y="700"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="88" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;dashed=1;" edge="1" parent="1" source="100" target="34"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="65.05882352941171" y="-220" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="89" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;dashed=1;" edge="1" parent="1" source="32" target="100"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="110" y="-75" as="sourcePoint"/> |
|
||||
<mxPoint x="-4.941176470588289" y="-139.99999999999955" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-5" y="-80"/> |
|
||||
<mxPoint x="-5" y="-80"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="91" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" edge="1" parent="1" source="34" target="101"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="105" y="-280" as="sourcePoint"/> |
|
||||
<mxPoint x="390" y="-260" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-430"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="109" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" edge="1" parent="1" source="97" target="32"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="340" y="480"/> |
|
||||
<mxPoint x="340" y="480"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="36" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">Port 443 (HTTPS)</font>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="330" y="680" width="170" height="120" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="92" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" edge="1" parent="1" source="96" target="36"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="50" y="500" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="50" y="740"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="93" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" edge="1" parent="1" source="32" target="96"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="300" y="350" as="sourcePoint"/> |
|
||||
<mxPoint x="55" y="330" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="96" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Encrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="-10" y="400" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="100" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Who is: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="-110" y="-210" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="101" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">IP:</span><br style="font-family: &#34;roboto&#34;"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">123.124.125.126</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="270" y="-290" width="240" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="102" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Renew HTTPS cert for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="430" y="960" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="103" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">New HTTPS cert for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="750" y="1070" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="106" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=0;strokeWidth=3;" edge="1" parent="1" source="104" target="36"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="770"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="104" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">TLS Handshake</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="-110" y="300" width="230" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="107" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" edge="1" parent="1" source="32" target="104"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="-40" y="275" as="sourcePoint"/> |
|
||||
<mxPoint x="341.38784067832285" y="770" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="97" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Encrypted response from: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#9673a6;strokeWidth=3;fillColor=#e1d5e7;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="90" y="500" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="110" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" edge="1" parent="1" source="36" target="97"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="415" y="680" as="sourcePoint"/> |
|
||||
<mxPoint x="110" y="275" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="245" y="710"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="49" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="510" y="400" width="310" height="320" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="50" value="<font style="font-size: 24px" face="Roboto">HTTPS certificates<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="550.9" y="410" width="228.21" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="51" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">someapp.example.com</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="530" y="465" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="52" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">another.example.net</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="530" y="545" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="53" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">onemore.example.org</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="530" y="625" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="42" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">IP:</span><br><span style="font-size: 24px">123.124.125.126</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="290" y="600" width="220" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="84" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Decrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" vertex="1" parent="1"> |
|
||||
<mxGeometry x="885" y="350" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="111" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" edge="1" parent="1" source="6" target="84"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="850" y="390" as="sourcePoint"/> |
|
||||
<mxPoint x="1190" y="700" as="targetPoint"/> |
|
||||
<Array as="points"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 647 KiB |
|
Before Width: | Height: | Size: 40 KiB |
@ -1,78 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="jyERGzDynktFHFRGN0ph" name="Page-1"> |
|
||||
<mxGraphModel dx="2738" dy="2173" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
<mxPoint x="803" y="521" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="800" y="520" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="33" value="" style="group" parent="1" vertex="1" connectable="0"> |
|
||||
<mxGeometry x="-140" y="-75" width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">https://someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="33" vertex="1"> |
|
||||
<mxGeometry x="60" y="27" width="380" height="250" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="32" value="" style="pointerEvents=1;shadow=0;dashed=0;html=1;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.laptop;strokeColor=none;" parent="33" vertex="1"> |
|
||||
<mxGeometry width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="90" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="101" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="390" y="-190" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-132"/> |
|
||||
<mxPoint x="280" y="-132"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="34" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">DNS Servers</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-60" y="-540" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="88" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="100" target="34" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="65.05882352941171" y="-220" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="89" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="32" target="100" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="110" y="-75" as="sourcePoint"/> |
|
||||
<mxPoint x="-4.941176470588289" y="-139.99999999999955" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-10" y="-120"/> |
|
||||
<mxPoint x="-10" y="-120"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="91" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="34" target="101" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="105" y="-280" as="sourcePoint"/> |
|
||||
<mxPoint x="390" y="-260" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-430"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="100" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Who is: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="-210" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="101" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">IP:</span><br style="font-family: &#34;roboto&#34;"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">123.124.125.126</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="270" y="-290" width="240" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 10 KiB |
@ -1,110 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="jyERGzDynktFHFRGN0ph" name="Page-1"> |
|
||||
<mxGraphModel dx="2481" dy="1867" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="450" y="-50" width="820" height="970" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font face="Roboto"><span style="font-size: 24px">Server(s)</span></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="710" y="-50" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
<mxPoint x="803" y="521" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="800" y="520" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="33" value="" style="group" parent="1" vertex="1" connectable="0"> |
|
||||
<mxGeometry x="-140" y="-75" width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">https://someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="33" vertex="1"> |
|
||||
<mxGeometry x="60" y="27" width="380" height="250" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="32" value="" style="pointerEvents=1;shadow=0;dashed=0;html=1;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.laptop;strokeColor=none;" parent="33" vertex="1"> |
|
||||
<mxGeometry width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="90" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="101" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="390" y="-190" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-132"/> |
|
||||
<mxPoint x="280" y="-132"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="34" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">DNS Servers</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-60" y="-540" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="88" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="100" target="34" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="65.05882352941171" y="-220" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="89" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="32" target="100" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="110" y="-75" as="sourcePoint"/> |
|
||||
<mxPoint x="-4.941176470588289" y="-139.99999999999955" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="91" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="34" target="101" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="105" y="-280" as="sourcePoint"/> |
|
||||
<mxPoint x="390" y="-260" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-430"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="36" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">Port 443 (HTTPS)</font>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="330" y="680" width="170" height="120" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="42" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">IP:</span><br><span style="font-size: 24px">123.124.125.126</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="290" y="600" width="220" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="100" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Who is: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="-210" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="101" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">IP:</span><br style="font-family: &#34;roboto&#34;"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">123.124.125.126</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="270" y="-290" width="240" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="106" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="104" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="770"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="104" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">TLS Handshake</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="300" width="230" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="107" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="104" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="-40" y="275" as="sourcePoint"/> |
|
||||
<mxPoint x="341.38784067832285" y="770" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 15 KiB |
@ -1,131 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="jyERGzDynktFHFRGN0ph" name="Page-1"> |
|
||||
<mxGraphModel dx="2481" dy="1867" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="450" y="-50" width="820" height="970" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font face="Roboto"><span style="font-size: 24px">Server(s)</span></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="710" y="-50" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
<mxPoint x="803" y="521" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="800" y="520" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="33" value="" style="group" parent="1" vertex="1" connectable="0"> |
|
||||
<mxGeometry x="-140" y="-75" width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">https://someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="33" vertex="1"> |
|
||||
<mxGeometry x="60" y="27" width="380" height="250" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="32" value="" style="pointerEvents=1;shadow=0;dashed=0;html=1;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.laptop;strokeColor=none;" parent="33" vertex="1"> |
|
||||
<mxGeometry width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="90" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="101" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="390" y="-190" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-132"/> |
|
||||
<mxPoint x="280" y="-132"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="34" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">DNS Servers</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-60" y="-540" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="6" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="495" y="320" width="355" height="440" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="7" value="<font style="font-size: 24px" face="Roboto">TLS Termination Proxy<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="525" y="330" width="280" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="88" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="100" target="34" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="65.05882352941171" y="-220" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="89" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="32" target="100" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="110" y="-75" as="sourcePoint"/> |
|
||||
<mxPoint x="-4.941176470588289" y="-139.99999999999955" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="91" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="34" target="101" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="105" y="-280" as="sourcePoint"/> |
|
||||
<mxPoint x="390" y="-260" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-430"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="36" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">Port 443 (HTTPS)</font>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="330" y="680" width="170" height="120" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="100" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Who is: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="-210" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="101" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">IP:</span><br style="font-family: &#34;roboto&#34;"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">123.124.125.126</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="270" y="-290" width="240" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="106" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="104" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="770"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="104" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">TLS Handshake</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="300" width="230" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="107" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="104" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="-40" y="275" as="sourcePoint"/> |
|
||||
<mxPoint x="341.38784067832285" y="770" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="49" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="510" y="400" width="310" height="320" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="50" value="<font style="font-size: 24px" face="Roboto">HTTPS certificates<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="550.9" y="410" width="228.21" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="51" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">someapp.example.com</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="465" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="52" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">another.example.net</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="545" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="53" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">onemore.example.org</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="625" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="42" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">IP:</span><br><span style="font-size: 24px">123.124.125.126</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="290" y="600" width="220" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 21 KiB |
@ -1,152 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="jyERGzDynktFHFRGN0ph" name="Page-1"> |
|
||||
<mxGraphModel dx="2312" dy="1667" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="450" y="-50" width="820" height="970" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font face="Roboto"><span style="font-size: 24px">Server(s)</span></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="710" y="-50" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
<mxPoint x="803" y="521" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="800" y="520" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="33" value="" style="group" parent="1" vertex="1" connectable="0"> |
|
||||
<mxGeometry x="-140" y="-75" width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">https://someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="33" vertex="1"> |
|
||||
<mxGeometry x="60" y="27" width="380" height="250" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="32" value="" style="pointerEvents=1;shadow=0;dashed=0;html=1;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.laptop;strokeColor=none;" parent="33" vertex="1"> |
|
||||
<mxGeometry width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="90" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="101" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="390" y="-190" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-132"/> |
|
||||
<mxPoint x="280" y="-132"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="34" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">DNS Servers</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-60" y="-540" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="6" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="495" y="320" width="355" height="440" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="7" value="<font style="font-size: 24px" face="Roboto">TLS Termination Proxy<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="525" y="330" width="280" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="88" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="100" target="34" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="65.05882352941171" y="-220" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="89" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="32" target="100" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="110" y="-75" as="sourcePoint"/> |
|
||||
<mxPoint x="-4.941176470588289" y="-139.99999999999955" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="91" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="34" target="101" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="105" y="-280" as="sourcePoint"/> |
|
||||
<mxPoint x="390" y="-260" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-430"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="36" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">Port 443 (HTTPS)</font>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="330" y="680" width="170" height="120" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="92" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="96" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="50" y="500" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="50" y="740"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="93" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="96" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="300" y="350" as="sourcePoint"/> |
|
||||
<mxPoint x="55" y="330" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="96" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Encrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-10" y="400" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="100" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Who is: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="-210" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="101" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">IP:</span><br style="font-family: &#34;roboto&#34;"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">123.124.125.126</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="270" y="-290" width="240" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="106" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="104" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="770"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="104" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">TLS Handshake</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="300" width="230" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="107" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="104" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="-40" y="275" as="sourcePoint"/> |
|
||||
<mxPoint x="341.38784067832285" y="770" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="49" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="510" y="400" width="310" height="320" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="50" value="<font style="font-size: 24px" face="Roboto">HTTPS certificates<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="550.9" y="410" width="228.21" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="51" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">someapp.example.com</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="465" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="52" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">another.example.net</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="545" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="53" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">onemore.example.org</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="625" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="42" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">IP:</span><br><span style="font-size: 24px">123.124.125.126</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="290" y="600" width="220" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 23 KiB |
@ -1,166 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="jyERGzDynktFHFRGN0ph" name="Page-1"> |
|
||||
<mxGraphModel dx="5190" dy="5090" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="450" y="-50" width="820" height="970" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font face="Roboto"><span style="font-size: 24px">Server(s)</span></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="710" y="-50" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
<mxPoint x="803" y="521" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="800" y="520" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="33" value="" style="group" parent="1" vertex="1" connectable="0"> |
|
||||
<mxGeometry x="-140" y="-75" width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">https://someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="33" vertex="1"> |
|
||||
<mxGeometry x="60" y="27" width="380" height="250" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="32" value="" style="pointerEvents=1;shadow=0;dashed=0;html=1;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.laptop;strokeColor=none;" parent="33" vertex="1"> |
|
||||
<mxGeometry width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="90" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="101" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="390" y="-190" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-132"/> |
|
||||
<mxPoint x="280" y="-132"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="34" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">DNS Servers</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-60" y="-540" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="6" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="495" y="320" width="355" height="440" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="7" value="<font style="font-size: 24px" face="Roboto">TLS Termination Proxy<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="525" y="330" width="280" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="62" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">FastAPI</font><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal"> app for: someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="895" y="640" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="87" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="6" target="62" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="1240" y="390"/> |
|
||||
<mxPoint x="1240" y="700"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="84" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Decrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="890" y="350" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="88" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="100" target="34" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="65.05882352941171" y="-220" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="89" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="32" target="100" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="110" y="-75" as="sourcePoint"/> |
|
||||
<mxPoint x="-4.941176470588289" y="-139.99999999999955" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-5" y="-80"/> |
|
||||
<mxPoint x="-5" y="-80"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="91" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="34" target="101" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="105" y="-280" as="sourcePoint"/> |
|
||||
<mxPoint x="390" y="-260" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-430"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="36" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">Port 443 (HTTPS)</font>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="330" y="680" width="170" height="120" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="92" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="96" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="50" y="500" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="50" y="740"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="93" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="96" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="300" y="350" as="sourcePoint"/> |
|
||||
<mxPoint x="55" y="330" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="96" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Encrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-10" y="400" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="100" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Who is: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="-210" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="101" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">IP:</span><br style="font-family: &#34;roboto&#34;"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">123.124.125.126</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="270" y="-290" width="240" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="106" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="104" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="770"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="104" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">TLS Handshake</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="300" width="230" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="107" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="104" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="-40" y="275" as="sourcePoint"/> |
|
||||
<mxPoint x="341.38784067832285" y="770" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="49" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="510" y="400" width="310" height="320" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="50" value="<font style="font-size: 24px" face="Roboto">HTTPS certificates<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="550.9" y="410" width="228.21" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="51" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">someapp.example.com</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="465" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="52" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">another.example.net</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="545" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="53" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">onemore.example.org</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="625" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="42" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">IP:</span><br><span style="font-size: 24px">123.124.125.126</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="290" y="600" width="220" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 624 KiB |
|
Before Width: | Height: | Size: 26 KiB |
@ -1,183 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="jyERGzDynktFHFRGN0ph" name="Page-1"> |
|
||||
<mxGraphModel dx="3321" dy="2867" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="450" y="-50" width="820" height="970" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font face="Roboto"><span style="font-size: 24px">Server(s)</span></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="710" y="-50" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
<mxPoint x="803" y="521" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="800" y="520" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="33" value="" style="group" parent="1" vertex="1" connectable="0"> |
|
||||
<mxGeometry x="-140" y="-75" width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">https://someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="33" vertex="1"> |
|
||||
<mxGeometry x="60" y="27" width="380" height="250" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="32" value="" style="pointerEvents=1;shadow=0;dashed=0;html=1;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.laptop;strokeColor=none;" parent="33" vertex="1"> |
|
||||
<mxGeometry width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="90" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="101" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="390" y="-190" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-132"/> |
|
||||
<mxPoint x="280" y="-132"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="34" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">DNS Servers</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-60" y="-540" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="6" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="495" y="320" width="355" height="440" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="7" value="<font style="font-size: 24px" face="Roboto">TLS Termination Proxy<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="525" y="330" width="280" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="73" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="85" target="6" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="62" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">FastAPI</font><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal"> app for: someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="895" y="650" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="85" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Plain response from: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#9673a6;strokeWidth=3;fillColor=#e1d5e7;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="890" y="500" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="86" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="62" target="85" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="1030.0000000000005" y="649.9999999999995" as="sourcePoint"/> |
|
||||
<mxPoint x="850" y="540.0000000000005" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="1030" y="540"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="87" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="6" target="62" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="1240" y="390"/> |
|
||||
<mxPoint x="1240" y="700"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="84" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Decrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="890" y="350" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="88" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="100" target="34" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="65.05882352941171" y="-220" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="89" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="32" target="100" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="110" y="-75" as="sourcePoint"/> |
|
||||
<mxPoint x="-4.941176470588289" y="-139.99999999999955" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="91" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="34" target="101" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="105" y="-280" as="sourcePoint"/> |
|
||||
<mxPoint x="390" y="-260" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-430"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="36" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">Port 443 (HTTPS)</font>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="330" y="680" width="170" height="120" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="92" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="96" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="50" y="500" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="50" y="740"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="93" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="96" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="300" y="350" as="sourcePoint"/> |
|
||||
<mxPoint x="55" y="330" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="96" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Encrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-10" y="400" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="100" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Who is: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="-210" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="101" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">IP:</span><br style="font-family: &#34;roboto&#34;"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">123.124.125.126</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="270" y="-290" width="240" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="106" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="104" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="770"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="104" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">TLS Handshake</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="300" width="230" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="107" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="104" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="-40" y="275" as="sourcePoint"/> |
|
||||
<mxPoint x="341.38784067832285" y="770" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="49" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="510" y="400" width="310" height="320" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="50" value="<font style="font-size: 24px" face="Roboto">HTTPS certificates<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="550.9" y="410" width="228.21" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="51" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">someapp.example.com</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="465" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="52" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">another.example.net</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="545" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="53" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">onemore.example.org</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="625" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="42" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">IP:</span><br><span style="font-size: 24px">123.124.125.126</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="290" y="600" width="220" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 627 KiB |
|
Before Width: | Height: | Size: 27 KiB |
@ -1,203 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="jyERGzDynktFHFRGN0ph" name="Page-1"> |
|
||||
<mxGraphModel dx="3321" dy="2867" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="450" y="-50" width="820" height="970" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font face="Roboto"><span style="font-size: 24px">Server(s)</span></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="710" y="-50" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
<mxPoint x="803" y="521" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="800" y="520" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="33" value="" style="group" parent="1" vertex="1" connectable="0"> |
|
||||
<mxGeometry x="-140" y="-75" width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">https://someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="33" vertex="1"> |
|
||||
<mxGeometry x="60" y="27" width="380" height="250" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="32" value="" style="pointerEvents=1;shadow=0;dashed=0;html=1;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.laptop;strokeColor=none;" parent="33" vertex="1"> |
|
||||
<mxGeometry width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="90" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="101" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="390" y="-190" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-132"/> |
|
||||
<mxPoint x="280" y="-132"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="34" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">DNS Servers</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-60" y="-540" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="6" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="495" y="320" width="355" height="440" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="7" value="<font style="font-size: 24px" face="Roboto">TLS Termination Proxy<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="525" y="330" width="280" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="73" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="85" target="6" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="62" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">FastAPI</font><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal"> app for: someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="895" y="650" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="85" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Plain response from: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#9673a6;strokeWidth=3;fillColor=#e1d5e7;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="890" y="500" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="86" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="62" target="85" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="1030.0000000000005" y="649.9999999999995" as="sourcePoint"/> |
|
||||
<mxPoint x="850" y="540.0000000000005" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="1030" y="540"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="87" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="6" target="62" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="1240" y="390"/> |
|
||||
<mxPoint x="1240" y="700"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="84" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Decrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="890" y="350" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="88" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="100" target="34" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="65.05882352941171" y="-220" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="89" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="32" target="100" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="110" y="-75" as="sourcePoint"/> |
|
||||
<mxPoint x="-4.941176470588289" y="-139.99999999999955" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="91" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="34" target="101" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="105" y="-280" as="sourcePoint"/> |
|
||||
<mxPoint x="390" y="-260" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-430"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="109" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="97" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="340" y="480"/> |
|
||||
<mxPoint x="340" y="480"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="36" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">Port 443 (HTTPS)</font>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="330" y="680" width="170" height="120" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="92" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="96" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="50" y="500" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="50" y="740"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="93" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="96" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="300" y="350" as="sourcePoint"/> |
|
||||
<mxPoint x="55" y="330" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="96" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Encrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-10" y="400" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="100" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Who is: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="-210" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="101" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">IP:</span><br style="font-family: &#34;roboto&#34;"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">123.124.125.126</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="270" y="-290" width="240" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="106" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="104" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="770"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="104" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">TLS Handshake</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="300" width="230" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="107" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="104" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="-40" y="275" as="sourcePoint"/> |
|
||||
<mxPoint x="341.38784067832285" y="770" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="97" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Encrypted response from: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#9673a6;strokeWidth=3;fillColor=#e1d5e7;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="90" y="500" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="110" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="36" target="97" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="415" y="680" as="sourcePoint"/> |
|
||||
<mxPoint x="110" y="275" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="245" y="710"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="49" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="510" y="400" width="310" height="320" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="50" value="<font style="font-size: 24px" face="Roboto">HTTPS certificates<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="550.9" y="410" width="228.21" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="51" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">someapp.example.com</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="465" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="52" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">another.example.net</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="545" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="53" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">onemore.example.org</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="625" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="42" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">IP:</span><br><span style="font-size: 24px">123.124.125.126</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="290" y="600" width="220" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 29 KiB |
@ -1,217 +0,0 @@ |
|||||
<mxfile host="65bd71144e"> |
|
||||
<diagram id="jyERGzDynktFHFRGN0ph" name="Page-1"> |
|
||||
<mxGraphModel dx="3321" dy="2867" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="450" y="-50" width="820" height="970" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font face="Roboto"><span style="font-size: 24px">Server(s)</span></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="710" y="-50" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="8" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;exitX=0.092;exitY=1.01;exitDx=0;exitDy=0;dashed=1;exitPerimeter=0;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="521"/> |
|
||||
<mxPoint x="800" y="560"/> |
|
||||
</Array> |
|
||||
<mxPoint x="803" y="521" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=3;dashed=1;" parent="1" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="800" y="520" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="800" y="680"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="33" value="" style="group" parent="1" vertex="1" connectable="0"> |
|
||||
<mxGeometry x="-140" y="-75" width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="29" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">https://someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="33" vertex="1"> |
|
||||
<mxGeometry x="60" y="27" width="380" height="250" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="32" value="" style="pointerEvents=1;shadow=0;dashed=0;html=1;fillColor=#505050;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;outlineConnect=0;align=center;shape=mxgraph.office.devices.laptop;strokeColor=none;" parent="33" vertex="1"> |
|
||||
<mxGeometry width="500" height="350" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="90" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="101" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="390" y="-190" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-132"/> |
|
||||
<mxPoint x="280" y="-132"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="34" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">DNS Servers</font>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-60" y="-540" width="330" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="6" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="495" y="320" width="355" height="440" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="7" value="<font style="font-size: 24px" face="Roboto">TLS Termination Proxy<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="525" y="330" width="280" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="73" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="85" target="6" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="82" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;entryX=0.073;entryY=0.01;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.075;exitY=0.998;exitDx=0;exitDy=0;exitPerimeter=0;" parent="1" source="62" target="78" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="917" y="754" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="62" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">FastAPI</font><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal"> app for: someapp.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="895" y="650" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="65" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal">Another app</font><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal">: another.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="895" y="50" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="66" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal">One more app</font><font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px ; font-weight: normal">: onemore.example.com</font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="895" y="180" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="78" value="<font face="Roboto"><span style="font-size: 24px ; font-weight: 400">A Database</span></font>" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#dae8fc;strokeColor=#6c8ebf;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="895" y="780" width="300" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="85" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Plain response from: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#9673a6;strokeWidth=3;fillColor=#e1d5e7;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="890" y="500" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="86" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="62" target="85" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="1030.0000000000005" y="649.9999999999995" as="sourcePoint"/> |
|
||||
<mxPoint x="850" y="540.0000000000005" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="1030" y="540"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="87" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="6" target="62" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="1240" y="390"/> |
|
||||
<mxPoint x="1240" y="700"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="84" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Decrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="890" y="350" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="88" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="100" target="34" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="65.05882352941171" y="-220" as="sourcePoint"/> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="89" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;dashed=1;" parent="1" source="32" target="100" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="110" y="-75" as="sourcePoint"/> |
|
||||
<mxPoint x="-4.941176470588289" y="-139.99999999999955" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
<mxPoint x="-5" y="-90"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="91" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="34" target="101" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="105" y="-280" as="sourcePoint"/> |
|
||||
<mxPoint x="390" y="-260" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="390" y="-430"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="109" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="97" target="32" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="340" y="480"/> |
|
||||
<mxPoint x="340" y="480"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="36" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto" style="font-size: 24px">Port 443 (HTTPS)</font>" style="ellipse;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="330" y="680" width="170" height="120" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="92" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=classic;endFill=1;strokeWidth=3;" parent="1" source="96" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="50" y="500" as="sourcePoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="50" y="740"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="93" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="96" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="300" y="350" as="sourcePoint"/> |
|
||||
<mxPoint x="55" y="330" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
<mxPoint x="160" y="340"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="96" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Encrypted request for: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-10" y="400" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="100" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Who is: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="-210" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="101" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">IP:</span><br style="font-family: &#34;roboto&#34;"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">123.124.125.126</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="270" y="-290" width="240" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="106" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=0;strokeWidth=3;" parent="1" source="104" target="36" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="770"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="104" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">TLS Handshake</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="-110" y="300" width="230" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="107" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="32" target="104" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="-40" y="275" as="sourcePoint"/> |
|
||||
<mxPoint x="341.38784067832285" y="770" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
<mxPoint x="-40" y="290"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="97" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Encrypted response from: someapp.example.com</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeColor=#9673a6;strokeWidth=3;fillColor=#e1d5e7;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="90" y="500" width="310" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="110" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;startArrow=none;startFill=0;endArrow=none;endFill=1;strokeWidth=3;" parent="1" source="36" target="97" edge="1"> |
|
||||
<mxGeometry relative="1" as="geometry"> |
|
||||
<mxPoint x="415" y="680" as="sourcePoint"/> |
|
||||
<mxPoint x="110" y="275" as="targetPoint"/> |
|
||||
<Array as="points"> |
|
||||
<mxPoint x="245" y="710"/> |
|
||||
</Array> |
|
||||
</mxGeometry> |
|
||||
</mxCell> |
|
||||
<mxCell id="49" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;fillColor=#fff2cc;strokeColor=#d6b656;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="510" y="400" width="310" height="320" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="50" value="<font style="font-size: 24px" face="Roboto">HTTPS certificates<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="550.9" y="410" width="228.21" height="40" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="51" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">someapp.example.com</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="465" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="52" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">another.example.net</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="545" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="53" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">onemore.example.org</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#666666;strokeWidth=3;fillColor=#f5f5f5;fontColor=#333333;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="530" y="625" width="270" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="42" value="<font face="Roboto" data-font-src="https://fonts.googleapis.com/css?family=Roboto"><span style="font-size: 24px">IP:</span><br><span style="font-size: 24px">123.124.125.126</span><br></font>" style="rounded=0;whiteSpace=wrap;html=1;strokeColor=#000000;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="290" y="600" width="220" height="70" as="geometry"/> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 7.4 KiB |
@ -1,43 +0,0 @@ |
|||||
<mxfile host="65bd71144e" modified="2020-11-28T18:13:19.199Z" agent="5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Code/1.51.1 Chrome/83.0.4103.122 Electron/9.3.3 Safari/537.36" etag="KPHuXUeExV3PdWouu_3U" version="13.6.5"> |
|
||||
<diagram id="zB4-QXJZ7ScUzHSLnJ1i" name="Page-1"> |
|
||||
<mxGraphModel dx="1154" dy="780" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1920" pageHeight="1200" math="0" shadow="0" extFonts="Roboto^https://fonts.googleapis.com/css?family=Roboto|Roboto Mono, mono^https://fonts.googleapis.com/css?family=Roboto+Mono%2C+mono"> |
|
||||
<root> |
|
||||
<mxCell id="0"/> |
|
||||
<mxCell id="1" parent="0"/> |
|
||||
<mxCell id="2" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="110" y="280" width="1350" height="620" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="3" value="<font style="font-size: 24px" face="Roboto">Package app<br>app/__init__.py</font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="635" y="310" width="300" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="15" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Module app.main</span><br style="font-family: &#34;roboto&#34; ; font-size: 24px"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">app/main.py</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="140" y="430" width="360" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="16" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Module app.dependencies</span><br style="font-family: &#34;roboto&#34; ; font-size: 24px"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">app/dependencies.py</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="130" y="565" width="370" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="5" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="1030" y="430" width="400" height="260" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="8" value="<font style="font-size: 24px" face="Roboto">Subpackage app.internal<br></font><span style="font-family: &#34;roboto&#34; ; font-size: 24px">app/internal/__init__.py</span><font style="font-size: 24px" face="Roboto"><br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="1083.8438461538462" y="460" width="292.3076923076923" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="19" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Module app.internal.admin</span><br style="font-family: &#34;roboto&#34; ; font-size: 24px"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">app/internal/admin.py</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="1050" y="570" width="360" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="4" value="" style="rounded=0;whiteSpace=wrap;html=1;fontStyle=1;strokeWidth=4;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="540" y="430" width="440" height="410" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="7" value="<font style="font-size: 24px" face="Roboto">Subpackage app.routers<br>app/routers/__init__.py<br></font>" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;strokeWidth=3;fontFamily=Roboto Mono, mono;FType=g;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="599.2307692307693" y="460" width="321.53846153846155" height="80" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="17" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Module app.routers.items</span><br style="font-family: &#34;roboto&#34; ; font-size: 24px"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">app/routers/items.py</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="580" y="570" width="360" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
<mxCell id="18" value="<span style="font-family: &#34;roboto&#34; ; font-size: 24px">Module app.routers.users</span><br style="font-family: &#34;roboto&#34; ; font-size: 24px"><span style="font-family: &#34;roboto&#34; ; font-size: 24px">app/routers/users.py</span>" style="shape=hexagon;perimeter=hexagonPerimeter2;whiteSpace=wrap;html=1;fixedSize=1;strokeWidth=3;" parent="1" vertex="1"> |
|
||||
<mxGeometry x="580" y="700" width="360" height="100" as="geometry"/> |
|
||||
</mxCell> |
|
||||
</root> |
|
||||
</mxGraphModel> |
|
||||
</diagram> |
|
||||
</mxfile> |
|
||||
|
After Width: | Height: | Size: 604 KiB |
|
Before Width: | Height: | Size: 14 KiB |
@ -0,0 +1,831 @@ |
|||||
|
# 仮想環境 |
||||
|
|
||||
|
Pythonプロジェクトの作業では、**仮想環境**（または類似の仕組み）を使用し、プロジェクトごとにインストールするパッケージを分離するべきでしょう。 |
||||
|
|
||||
|
/// info | 情報 |
||||
|
|
||||
|
もし、仮想環境の概要や作成方法、使用方法について既にご存知なら、このセクションをスキップすることができます。🤓 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
**仮想環境**は、**環境変数**とは異なります。 |
||||
|
|
||||
|
**環境変数**は、プログラムが使用できるシステム内の変数です。 |
||||
|
|
||||
|
**仮想環境**は、ファイルをまとめたディレクトリのことです。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
/// info | 情報 |
||||
|
このページでは、**仮想環境**の使用方法と、そのはたらきについて説明します。 |
||||
|
|
||||
|
もし**すべてを管理するツール**（Pythonのインストールも含む）を導入する準備ができているなら、<a href="https://github.com/astral-sh/uv" class="external-link" target="_blank">uv</a> をお試しください。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## プロジェクトの作成 |
||||
|
|
||||
|
まず、プロジェクト用のディレクトリを作成します。 |
||||
|
|
||||
|
私は通常 home/user ディレクトリの中に `code` というディレクトリを用意していて、プロジェクトごとに1つのディレクトリをその中に作成しています。 |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
// Go to the home directory |
||||
|
$ cd |
||||
|
// Create a directory for all your code projects |
||||
|
$ mkdir code |
||||
|
// Enter into that code directory |
||||
|
$ cd code |
||||
|
// Create a directory for this project |
||||
|
$ mkdir awesome-project |
||||
|
// Enter into that project directory |
||||
|
$ cd awesome-project |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
## 仮想環境の作成 |
||||
|
|
||||
|
Pythonプロジェクトでの**初めての**作業を開始する際には、**<abbr title="他の選択肢もありますが、これはシンプルなガイドラインです">プロジェクト内</abbr>**に仮想環境を作成してください。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
これを行うのは、**プロジェクトごとに1回だけ**です。作業のたびに行う必要はありません。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
//// tab | `venv` |
||||
|
|
||||
|
仮想環境を作成するには、Pythonに付属している `venv` モジュールを使用できます。 |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ python -m venv .venv |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
/// details | このコマンドの意味 |
||||
|
|
||||
|
- `python` : `python` というプログラムを呼び出します |
||||
|
- `-m` : モジュールをスクリプトとして呼び出します。どのモジュールを呼び出すのか、この次に指定します |
||||
|
- `venv` : 通常Pythonに付随してインストールされる `venv`モジュールを使用します |
||||
|
- `.venv` : 仮想環境を`.venv`という新しいディレクトリに作成します |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | `uv` |
||||
|
|
||||
|
もし <a href="https://github.com/astral-sh/uv" class="external-link" target="_blank">`uv`</a> をインストール済みなら、仮想環境を作成するために `uv` を使うこともできます。 |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ uv venv |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
デフォルトでは、 `uv` は `.venv` というディレクトリに仮想環境を作成します。 |
||||
|
|
||||
|
ただし、追加の引数にディレクトリ名を与えてカスタマイズすることもできます。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
このコマンドは `.venv` というディレクトリに新しい仮想環境を作成します。 |
||||
|
|
||||
|
/// details | `.venv` またはその他の名前 |
||||
|
|
||||
|
仮想環境を別のディレクトリに作成することも可能ですが、 `.venv` と名付けるのが一般的な慣習です。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## 仮想環境の有効化 |
||||
|
|
||||
|
実行されるPythonコマンドやインストールされるパッケージが新しく作成した仮想環境を使用するよう、その仮想環境を有効化しましょう。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
そのプロジェクトの作業で**新しいターミナルセッション**を開始する際には、**毎回**有効化が必要です。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
//// tab | Linux, macOS |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ source .venv/bin/activate |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | Windows PowerShell |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ .venv\Scripts\Activate.ps1 |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | Windows Bash |
||||
|
|
||||
|
もしWindowsでBashを使用している場合 (<a href="https://gitforwindows.org/" class="external-link" target="_blank">Git Bash</a>など): |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ source .venv/Scripts/activate |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
**新しいパッケージ**を仮想環境にインストールするときには、再度**有効化**してください。 |
||||
|
|
||||
|
こうすることで、そのパッケージがインストールした**ターミナル（<abbr title="command line interface">CLI</abbr>）プログラム**を使用する場合に、仮想環境内のものが確実に使われ、グローバル環境にインストールされている別のもの（おそらく必要なものとは異なるバージョン）を誤って使用することを防ぎます。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## 仮想環境が有効であることを確認する |
||||
|
|
||||
|
仮想環境が有効である（前のコマンドが正常に機能した）ことを確認します。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
これは**任意**ですが、すべてが期待通りに機能し、意図した仮想環境を使用していることを**確認する**良い方法です。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
//// tab | Linux, macOS, Windows Bash |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ which python |
||||
|
|
||||
|
/home/user/code/awesome-project/.venv/bin/python |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
`.venv/bin/python` にある `python` バイナリが、プロジェクト（この場合は `awesome-project` ）内に表示されていれば、正常に動作しています 🎉。 |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | Windows PowerShell |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
``` console |
||||
|
$ Get-Command python |
||||
|
|
||||
|
C:\Users\user\code\awesome-project\.venv\Scripts\python |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
`.venv\Scripts\python` にある `python` バイナリが、プロジェクト（この場合は `awesome-project` ）内に表示されていれば、正常に動作しています 🎉。 |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
## `pip` をアップグレードする |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
もし <a href="https://github.com/astral-sh/uv" class="external-link" target="_blank">`uv`</a> を使用している場合は、 `pip` の代わりに `uv` を使ってインストールを行うため、 `pip` をアップグレードする必要はありません 😎。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
もしパッケージのインストールに `pip`（Pythonに標準で付属しています）を使用しているなら、 `pip` を最新バージョンに**アップグレード**しましょう。 |
||||
|
|
||||
|
パッケージのインストール中に発生する想定外のエラーの多くは、最初に `pip` をアップグレードしておくだけで解決されます。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
通常、これは仮想環境を作成した直後に**一度だけ**実行します。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
仮想環境が有効であることを（上で説明したコマンドで）確認し、アップグレードを実行しましょう： |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ python -m pip install --upgrade pip |
||||
|
|
||||
|
---> 100% |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
## `.gitignore` を追加する |
||||
|
|
||||
|
**Git**を使用している場合（使用するべきでしょう）、 `.gitignore` ファイルを追加して、 `.venv` 内のあらゆるファイルをGitの管理対象から除外します。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
もし <a href="https://github.com/astral-sh/uv" class="external-link" target="_blank">`uv`</a> を使用して仮想環境を作成した場合、すでにこの作業は済んでいるので、この手順をスキップできます 😎。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
これも、仮想環境を作成した直後に**一度だけ**実行します。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ echo "*" > .venv/.gitignore |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
/// details | このコマンドの意味 |
||||
|
|
||||
|
- `echo "*"` : ターミナルに `*` というテキストを「表示」しようとします。（次の部分によってその動作が少し変わります） |
||||
|
- `>` : `>` の左側のコマンドがターミナルに表示しようとする内容を、ターミナルには表示せず、 `>` の右側のファイルに書き込みます。 |
||||
|
- `.gitignore` : `*` を書き込むファイル名。 |
||||
|
|
||||
|
ここで、Gitにおける `*` は「すべて」を意味するので、このコマンドによって `.venv` ディレクトリ内のすべてがGitに無視されるようになります。 |
||||
|
|
||||
|
このコマンドは以下のテキストを持つ `.gitignore` ファイルを作成します： |
||||
|
|
||||
|
```gitignore |
||||
|
* |
||||
|
``` |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## パッケージのインストール |
||||
|
|
||||
|
仮想環境を有効化した後、その中でパッケージをインストールできます。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
プロジェクトに必要なパッケージをインストールまたはアップグレードする場合、これを**一度**実行します。 |
||||
|
|
||||
|
もし新しいパッケージを追加したり、バージョンをアップグレードする必要がある場合は、もう**一度この手順を繰り返し**ます。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
### パッケージを直接インストールする |
||||
|
|
||||
|
急いでいて、プロジェクトのパッケージ要件を宣言するファイルを使いたくない場合、パッケージを直接インストールできます。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
プログラムが必要とするパッケージとバージョンをファイル（例えば `requirements.txt` や `pyproject.toml` ）に記載しておくのは、（とても）良い考えです。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
//// tab | `pip` |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ pip install "fastapi[standard]" |
||||
|
|
||||
|
---> 100% |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | `uv` |
||||
|
|
||||
|
もし <a href="https://github.com/astral-sh/uv" class="external-link" target="_blank">`uv`</a> を使用できるなら: |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ uv pip install "fastapi[standard]" |
||||
|
---> 100% |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
### `requirements.txt` からインストールする |
||||
|
|
||||
|
もし `requirements.txt` があるなら、パッケージのインストールに使用できます。 |
||||
|
|
||||
|
//// tab | `pip` |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ pip install -r requirements.txt |
||||
|
---> 100% |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | `uv` |
||||
|
|
||||
|
もし <a href="https://github.com/astral-sh/uv" class="external-link" target="_blank">`uv`</a> を使用できるなら: |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ uv pip install -r requirements.txt |
||||
|
---> 100% |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
/// details | `requirements.txt` |
||||
|
|
||||
|
パッケージが記載された `requirements.txt` は以下のようになっています: |
||||
|
|
||||
|
```requirements.txt |
||||
|
fastapi[standard]==0.113.0 |
||||
|
pydantic==2.8.0 |
||||
|
``` |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## プログラムを実行する |
||||
|
|
||||
|
仮想環境を有効化した後、プログラムを実行できます。この際、仮想環境内のPythonと、そこにインストールしたパッケージが使用されます。 |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ python main.py |
||||
|
|
||||
|
Hello World |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
## エディタの設定 |
||||
|
|
||||
|
プロジェクトではおそらくエディタを使用するでしょう。コード補完やインラインエラーの表示ができるように、作成した仮想環境をエディタでも使えるよう設定してください。（多くの場合、自動検出されます） |
||||
|
|
||||
|
設定例: |
||||
|
|
||||
|
* <a href="https://code.visualstudio.com/docs/python/environments#_select-and-activate-an-environment" class="external-link" target="_blank">VS Code</a> |
||||
|
* <a href="https://www.jetbrains.com/help/pycharm/creating-virtual-environment.html" class="external-link" target="_blank">PyCharm</a> |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
この設定は通常、仮想環境を作成した際に**一度だけ**行います。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## 仮想環境の無効化 |
||||
|
|
||||
|
プロジェクトの作業が終了したら、その仮想環境を**無効化**できます。 |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ deactivate |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
これにより、 `python` コマンドを実行しても、そのプロジェクト用（のパッケージがインストールされた）仮想環境から `python` プログラムを呼び出そうとはしなくなります。 |
||||
|
|
||||
|
## 作業準備完了 |
||||
|
|
||||
|
ここまでで、プロジェクトの作業を始める準備が整いました。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
上記の内容を理解したいですか？ |
||||
|
|
||||
|
もしそうなら、以下を読み進めてください。👇🤓 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## なぜ仮想環境？ |
||||
|
|
||||
|
FastAPIを使った作業をするには、 [Python](https://www.python.org/) のインストールが必要です。 |
||||
|
|
||||
|
それから、FastAPIや、使用したいその他の**パッケージ**を**インストール**する必要があります。 |
||||
|
|
||||
|
パッケージをインストールするには、通常、Python に付属する `pip` コマンド (または同様の代替コマンド) を使用します。 |
||||
|
|
||||
|
ただし、`pip` を直接使用すると、パッケージは**グローバルなPython環境**（OS全体にインストールされたPython環境）にインストールされます。 |
||||
|
|
||||
|
### 問題点 |
||||
|
|
||||
|
では、グローバルPython環境にパッケージをインストールすることの問題点は何でしょうか？ |
||||
|
|
||||
|
ある時点で、あなたは**異なるパッケージ**に依存する多くのプログラムを書くことになるでしょう。そして、これらの中には同じパッケージの**異なるバージョン**に依存するものも出てくるでしょう。😱 |
||||
|
|
||||
|
例えば、 `philosophers-stone` （賢者の石）というプロジェクトを作成するとします。このプログラムは **`harry` （ハリー）というパッケージのバージョン `1`**に依存しています。そのため、 `harry` （ハリー）をインストールする必要があります。 |
||||
|
|
||||
|
```mermaid |
||||
|
flowchart LR |
||||
|
stone(philosophers-stone) -->|requires| harry-1[harry v1] |
||||
|
``` |
||||
|
|
||||
|
それから、 `prisoner-of-azkaban` （アズカバンの囚人）という別のプロジェクトを作成したとします。このプロジェクトも `harry` （ハリー）に依存していますが、**`harry` （ハリー）のバージョン `3`**が必要です。 |
||||
|
|
||||
|
```mermaid |
||||
|
flowchart LR |
||||
|
azkaban(prisoner-of-azkaban) --> |requires| harry-3[harry v3] |
||||
|
``` |
||||
|
|
||||
|
しかし、ここで問題になるのは、もしローカルの**仮想環境**ではなくグローバル（環境）にパッケージをインストールするなら、 `harry` （ハリー）のどのバージョンをインストールするか選ばないといけないことです。 |
||||
|
|
||||
|
例えば、 `philosophers-stone` （賢者の石）を実行するには、まず `harry` （ハリー）のバージョン `1` をインストールする必要があります： |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ pip install "harry==1" |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
これにより、`harry` （ハリー）バージョン1がグローバルなPython環境にインストールされます。 |
||||
|
|
||||
|
```mermaid |
||||
|
flowchart LR |
||||
|
subgraph global[global env] |
||||
|
harry-1[harry v1] |
||||
|
end |
||||
|
subgraph stone-project[philosophers-stone project] |
||||
|
stone(philosophers-stone) -->|requires| harry-1 |
||||
|
end |
||||
|
``` |
||||
|
|
||||
|
しかし、 `prisoner-of-azkaban` （アズカバンの囚人）を実行したい場合は、`harry` （ハリー）のバージョン `1` をアンインストールし、`harry` （ハリー）のバージョン `3` をインストールし直す必要があります。（あるいは、単に`harry` （ハリー）のバージョン `3` をインストールすることで、自動的にバージョン `1` がアンインストールされます） |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ pip install "harry==3" |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
このようにして、グローバル環境への `harry` （ハリー）のバージョン `3` のインストールが完了します。 |
||||
|
|
||||
|
それから、 `philosophers-stone` （賢者の石）を再び実行しようとすると、このプログラムは `harry` （ハリー）のバージョン `1` が必要なため、**動作しなくなる**可能性があります。 |
||||
|
|
||||
|
```mermaid |
||||
|
flowchart LR |
||||
|
subgraph global[global env] |
||||
|
harry-1[<strike>harry v1</strike>] |
||||
|
style harry-1 fill:#ccc,stroke-dasharray: 5 5 |
||||
|
harry-3[harry v3] |
||||
|
end |
||||
|
subgraph stone-project[philosophers-stone project] |
||||
|
stone(philosophers-stone) -.-x|⛔️| harry-1 |
||||
|
end |
||||
|
subgraph azkaban-project[prisoner-of-azkaban project] |
||||
|
azkaban(prisoner-of-azkaban) --> |requires| harry-3 |
||||
|
end |
||||
|
``` |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
Pythonのパッケージでは、**新しいバージョン**で**互換性を損なう変更を避ける**よう努めるのが一般的ですが、それでも注意が必要です。すべてが正常に動作することをテストで確認してから、意図的に指定して新しいバージョンをインストールするのが良いでしょう。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
あなたのすべての**プロジェクトが依存している**、**多数の**他の**パッケージ**が上記の問題を抱えていると想像してください。これは管理が非常に困難です。そして、**互換性のないバージョン**のパッケージを使ってプロジェクトを実行し、なぜ動作しないのか分からなくなるでしょう。 |
||||
|
|
||||
|
また、使用しているOS（Linux、Windows、macOS など）によっては、Pythonがすでにインストールされていることがあります。この場合、特定のバージョンのパッケージが**OSの動作に必要である**ことがあります。グローバル環境にパッケージをインストールすると、OSに付属するプログラムを**壊してしまう**可能性があります。 |
||||
|
|
||||
|
## パッケージのインストール先 |
||||
|
|
||||
|
Pythonをインストールしたとき、ファイルを含んだいくつかのディレクトリが作成されます。 |
||||
|
|
||||
|
これらの中には、インストールされたパッケージを保存するためのものもあります。 |
||||
|
|
||||
|
以下のコマンドを実行したとき： |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
// Don't run this now, it's just an example 🤓 |
||||
|
$ pip install "fastapi[standard]" |
||||
|
---> 100% |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
FastAPIのコードを含む圧縮ファイルが、通常は [PyPI](https://pypi.org/project/fastapi/) からダウンロードされます。 |
||||
|
|
||||
|
また、FastAPIが依存する他のパッケージも**ダウンロード**されます。 |
||||
|
|
||||
|
それから、これらのファイルは**解凍**され、コンピュータのあるディレクトリに配置されます。 |
||||
|
|
||||
|
デフォルトでは、これらのファイルはPythonのインストール時に作成されるディレクトリ、つまり**グローバル環境**に配置されます。 |
||||
|
|
||||
|
## 仮想環境とは |
||||
|
|
||||
|
すべてのパッケージをグローバル環境に配置することによって生じる問題の解決策は、作業する**プロジェクトごとの仮想環境**を使用することです。 |
||||
|
|
||||
|
仮想環境は**ディレクトリ**であり、グローバル環境と非常に似ていて、一つのプロジェクトで使う特定のパッケージ群をインストールできる場所です。 |
||||
|
|
||||
|
このようにして、それぞれのプロジェクトが独自の仮想環境（`.venv` ディレクトリ）に独自のパッケージ群を持つことができます。 |
||||
|
|
||||
|
```mermaid |
||||
|
flowchart TB |
||||
|
subgraph stone-project[philosophers-stone project] |
||||
|
stone(philosophers-stone) --->|requires| harry-1 |
||||
|
subgraph venv1[.venv] |
||||
|
harry-1[harry v1] |
||||
|
end |
||||
|
end |
||||
|
subgraph azkaban-project[prisoner-of-azkaban project] |
||||
|
azkaban(prisoner-of-azkaban) --->|requires| harry-3 |
||||
|
subgraph venv2[.venv] |
||||
|
harry-3[harry v3] |
||||
|
end |
||||
|
end |
||||
|
stone-project ~~~ azkaban-project |
||||
|
``` |
||||
|
|
||||
|
## 仮想環境の有効化とは |
||||
|
|
||||
|
仮想環境を有効にしたとき、例えば次のコマンドを実行した場合を考えます： |
||||
|
|
||||
|
//// tab | Linux, macOS |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ source .venv/bin/activate |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | Windows PowerShell |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ .venv\Scripts\Activate.ps1 |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | Windows Bash |
||||
|
|
||||
|
あるいは、WindowsでBashを使用している場合 (<a href="https://gitforwindows.org/" class="external-link" target="_blank">Git Bash</a>など): |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ source .venv/Scripts/activate |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
これによって、いくつかの [環境変数](environment-variables.md){.internal-link target=_blank} が作成・修正され、次に実行されるコマンドで使用できるようになります。 |
||||
|
|
||||
|
これらの環境変数のひとつに、 `PATH` 変数があります。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
`PATH` 変数についての詳細は [環境変数](environment-variables.md#path環境変数){.internal-link target=_blank} を参照してください。 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
仮想環境を有効にすると、その仮想環境のパス `.venv/bin` （LinuxとmacOS）、あるいは `.venv\Scripts` （Windows）が `PATH` 変数に追加されます。 |
||||
|
|
||||
|
その環境を有効にする前の `PATH` 変数が次のようになっているとします。 |
||||
|
|
||||
|
//// tab | Linux, macOS |
||||
|
|
||||
|
```plaintext |
||||
|
/usr/bin:/bin:/usr/sbin:/sbin |
||||
|
``` |
||||
|
|
||||
|
これは、OSが以下のディレクトリ中でプログラムを探すことを意味します： |
||||
|
|
||||
|
* `/usr/bin` |
||||
|
* `/bin` |
||||
|
* `/usr/sbin` |
||||
|
* `/sbin` |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | Windows |
||||
|
|
||||
|
```plaintext |
||||
|
C:\Windows\System32 |
||||
|
``` |
||||
|
|
||||
|
これは、OSが以下のディレクトリ中でプログラムを探すことを意味します： |
||||
|
|
||||
|
* `C:\Windows\System32` |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
仮想環境を有効にすると、 `PATH` 変数は次のようになります。 |
||||
|
|
||||
|
//// tab | Linux, macOS |
||||
|
|
||||
|
```plaintext |
||||
|
/home/user/code/awesome-project/.venv/bin:/usr/bin:/bin:/usr/sbin:/sbin |
||||
|
``` |
||||
|
|
||||
|
これは、OSが他のディレクトリを探すより前に、最初に以下のディレクトリ中でプログラムを探し始めることを意味します： |
||||
|
|
||||
|
```plaintext |
||||
|
/home/user/code/awesome-project/.venv/bin |
||||
|
``` |
||||
|
|
||||
|
そのため、ターミナルで `python` と入力した際に、OSはPythonプログラムを以下のパスで発見し、使用します。 |
||||
|
|
||||
|
```plaintext |
||||
|
/home/user/code/awesome-project/.venv/bin/python |
||||
|
``` |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | Windows |
||||
|
|
||||
|
```plaintext |
||||
|
C:\Users\user\code\awesome-project\.venv\Scripts;C:\Windows\System32 |
||||
|
``` |
||||
|
|
||||
|
これは、OSが他のディレクトリを探すより前に、最初に以下のディレクトリ中でプログラムを探し始めることを意味します： |
||||
|
|
||||
|
```plaintext |
||||
|
C:\Users\user\code\awesome-project\.venv\Scripts |
||||
|
``` |
||||
|
|
||||
|
そのため、ターミナルで `python` と入力した際に、OSはPythonプログラムを以下のパスで発見し、使用します。 |
||||
|
|
||||
|
```plaintext |
||||
|
C:\Users\user\code\awesome-project\.venv\Scripts\python |
||||
|
``` |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
重要な点は、仮想環境のパスを `PATH` 変数の**先頭**に配置することです。OSは利用可能な他のPythonを見つけるより**前に**、この仮想環境のPythonを見つけるようになります。このようにして、 `python` を実行したときに、他の `python` （例えばグローバル環境の `python` ）ではなく、**その仮想環境の**Pythonを使用するようになります。 |
||||
|
|
||||
|
仮想環境を有効にして変更されることは他にもありますが、これが最も重要な変更のひとつです。 |
||||
|
|
||||
|
## 仮想環境の確認 |
||||
|
|
||||
|
仮想環境が有効かどうか、例えば次のように確認できます。： |
||||
|
|
||||
|
//// tab | Linux, macOS, Windows Bash |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ which python |
||||
|
|
||||
|
/home/user/code/awesome-project/.venv/bin/python |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
//// tab | Windows PowerShell |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ Get-Command python |
||||
|
|
||||
|
C:\Users\user\code\awesome-project\.venv\Scripts\python |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
//// |
||||
|
|
||||
|
これは、使用される `python` プログラムが**その仮想環境の**ものであることを意味します。 |
||||
|
|
||||
|
LinuxやmacOSでは `which` を、Windows PowerShellでは `Get-Command` を使用します。 |
||||
|
|
||||
|
このコマンドの動作は、 `PATH`変数に設定された**それぞれのパスを順に**確認していき、呼ばれている `python` プログラムを探します。そして、見つかり次第そのプログラムへの**パスを表示します**。 |
||||
|
|
||||
|
最も重要なことは、 `python` が呼ばれたときに、まさにこのコマンドで確認した "`python`" が実行されることです。 |
||||
|
|
||||
|
こうして、自分が想定通りの仮想環境にいるかを確認できます。 |
||||
|
|
||||
|
/// tip | 豆知識 |
||||
|
|
||||
|
ある仮想環境を有効にし、そのPythonを使用したまま**他のプロジェクトに移動して**しまうことは簡単に起こり得ます。 |
||||
|
|
||||
|
そして、その第二のプロジェクトは動作しないでしょう。なぜなら別のプロジェクトの仮想環境の**誤ったPython**を使用しているからです。 |
||||
|
|
||||
|
そのため、どの `python` が使用されているのか確認できることは役立ちます。🤓 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## なぜ仮想環境を無効化するのか |
||||
|
|
||||
|
例えば、`philosophers-stone` （賢者の石）というプロジェクトで作業をしていて、**その仮想環境を有効にし**、必要なパッケージをインストールしてその環境内で作業を進めているとします。 |
||||
|
|
||||
|
それから、**別のプロジェクト**、 `prisoner-of-azkaban` （アズカバンの囚人）に取り掛かろうとします。 |
||||
|
|
||||
|
そのプロジェクトディレクトリへ移動します： |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ cd ~/code/prisoner-of-azkaban |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
もし `philosophers-stone` （賢者の石）の仮想環境を無効化していないと、`python` を実行したとき、 ターミナルは `philosophers-stone` （賢者の石）のPythonを使用しようとします。 |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ cd ~/code/prisoner-of-azkaban |
||||
|
|
||||
|
$ python main.py |
||||
|
|
||||
|
// Error importing sirius, it's not installed 😱 |
||||
|
Traceback (most recent call last): |
||||
|
File "main.py", line 1, in <module> |
||||
|
import sirius |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
しかし、その仮想環境を無効化し、 `prisoner-of-azkaban` （アズカバンの囚人）のための新しい仮想環境を有効にすれば、 `python` を実行したときに `prisoner-of-azkaban` （アズカバンの囚人）の仮想環境の Python が使用されるようになります。 |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ cd ~/code/prisoner-of-azkaban |
||||
|
|
||||
|
// You don't need to be in the old directory to deactivate, you can do it wherever you are, even after going to the other project 😎 |
||||
|
$ deactivate |
||||
|
|
||||
|
// Activate the virtual environment in prisoner-of-azkaban/.venv 🚀 |
||||
|
$ source .venv/bin/activate |
||||
|
|
||||
|
// Now when you run python, it will find the package sirius installed in this virtual environment ✨ |
||||
|
$ python main.py |
||||
|
|
||||
|
I solemnly swear 🐺 |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
## 代替手段 |
||||
|
|
||||
|
これは、あらゆる仕組みを**根本から**学ぶためのシンプルな入門ガイドです。 |
||||
|
|
||||
|
仮想環境、パッケージの依存関係（requirements）、プロジェクトの管理には、多くの**代替手段**があります。 |
||||
|
|
||||
|
準備が整い、パッケージの依存関係、仮想環境など**プロジェクト全体の管理**ツールを使いたいと考えたら、<a href="https://github.com/astral-sh/uv" class="external-link" target="_blank">uv</a> を試してみることをおすすめします。 |
||||
|
|
||||
|
`uv` では以下のような多くのことができます： |
||||
|
|
||||
|
* 異なるバージョンも含めた**Python のインストール** |
||||
|
* プロジェクトごとの**仮想環境**の管理 |
||||
|
* **パッケージ**のインストール |
||||
|
* プロジェクトのパッケージの**依存関係やバージョン**の管理 |
||||
|
* パッケージとそのバージョンの、依存関係を含めた**厳密な**組み合わせを保持し、これによって、本番環境で、開発環境と全く同じようにプロジェクトを実行できる（これは**locking**と呼ばれます） |
||||
|
* その他のさまざまな機能 |
||||
|
|
||||
|
## まとめ |
||||
|
|
||||
|
ここまで読みすべて理解したなら、世間の多くの開発者と比べて、仮想環境について**あなたはより多くのことを知っています**。🤓 |
||||
|
|
||||
|
これらの詳細を知ることは、将来、複雑に見える何かのデバッグにきっと役立つでしょう。しかし、その頃には、あなたは**そのすべての動作を根本から**理解しているでしょう。😎 |
||||
@ -0,0 +1,273 @@ |
|||||
|
# 패스워드 해싱을 이용한 OAuth2, JWT 토큰을 사용하는 Bearer 인증 |
||||
|
|
||||
|
모든 보안 흐름을 구성했으므로, 이제 <abbr title="JSON Web Tokens">JWT</abbr> 토큰과 패스워드 해싱을 사용해 애플리케이션을 안전하게 만들 것입니다. |
||||
|
|
||||
|
이 코드는 실제로 애플리케이션에서 패스워드를 해싱하여 DB에 저장하는 등의 작업에 활용할 수 있습니다. |
||||
|
|
||||
|
이전 장에 이어서 시작해 봅시다. |
||||
|
|
||||
|
## JWT |
||||
|
|
||||
|
JWT 는 "JSON Web Tokens" 을 의미합니다. |
||||
|
|
||||
|
JSON 객체를 공백이 없는 긴 문자열로 인코딩하는 표준이며, 다음과 같은 형태입니다: |
||||
|
|
||||
|
``` |
||||
|
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c |
||||
|
``` |
||||
|
|
||||
|
JWT는 암호화되지 않아 누구든지 토큰에서 정보를 복원할 수 있습니다. |
||||
|
|
||||
|
하지만 JWT는 서명되어 있습니다. 그래서 자신이 발급한 토큰을 받았을 때, 실제로 자신이 발급한게 맞는지 검증할 수 있습니다. |
||||
|
|
||||
|
만료 기간이 일주일인 토큰을 발행했다고 가정해 봅시다. 다음 날 사용자가 토큰을 가져왔을 때, 그 사용자가 시스템에 여전히 로그인되어 있다는 것을 알 수 있습니다. |
||||
|
|
||||
|
일주일 뒤에는 토큰이 만료될 것이고, 사용자는 인가되지 않아 새 토큰을 받기 위해 다시 로그인해야 할 것입니다. 만약 사용자(또는 제3자)가 토큰을 수정하거나 만료일을 변경하면, 서명이 일치하지 않기 때문에 알아챌 수 있을 것입니다. |
||||
|
|
||||
|
만약 JWT 토큰을 다뤄보고, 작동 방식도 알아보고 싶다면 <a href="https://jwt.io/" class="external-link" target="_blank">https://jwt.io</a> 을 확인하십시오. |
||||
|
|
||||
|
## `PyJWT` 설치 |
||||
|
|
||||
|
파이썬으로 JWT 토큰을 생성하고 검증하려면 `PyJWT` 를 설치해야 합니다. |
||||
|
|
||||
|
[가상환경](../../virtual-environments.md){.internal-link target=_blank} 을 만들고 활성화한 다음 `pyjwt` 를 설치하십시오: |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ pip install pyjwt |
||||
|
|
||||
|
---> 100% |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
/// info | 참고 |
||||
|
|
||||
|
RSA나 ECDSA 같은 전자 서명 알고리즘을 사용하려면, `pyjwt[crypto]`라는 암호화 라이브러리 의존성을 설치해야 합니다. |
||||
|
|
||||
|
더 자세한 내용은 <a href="https://pyjwt.readthedocs.io/en/latest/installation.html" class="external-link" target="_blank">PyJWT 설치</a> 에서 확인할 수 있습니다. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## 패스워드 해싱 |
||||
|
|
||||
|
"해싱(Hashing)"은 어떤 내용(여기서는 패스워드)을 해석할 수 없는 일련의 바이트 집합(단순 문자열)으로 변환하는 것을 의미합니다. |
||||
|
|
||||
|
동일한 내용(똑같은 패스워드)을 해싱하면 동일한 문자열을 얻습니다. |
||||
|
|
||||
|
하지만 그 문자열을 다시 패스워드로 되돌릴 수는 없습니다. |
||||
|
|
||||
|
### 패스워드를 해싱하는 이유 |
||||
|
|
||||
|
데이터베이스를 탈취당하더라도, 침입자는 사용자의 평문 패스워드 대신 해시 값만 얻을 수 있습니다. |
||||
|
|
||||
|
따라서 침입자는 훔친 사용자 패스워드를 다른 시스템에서 활용할 수 없습니다. (대다수 사용자가 여러 시스템에서 동일한 패스워드를 사용하기 때문에 평문 패스워드가 유출되면 위험합니다.) |
||||
|
|
||||
|
## `passlib` 설치 |
||||
|
|
||||
|
PassLib는 패스워드 해시를 다루는 훌륭한 파이썬 패키지입니다. |
||||
|
|
||||
|
많은 안전한 해시 알고리즘과 도구들을 지원합니다. |
||||
|
|
||||
|
추천하는 알고리즘은 "Bcrypt"입니다. |
||||
|
|
||||
|
[가상환경](../../virtual-environments.md){.internal-link target=_blank} 을 만들고 활성화한 다음 PassLib와 Bcrypt를 설치하십시오: |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ pip install "passlib[bcrypt]" |
||||
|
|
||||
|
---> 100% |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
/// tip | 팁 |
||||
|
|
||||
|
`passlib`를 사용하여, **Django**, **Flask** 의 보안 플러그인이나 다른 도구로 생성한 패스워드를 읽을 수 있도록 설정할 수도 있습니다. |
||||
|
|
||||
|
예를 들자면, FastAPI 애플리케이션과 Django 애플리케이션이 같은 데이터베이스에서 데이터를 공유할 수 있습니다. 또는 같은 데이터베이스를 사용하여 Django 애플리케이션을 점진적으로 마이그레이션 할 수도 있습니다. |
||||
|
|
||||
|
그리고 사용자는 FastAPI 애플리케이션과 Django 애플리케이션에 동시에 로그인할 수 있습니다. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## 패스워드의 해시와 검증 |
||||
|
|
||||
|
필요한 도구를 `passlib`에서 임포트합니다. |
||||
|
|
||||
|
PassLib "컨텍스트(context)"를 생성합니다. 이것은 패스워드를 해싱하고 검증하는데 사용합니다. |
||||
|
|
||||
|
/// tip | 팁 |
||||
|
|
||||
|
PassLib 컨텍스트는 다양한 해싱 알고리즘을 사용할 수 있는 기능을 제공하며, 더 이상 사용이 권장되지 않는 오래된 해싱 알고리즘을 검증하는 기능도 포함되어 있습니다. |
||||
|
|
||||
|
예를 들어, 다른 시스템(Django 같은)에서 생성한 패스워드를 읽고 검증할 수 있으며, 새로운 패스워드를 Bcrypt 같은 다른 알고리즘으로 해싱할 수도 있습니다. |
||||
|
|
||||
|
그리고 동시에 그런 모든 알고리즘과 호환성을 유지합니다. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
사용자로부터 받은 패스워드를 해싱하는 유틸리티 함수를 생성합니다. |
||||
|
|
||||
|
그리고 받은 패스워드가 저장된 해시와 일치하는지 검증하는 또 다른 유틸리티 함수도 생성합니다. |
||||
|
|
||||
|
그리고 사용자를 인증하고 반환하는 또 다른 함수도 생성합니다. |
||||
|
|
||||
|
{* ../../docs_src/security/tutorial004_an_py310.py hl[8,49,56:57,60:61,70:76] *} |
||||
|
|
||||
|
/// note |
||||
|
|
||||
|
새로운 (가짜) 데이터베이스 `fake_users_db`를 확인하면, 해시 처리된 패스워드가 어떻게 생겼는지 볼 수 있습니다: `"$2b$12$EixZaYVK1fsbw1ZfbX3OXePaWxn96p36WQoeG6Lruj3vjPGga31lW"`. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## JWT 토큰 처리 |
||||
|
|
||||
|
설치된 모듈을 임포트 합니다. |
||||
|
|
||||
|
JWT 토큰 서명에 사용될 임의의 비밀키를 생성합니다. |
||||
|
|
||||
|
안전한 임의의 비밀키를 생성하려면 다음 명령어를 사용하십시오: |
||||
|
|
||||
|
<div class="termy"> |
||||
|
|
||||
|
```console |
||||
|
$ openssl rand -hex 32 |
||||
|
|
||||
|
09d25e094faa6ca2556c818166b7a9563b93f7099f6f0f4caa6cf63b88e8d3e7 |
||||
|
``` |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
그리고 생성한 비밀키를 복사해 변수 `SECRET_KEY`에 대입합니다. (이 예제의 변수 값을 그대로 사용하지 마십시오.) |
||||
|
|
||||
|
JWT 토큰을 서명하는 데 사용될 알고리즘을 위한 변수 `ALGORITHM` 을 생성하고 `"HS256"` 으로 설정합니다. |
||||
|
|
||||
|
토큰 만료 기간을 위한 변수를 생성합니다. |
||||
|
|
||||
|
응답을 위한 토큰 엔드포인트에 사용될 Pydantic 모델을 정의합니다. |
||||
|
|
||||
|
새 액세스 토큰을 생성하기 위한 유틸리티 함수를 생성합니다. |
||||
|
|
||||
|
{* ../../docs_src/security/tutorial004_an_py310.py hl[4,7,13:15,29:31,79:87] *} |
||||
|
|
||||
|
## 의존성 수정 |
||||
|
|
||||
|
`get_current_user` 함수를 이전과 동일한 토큰을 받도록 수정하되, 이번에는 JWT 토큰을 사용하도록 합니다. |
||||
|
|
||||
|
받은 토큰을 디코딩하여 검증한 후 현재 사용자를 반환합니다. |
||||
|
|
||||
|
토큰이 유효하지 않다면 HTTP 오류를 반환합니다. |
||||
|
|
||||
|
{* ../../docs_src/security/tutorial004_an_py310.py hl[90:107] *} |
||||
|
|
||||
|
## `/token` 경로 작업 수정 |
||||
|
|
||||
|
토큰의 만료 시각을 설정하기 위해 `timedelta` 를 생성합니다. |
||||
|
|
||||
|
실제 JWT 액세스 토큰을 생성하여 반환합니다. |
||||
|
|
||||
|
{* ../../docs_src/security/tutorial004_an_py310.py hl[118:133] *} |
||||
|
|
||||
|
### JWT "주체(subject)" `sub`에 대한 기술 세부 사항 |
||||
|
|
||||
|
JWT 명세에 따르면 토큰의 주체를 포함하는 `sub`라는 키가 있습니다. |
||||
|
|
||||
|
사용 여부는 선택사항이지만, 사용자의 식별 정보를 저장할 수 있으므로 여기서는 이를 사용합니다. |
||||
|
|
||||
|
JWT는 사용자를 식별하고 사용자가 API를 직접 사용할 수 있도록 허용하는 것 외에도 다른 용도로 사용될 수도 있습니다. |
||||
|
|
||||
|
예를 들어 "자동차"나 "블로그 게시물"을 식별하는 데 사용할 수 있습니다. |
||||
|
|
||||
|
그리고 "자동차를 운전하다"나 "블로그 게시물을 수정하다"처럼 해당 엔터티에 대한 권한을 추가할 수 있습니다. |
||||
|
|
||||
|
그 후 이 JWT 토큰을 사용자(또는 봇)에게 제공하면, 그들은 계정을 따로 만들 필요 없이 API가 생성한 JWT 토큰만으로 작업(자동차 운전 또는 블로그 게시물 편집)을 수행할 수 있습니다. |
||||
|
|
||||
|
이러한 개념을 활용하면 JWT는 훨씬 더 복잡한 시나리오에도 사용할 수 있습니다. |
||||
|
|
||||
|
이 경우 여러 엔터티가 동일한 ID를 가질 수 있습니다. 예를 들어 foo라는 ID를 가진 사용자, 자동차, 블로그 게시물이 있을 수 있습니다. |
||||
|
|
||||
|
그래서 ID 충돌을 방지하기 위해, 사용자의 JWT 토큰을 생성할 때 접두사로 `sub` 키를 추가할 수 있습니다. 예를 들어 `username:` 을 붙이는 방식입니다. 이 예제에서는 `sub` 값이 `username:johndoe`이 될 수 있습니다. |
||||
|
|
||||
|
가장 중요한 점은 `sub` 키는 전체 애플리케이션에서 고유한 식별자가 되어야 하며 문자열이어야 한다는 점입니다. |
||||
|
|
||||
|
## 확인해봅시다 |
||||
|
|
||||
|
서버를 실행하고 문서로 이동하십시오: <a href="http://127.0.0.1:8000/docs" class="external-link" target="_blank">http://127.0.0.1:8000/docs</a>. |
||||
|
|
||||
|
다음과 같은 사용자 인터페이스를 볼 수 있습니다: |
||||
|
|
||||
|
<img src="/img/tutorial/security/image07.png"> |
||||
|
|
||||
|
이전과 같은 방법으로 애플리케이션에 인증하십시오. |
||||
|
|
||||
|
다음 인증 정보를 사용하십시오: |
||||
|
|
||||
|
Username: `johndoe` |
||||
|
Password: `secret` |
||||
|
|
||||
|
/// check |
||||
|
|
||||
|
코드 어디에도 평문 패스워드 "`secret`" 이 없다는 점에 유의하십시오. 해시된 버전만 있습니다. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
<img src="/img/tutorial/security/image08.png"> |
||||
|
|
||||
|
`/users/me/` 를 호출하면 다음과 같은 응답을 얻을 수 있습니다: |
||||
|
|
||||
|
```JSON |
||||
|
{ |
||||
|
"username": "johndoe", |
||||
|
"email": "johndoe@example.com", |
||||
|
"full_name": "John Doe", |
||||
|
"disabled": false |
||||
|
} |
||||
|
``` |
||||
|
|
||||
|
<img src="/img/tutorial/security/image09.png"> |
||||
|
|
||||
|
개발자 도구를 열어보면 전송된 데이터에 토큰만 포함된 것을 확인할 수 있습니다. 패스워드는 사용자를 인증하고 액세스 토큰을 받기 위한 첫 번째 요청에만 전송되며, 이후에는 전송되지 않습니다: |
||||
|
|
||||
|
<img src="/img/tutorial/security/image10.png"> |
||||
|
|
||||
|
/// note |
||||
|
|
||||
|
`Bearer `로 시작하는 `Authorization` 헤더에 주목하십시오. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## `scopes` 의 고급 사용법 |
||||
|
|
||||
|
OAuth2는 "스코프(scopes)" 라는 개념을 갖고 있습니다. |
||||
|
|
||||
|
이를 사용하여 JWT 토큰에 특정 권한 집합을 추가할 수 있습니다. |
||||
|
|
||||
|
그 후 이 토큰을 사용자에게 직접 제공하거나 제3자에게 제공하여, 특정 제한사항 하에있는 API와 통신하도록 할 수 있습니다. |
||||
|
|
||||
|
**FastAPI** 에서의 사용 방법과 통합 방식은 **심화 사용자 안내서** 에서 자세히 배울 수 있습니다. |
||||
|
|
||||
|
## 요약 |
||||
|
|
||||
|
지금까지 살펴본 내용을 바탕으로, OAuth2와 JWT 같은 표준을 사용하여 안전한 **FastAPI** 애플리케이션을 만들 수 있습니다. |
||||
|
|
||||
|
거의 모든 프레임워크에서 보안 처리는 상당히 복잡한 주제입니다. |
||||
|
|
||||
|
이를 단순화하는 많은 패키지는 데이터 모델, 데이터베이스, 사용 가능한 기능들에 대해 여러 제약이 있습니다. 그리고 지나치게 단순화하는 일부 패키지들은 심각한 보안 결함을 가질 수도 있습니다. |
||||
|
|
||||
|
--- |
||||
|
|
||||
|
**FastAPI** 는 어떤 데이터베이스, 데이터 모델, 도구도 강요하지 않습니다. |
||||
|
|
||||
|
프로젝트에 가장 적합한 것을 선택할 수 있는 유연성을 제공합니다. |
||||
|
|
||||
|
그리고 `passlib` 와 `PyJWT` 처럼 잘 관리되고 널리 사용되는 패키지들을 바로 사용할 수 있습니다. **FastAPI** 는 외부 패키지 통합을 위해 복잡한 메커니즘이 필요하지 않기 때문입니다. |
||||
|
|
||||
|
그러나 유연성, 견고성, 보안성을 해치지 않으면서 과정을 단순화할 수 있는 도구들을 제공합니다. |
||||
|
|
||||
|
그리고 OAuth2와 같은 표준 프로토콜을 비교적 간단한 방법으로 구현하고 사용할 수 있습니다. |
||||
|
|
||||
|
더 세분화된 권한 체계를 위해 OAuth2의 "스코프"를 사용하는 방법은 **심화 사용자 안내서**에서 더 자세히 배울 수 있습니다. OAuth2의 스코프는 제3자 애플리케이션이 사용자를 대신해 그들의 API와 상호작용하도록 권한을 부여하기 위해, Facebook, Google, GitHub, Microsoft, Twitter 등의 많은 대형 인증 제공업체들이 사용하는 메커니즘입니다. |
||||
@ -0,0 +1,72 @@ |
|||||
|
# Модели Header-параметров |
||||
|
|
||||
|
Если у вас есть группа связанных **header-параметров**, то вы можете объединить их в одну **Pydantic-модель**. |
||||
|
|
||||
|
Это позволит вам **переиспользовать модель** в **разных местах**, а также задать валидацию и метаданные сразу для всех параметров. 😎 |
||||
|
|
||||
|
/// note | Заметка |
||||
|
|
||||
|
Этот функционал доступен в FastAPI начиная с версии `0.115.0`. 🤓 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## Header-параметры в виде Pydantic-модели |
||||
|
|
||||
|
Объявите нужные **header-параметры** в **Pydantic-модели** и затем аннотируйте параметр как `Header`: |
||||
|
|
||||
|
{* ../../docs_src/header_param_models/tutorial001_an_py310.py hl[9:14,18] *} |
||||
|
|
||||
|
**FastAPI** **извлечёт** данные для **каждого поля** из **заголовков** запроса и выдаст заданную вами Pydantic-модель. |
||||
|
|
||||
|
## Проверьте документацию |
||||
|
|
||||
|
Вы можете посмотреть нужные header-параметры в графическом интерфейсе сгенерированной документации по пути `/docs`: |
||||
|
|
||||
|
<div class="screenshot"> |
||||
|
<img src="/img/tutorial/header-param-models/image01.png"> |
||||
|
</div> |
||||
|
|
||||
|
## Как запретить дополнительные заголовки |
||||
|
|
||||
|
В некоторых случаях (не особо часто встречающихся) вам может понадобиться **ограничить** заголовки, которые вы хотите получать. |
||||
|
|
||||
|
Вы можете использовать возможности конфигурации Pydantic-модели для того, чтобы запретить (`forbid`) любые дополнительные (`extra`) поля: |
||||
|
|
||||
|
{* ../../docs_src/header_param_models/tutorial002_an_py310.py hl[10] *} |
||||
|
|
||||
|
Если клиент попробует отправить **дополнительные заголовки**, то в ответ он получит **ошибку**. |
||||
|
|
||||
|
Например, если клиент попытается отправить заголовок `tool` со значением `plumbus`, то в ответ он получит ошибку, сообщающую ему, что header-параметр `tool` не разрешен: |
||||
|
|
||||
|
```json |
||||
|
{ |
||||
|
"detail": [ |
||||
|
{ |
||||
|
"type": "extra_forbidden", |
||||
|
"loc": ["header", "tool"], |
||||
|
"msg": "Extra inputs are not permitted", |
||||
|
"input": "plumbus", |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
``` |
||||
|
|
||||
|
## Как отключить автоматическое преобразование подчеркиваний |
||||
|
|
||||
|
Как и в случае с обычными заголовками, если у вас в именах параметров имеются символы подчеркивания, они **автоматически преобразовываются в дефис**. |
||||
|
|
||||
|
Например, если в коде есть header-параметр `save_data`, то ожидаемый HTTP-заголовок будет `save-data` и именно так он будет отображаться в документации. |
||||
|
|
||||
|
Если по каким-то причинам вам нужно отключить данное автоматическое преобразование, это можно сделать и для Pydantic-моделей для header-параметров. |
||||
|
|
||||
|
{* ../../docs_src/header_param_models/tutorial003_an_py310.py hl[19] *} |
||||
|
|
||||
|
/// warning | Внимание |
||||
|
|
||||
|
Перед тем как устанавливать для параметра `convert_underscores` значение `False`, имейте в виду, что некоторые HTTP-прокси и серверы не разрешают использовать заголовки с символами подчеркивания. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## Резюме |
||||
|
|
||||
|
Вы можете использовать **Pydantic-модели** для объявления **header-параметров** в **FastAPI**. 😎 |
||||
@ -0,0 +1,76 @@ |
|||||
|
# Моделі для Cookie-параметрів |
||||
|
|
||||
|
Якщо у Вас є група **cookies** параметрів, які пов'язані між собою, Ви можете створити **Pydantic-модель**, щоб оголосити їх. 🍪 |
||||
|
|
||||
|
Це дозволить Вам повторно **використовувати модель** у **різних місцях**, а також оголосити валідацію та метадані для всіх параметрів одночасно. 😎 |
||||
|
|
||||
|
/// note | Нотатки |
||||
|
|
||||
|
Це підтримується з версії FastAPI `0.115.0`. 🤓 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
/// tip | Порада |
||||
|
|
||||
|
Ця ж техніка застосовується до `Query`, `Cookie`, та `Header`. 😎 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## Cookie з Pydantic-моделлю |
||||
|
|
||||
|
Оголосіть **cookie-параметри**, які Вам потрібні, у **Pydantic-моделі**, а потім оголосіть параметр як `Cookie`: |
||||
|
|
||||
|
{* ../../docs_src/cookie_param_models/tutorial001_an_py310.py hl[9:12,16] *} |
||||
|
|
||||
|
**FastAPI** буде **витягувати** дані для **кожного поля** з **cookie** параметрів, отриманих у запиті, і передавати Вам Pydantic-модель, яку Ви визначили. |
||||
|
|
||||
|
## Перевірка у документації |
||||
|
|
||||
|
Ви можете побачити визначені cookie в інтерфейсі документації за адресою `/docs`: |
||||
|
|
||||
|
<div class="screenshot"> |
||||
|
<img src="/img/tutorial/cookie-param-models/image01.png"> |
||||
|
</div> |
||||
|
|
||||
|
/// info | Інформація |
||||
|
|
||||
|
Майте на увазі, що оскільки **браузери обробляють cookie** особливим чином і "за лаштунками", вони **не** дозволяють **JavaScript** легко з ними працювати. |
||||
|
|
||||
|
Якщо Ви зайдете до **інтерфейсу документації API** за адресою `/docs`, Ви зможете побачити **документацію** для cookie у Ваших **операціях шляху**. |
||||
|
|
||||
|
Але навіть якщо Ви заповните дані й натиснете "Execute", оскільки інтерфейс документації працює з **JavaScript**, cookie не будуть відправлені, і Ви побачите **помилку**, ніби Ви не ввели жодних значень. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## Заборона додаткових cookie |
||||
|
|
||||
|
У деяких спеціальних випадках (ймовірно, не дуже поширених) Ви можете захотіти **обмежити** список cookie, які хочете отримувати. |
||||
|
|
||||
|
Ваша API тепер має можливість контролювати власну <abbr title="Це жарт, якщо що. Це не має нічого спільного зі згодою на використання cookie, але це кумедно, що навіть API тепер може відхиляти бідні cookie. Ловіть печиво. 🍪">згоду на cookie</abbr>. 🤪🍪 |
||||
|
|
||||
|
Ви можете використовувати налаштування моделі Pydantic, щоб `заборонити` будь-які `додаткові` поля: |
||||
|
|
||||
|
{* ../../docs_src/cookie_param_models/tutorial002_an_py39.py hl[10] *} |
||||
|
|
||||
|
Якщо клієнт спробує надіслати якісь **додаткові cookie**, він отримає відповідь з **помилкою**. |
||||
|
|
||||
|
Бідні банери cookie, які так старанно намагаються отримати Вашу згоду, щоб <abbr title="Це ще один жарт. Не звертайте уваги. Візьміть каву для свого печива. ☕">API її відхилила</abbr>. 🍪 |
||||
|
|
||||
|
Наприклад, якщо клієнт спробує надіслати cookie `santa_tracker` зі значенням `good-list-please`, він отримає відповідь з помилкою, яка повідомить, що <abbr title="Санта не схвалює відсутність cookie. 🎅 Гаразд, більше жартів не буде.">cookie `santa_tracker` не дозволено</abbr>: |
||||
|
|
||||
|
```json |
||||
|
{ |
||||
|
"detail": [ |
||||
|
{ |
||||
|
"type": "extra_forbidden", |
||||
|
"loc": ["cookie", "santa_tracker"], |
||||
|
"msg": "Extra inputs are not permitted", |
||||
|
"input": "good-list-please", |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
``` |
||||
|
|
||||
|
## Підсумок |
||||
|
|
||||
|
Ви можете використовувати **Pydantic-моделі** для оголошення <abbr title="Отримайте останнє печиво перед тим, як піти. 🍪">cookie</abbr> у FastAPI. 😎 |
||||
@ -0,0 +1,58 @@ |
|||||
|
# Моделі Параметрів Заголовків |
||||
|
|
||||
|
Якщо у Вас є група пов’язаних параметрів заголовків, Ви можете створити **Pydantic модель** для їх оголошення. |
||||
|
|
||||
|
Це дозволить Вам повторно **використовувати модель** в **різних місцях**, а також оголосити валідації та метадані для всіх параметрів одночасно. 😎 |
||||
|
|
||||
|
/// note | Нотатки |
||||
|
|
||||
|
Ця можливість підтримується починаючи з версії FastAPI `0.115.0`. 🤓 |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## Параметри Заголовків з Використанням Pydantic Model |
||||
|
|
||||
|
Оголосіть потрібні **параметри заголовків** у **Pydantic моделі**, а потім оголосіть параметр як `Header`: |
||||
|
|
||||
|
{* ../../docs_src/header_param_models/tutorial001_an_py310.py hl[9:14,18] *} |
||||
|
|
||||
|
FastAPI буде витягувати дані для кожного поля з заголовків у запиті та передавати їх у створену Вами Pydantic модель. |
||||
|
|
||||
|
**FastAPI** буде **витягувати** дані для **кожного поля** з **заголовків** у запиті та передавати їх у створену Вами Pydantic модель. |
||||
|
|
||||
|
## Перевірка в Документації |
||||
|
|
||||
|
Ви можете побачити необхідні заголовки в інтерфейсі документації за адресою `/docs`: |
||||
|
|
||||
|
<div class="screenshot"> |
||||
|
<img src="/img/tutorial/header-param-models/image01.png"> |
||||
|
</div> |
||||
|
|
||||
|
## Заборона Додаткових Заголовків |
||||
|
|
||||
|
У деяких особливих випадках (ймовірно, не дуже поширених) Ви можете захотіти **обмежити** заголовки, які хочете отримати. |
||||
|
|
||||
|
Ви можете використати конфігурацію моделі Pydantic, щоб `заборонити` будь-які `додаткові` поля: |
||||
|
|
||||
|
{* ../../docs_src/header_param_models/tutorial002_an_py310.py hl[10] *} |
||||
|
|
||||
|
Якщо клієнт спробує надіслати **додаткові заголовки**, він отримає **помилку** у відповіді. |
||||
|
|
||||
|
Наприклад, якщо клієнт спробує надіслати заголовок `tool` зі значенням `plumbus`, він отримає **помилку** з повідомленням про те, що параметр заголовка `tool` не дозволений: |
||||
|
|
||||
|
```json |
||||
|
{ |
||||
|
"detail": [ |
||||
|
{ |
||||
|
"type": "extra_forbidden", |
||||
|
"loc": ["header", "tool"], |
||||
|
"msg": "Extra inputs are not permitted", |
||||
|
"input": "plumbus", |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
``` |
||||
|
|
||||
|
## Підсумок |
||||
|
|
||||
|
Ви можете використовувати **Pydantic моделі** для оголошення **заголовків** у **FastAPI**. 😎 |
||||
@ -0,0 +1,120 @@ |
|||||
|
# Метадані та URL-адреси документації |
||||
|
|
||||
|
Ви можете налаштувати кілька конфігурацій метаданих у Вашому додатку **FastAPI**. |
||||
|
|
||||
|
## Метадані для API |
||||
|
|
||||
|
Ви можете встановити такі поля, які використовуються в специфікації OpenAPI та в автоматично згенерованих інтерфейсах документації API: |
||||
|
|
||||
|
| Параметр | Тип | Опис | |
||||
|
|------------|------|-------------| |
||||
|
| `title` | `str` | Назва API. | |
||||
|
| `summary` | `str` | Короткий опис API. <small>Доступно з OpenAPI 3.1.0, FastAPI 0.99.0.</small> | |
||||
|
| `description` | `str` | Більш детальний опис API. Може використовувати Markdown. | |
||||
|
| `version` | `string` | Версія API. Це версія Вашого додатка, а не OpenAPI. Наприклад, `2.5.0`. | |
||||
|
| `terms_of_service` | `str` | URL до умов використання API. Якщо вказано, має бути у форматі URL. | |
||||
|
| `contact` | `dict` | Інформація для контакту з API. Може містити кілька полів. <details><summary><code>contact</code> поля</summary><table><thead><tr><th>Параметр</th><th>Тип</th><th>Опис</th></tr></thead><tbody><tr><td><code>name</code></td><td><code>str</code></td><td>Ім'я контактної особи або організації.</td></tr><tr><td><code>url</code></td><td><code>str</code></td><td>URL з інформацією для контакту. Повинен бути у форматі URL.</td></tr><tr><td><code>email</code></td><td><code>str</code></td><td>Email контактної особи або організації. Повинен бути у форматі електронної пошти.</td></tr></tbody></table></details> | |
||||
|
| `license_info` | `dict` | Інформація про ліцензію для API. Може містити кілька полів. <details><summary><code>license_info</code> поля</summary><table><thead><tr><th>Параметр</th><th>Тип</th><th>Опис</th></tr></thead><tbody><tr><td><code>name</code></td><td><code>str</code></td><td><strong>ОБОВ'ЯЗКОВО</strong> (якщо встановлено <code>license_info</code>). Назва ліцензії для API.</td></tr><tr><td><code>identifier</code></td><td><code>str</code></td><td>Ліцензійний вираз за <a href="https://spdx.org/licenses/" class="external-link" target="_blank">SPDX</a> для API. Поле <code>identifier</code> взаємовиключне з полем <code>url</code>. <small>Доступно з OpenAPI 3.1.0, FastAPI 0.99.0.</small></td></tr><tr><td><code>url</code></td><td><code>str</code></td><td>URL до ліцензії, яка використовується для API. Повинен бути у форматі URL.</td></tr></tbody></table></details> | |
||||
|
|
||||
|
Ви можете налаштувати їх наступним чином: |
||||
|
|
||||
|
{* ../../docs_src/metadata/tutorial001.py hl[3:16, 19:32] *} |
||||
|
|
||||
|
/// tip | Підказка |
||||
|
|
||||
|
У полі `description` можна використовувати Markdown, і він буде відображатися у результаті. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
З цією конфігурацією автоматична документація API виглядатиме так: |
||||
|
|
||||
|
<img src="/img/tutorial/metadata/image01.png"> |
||||
|
|
||||
|
## Ідентифікатор ліцензії |
||||
|
|
||||
|
З початку використання OpenAPI 3.1.0 та FastAPI 0.99.0 Ви також можете налаштувати `license_info` за допомогою `identifier` замість `url`. |
||||
|
|
||||
|
Наприклад: |
||||
|
|
||||
|
{* ../../docs_src/metadata/tutorial001_1.py hl[31] *} |
||||
|
|
||||
|
## Метадані для тегів |
||||
|
|
||||
|
Ви також можете додати додаткові метадані для різних тегів, які використовуються для групування операцій шляхів, за допомогою параметра `openapi_tags`. |
||||
|
|
||||
|
Він приймає список, який містить один словник для кожного тега. |
||||
|
|
||||
|
Кожен словник може містити: |
||||
|
|
||||
|
* `name` (**обов'язково**): `str` з тією ж назвою тегу, яку Ви використовуєте у параметрі `tags` у Ваших *операціях шляху* та `APIRouter`s. |
||||
|
* `description`: `str` з коротким описом тегу. Може містити Markdown і буде відображено в інтерфейсі документації. |
||||
|
* `externalDocs`: `dict` який описує зовнішню документацію з такими полями: |
||||
|
* `description`: `str` з коротким описом зовнішньої документації. |
||||
|
* `url` (**обов'язково**): `str`з URL-адресою зовнішньої документації. |
||||
|
|
||||
|
### Створення метаданих для тегів |
||||
|
|
||||
|
Спробуймо це на прикладі з тегами для `users` та `items`. |
||||
|
|
||||
|
Створіть метадані для своїх тегів і передайте їх у параметр `openapi_tags`: |
||||
|
|
||||
|
{* ../../docs_src/metadata/tutorial004.py hl[3:16,18] *} |
||||
|
|
||||
|
Зверніть увагу, що в описах можна використовувати Markdown, наприклад, "login" буде показано жирним шрифтом (**login**), а "fancy" буде показано курсивом (_fancy_). |
||||
|
|
||||
|
/// tip | Порада |
||||
|
|
||||
|
Не обов'язково додавати метадані для всіх тегів, які Ви використовуєте. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
### Використання тегів |
||||
|
|
||||
|
Використовуйте параметр `tags` зі своїми *операціями шляху* (і `APIRouter`) для призначення їх до різних тегів: |
||||
|
|
||||
|
{* ../../docs_src/metadata/tutorial004.py hl[21,26] *} |
||||
|
|
||||
|
/// info | Інформація |
||||
|
|
||||
|
Детальніше про теги читайте в розділі [Конфігурація шляхів операцій](path-operation-configuration.md#tags){.internal-link target=_blank}. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
### Перевірка документації |
||||
|
|
||||
|
Якщо Ви зараз перевірите документацію, вона покаже всі додаткові метадані: |
||||
|
|
||||
|
<img src="/img/tutorial/metadata/image02.png"> |
||||
|
|
||||
|
### Порядок тегів |
||||
|
|
||||
|
Порядок кожного словника метаданих тегу також визначає порядок відображення в інтерфейсі документації. |
||||
|
|
||||
|
Наприклад, хоча `users` мав би йти після `items` в алфавітному порядку, він відображається перед ними, оскільки ми додали його метадані як перший словник у списку. |
||||
|
|
||||
|
## URL для OpenAPI |
||||
|
|
||||
|
За замовчуванням схема OpenAPI надається за адресою `/openapi.json`. |
||||
|
|
||||
|
Але Ви можете налаштувати це за допомогою параметра `openapi_url`. |
||||
|
|
||||
|
Наприклад, щоб налаштувати його на `/api/v1/openapi.json`: |
||||
|
|
||||
|
{* ../../docs_src/metadata/tutorial002.py hl[3] *} |
||||
|
|
||||
|
Якщо Ви хочете повністю вимкнути схему OpenAPI, Ви можете встановити `openapi_url=None`, це також вимкне інтерфейси документації, які її використовують. |
||||
|
|
||||
|
## URL-адреси документації |
||||
|
|
||||
|
Ви можете налаштувати два інтерфейси користувача для документації, які включені: |
||||
|
|
||||
|
* **Swagger UI**: доступний за адресою `/docs`. |
||||
|
* Ви можете змінити його URL за допомогою параметра `docs_url`. |
||||
|
* Ви можете вимкнути його, встановивши `docs_url=None`. |
||||
|
* **ReDoc**: доступний за адресою `/redoc`. |
||||
|
* Ви можете змінити його URL за допомогою параметра `redoc_url`. |
||||
|
* Ви можете вимкнути його, встановивши `redoc_url=None`. |
||||
|
|
||||
|
Наприклад, щоб налаштувати Swagger UI на `/documentation` і вимкнути ReDoc: |
||||
|
|
||||
|
{* ../../docs_src/metadata/tutorial003.py hl[3] *} |
||||
@ -0,0 +1,100 @@ |
|||||
|
# Статус коди Відповідей |
||||
|
|
||||
|
Так само як Ви можете вказати модель відповіді, Ви також можете оголосити HTTP код статусу для відповіді за допомогою параметра `status_code` в будь-якій з *операцій шляху*: |
||||
|
|
||||
|
* `@app.get()` |
||||
|
* `@app.post()` |
||||
|
* `@app.put()` |
||||
|
* `@app.delete()` |
||||
|
* тощо. |
||||
|
|
||||
|
{* ../../docs_src/response_status_code/tutorial001.py hl[6] *} |
||||
|
|
||||
|
/// note | Нотатка |
||||
|
|
||||
|
Зверніть увагу, що `status_code` є параметром методу "декоратора" (`get`, `post` і т.д.), а не Вашої *функції операції шляху*, як усі інші параметри та тіло запиту. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
Параметр `status_code` приймає число, яке відповідає HTTP коду статусу. |
||||
|
|
||||
|
/// info | Інформація |
||||
|
`status_code` також може отримувати значення з `IntEnum`, наприклад, з Python <a href="https://docs.python.org/3/library/http.html#http.HTTPStatus" class="external-link" target="_blank">`http.HTTPStatus`</a>. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
Він буде: |
||||
|
|
||||
|
* Повертати вказаний код статусу у відповіді. |
||||
|
* Документувати його як такий у схемі OpenAPI (і, таким чином, в інтерфейсі користувача): |
||||
|
|
||||
|
<img src="/img/tutorial/response-status-code/image01.png"> |
||||
|
|
||||
|
/// note | Нотатка |
||||
|
|
||||
|
Деякі коди відповіді (див. наступний розділ) вказують, що відповідь не має тіла. |
||||
|
|
||||
|
FastAPI знає про це і створить OpenAPI документацію, яка вказує, що тіла відповіді немає. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## Про HTTP статус коди |
||||
|
|
||||
|
/// note | Нотатка |
||||
|
|
||||
|
Якщо Ви вже знаєте, що таке HTTP коди статусу, переходьте до наступного розділу. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
В HTTP Ви надсилаєте числовий код статусу з 3 цифр як частину відповіді. |
||||
|
|
||||
|
Ці коди статусу мають пов’язану назву для їх розпізнавання, але найважливішою частиною є саме число. |
||||
|
|
||||
|
Коротко: |
||||
|
|
||||
|
* **`100 - 199`** "Інформаційні" відповіді. Ви рідко використовуєте їх напряму. Відповіді з такими кодами не можуть мати тіла. |
||||
|
* **`200 - 299`** "Успішні" відповіді. Це ті, які Ви використовуватимете найчастіше. |
||||
|
* `200` - код за замовчуванням, який означає, що все пройшло "OK". |
||||
|
* Інший приклад – `201`, "Created" (створено). Його зазвичай використовують після створення нового запису в базі даних. |
||||
|
* Особливий випадок – `204`, "No Content" (немає вмісту). Ця відповідь використовується, коли немає даних для повернення клієнту, тому відповідь не повинна мати тіла. |
||||
|
* **`300 - 399`** "Перенаправлення". Відповіді з цими кодами можуть мати або не мати тіла, за винятком `304`, "Not Modified" (не змінено), яка не повинна мати тіла. |
||||
|
* **`400 - 499`** "Помилка клієнта". Це другий тип, який Ви, ймовірно, будете використовувати найчастіше. |
||||
|
* Приклад `404`, "Not Found" (не знайдено). |
||||
|
* Для загальних помилок клієнта можна використовувати `400`. |
||||
|
* `500 - 599` "Помилки сервера". Ви майже ніколи не використовуєте їх напряму. Якщо в коді Вашого застосунку або на сервері щось пішло не так, автоматично буде повернено один із цих кодів статусу. |
||||
|
|
||||
|
/// tip | Порада |
||||
|
|
||||
|
Щоб дізнатися більше про кожен код статусу і призначення кожного з них, перегляньте документацію <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status" class="external-link" target="_blank"><abbr title="Mozilla Developer Network">MDN</abbr> про HTTP коди статусу</a>. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## Легкий спосіб запам'ятати назви |
||||
|
|
||||
|
Розглянемо ще раз попередній приклад: |
||||
|
|
||||
|
{* ../../docs_src/response_status_code/tutorial001.py hl[6] *} |
||||
|
|
||||
|
`201` - це код статусу для "Created" (створено). |
||||
|
|
||||
|
Але Вам не потрібно запам'ятовувати, що означає кожен із цих кодів. |
||||
|
|
||||
|
Ви можете використовувати зручні змінні з `fastapi.status` |
||||
|
|
||||
|
{* ../../docs_src/response_status_code/tutorial002.py hl[1,6] *} |
||||
|
|
||||
|
Ці змінні просто для зручності. Вони містять ті ж самі числа, але Ви можете скористатися автозаповненням в редакторі: |
||||
|
|
||||
|
<img src="/img/tutorial/response-status-code/image02.png"> |
||||
|
|
||||
|
/// note | Технічні деталі |
||||
|
|
||||
|
Ви також можете використати `from starlette import status`. |
||||
|
|
||||
|
**FastAPI** надає ті ж самі змінні `starlette.status` як `fastapi.status`, просто для зручності розробника. Однак вони походять безпосередньо зі Starlette. |
||||
|
|
||||
|
/// |
||||
|
|
||||
|
## Зміна значення за замовчуванням |
||||
|
|
||||
|
Далі, у Посібнику для досвідчених користувачів{.internal-link target=_blank}, Ви дізнаєтесь, як повернути інший код статусу, ніж той, який Ви оголосили тут. |
||||
@ -0,0 +1,17 @@ |
|||||
|
# Triển khai FastAPI trên các Dịch vụ Cloud |
||||
|
|
||||
|
Bạn có thể sử dụng **bất kỳ nhà cung cấp dịch vụ cloud** nào để triển khai ứng dụng FastAPI của mình. |
||||
|
|
||||
|
Trong hầu hết các trường hợp, các nhà cung cấp dịch vụ cloud lớn đều có hướng dẫn triển khai FastAPI với họ. |
||||
|
|
||||
|
## Nhà cung cấp dịch vụ Cloud - Nhà tài trợ |
||||
|
Một vài nhà cung cấp dịch vụ cloud ✨ [**tài trợ cho FastAPI**](../help-fastapi.md#sponsor-the-author){.internal-link target=_blank} ✨, điều này giúp đảm bảo sự phát triển liên tục và khỏe mạnh của FastAPI và hệ sinh thái của nó. |
||||
|
|
||||
|
Thêm nữa, điều này cũng thể hiện cam kết thực sự của họ đối với FastAPI và **cộng đồng người dùng** (bạn), vì họ không chỉ muốn cung cấp cho bạn một **dịch vụ tốt** mà còn muốn đảm bảo rằng bạn có một **framework tốt và bền vững**, đó chính là FastAPI. 🙇 |
||||
|
|
||||
|
Bạn có thể thử các dịch vụ của họ và làm theo hướng dẫn của họ: |
||||
|
|
||||
|
* <a href="https://docs.platform.sh/languages/python.html?utm_source=fastapi-signup&utm_medium=banner&utm_campaign=FastAPI-signup-June-2023" class="external-link" target="_blank">Platform.sh</a> |
||||
|
* <a href="https://docs.porter.run/language-specific-guides/fastapi" class="external-link" target="_blank">Porter</a> |
||||
|
* <a href="https://www.withcoherence.com/?utm_medium=advertising&utm_source=fastapi&utm_campaign=website" class="external-link" target="_blank">Coherence</a> |
||||
|
* <a href="https://docs.render.com/deploy-fastapi?utm_source=deploydoc&utm_medium=referral&utm_campaign=fastapi" class="external-link" target="_blank">Render</a> |
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue