mirror of
https://github.com/zhigang1992/apollo.git
synced 2026-05-13 00:49:02 +08:00
Fix images in html
This commit is contained in:
@@ -14,7 +14,7 @@ Apollo is a complete platform for implementing a graph over your data. It includ
|
||||
Why do you need a graph? Today, one of the most difficult parts of building an app is figuring out your data layer. Often, there's many data sources you need to fetch from and many clients you need to support. When you layer a graph in between your services and your UI, you can remove a lot of complexity from your data fetching logic and ship features faster.
|
||||
|
||||
<div style="text-align:center">
|
||||

|
||||
<img src="../images/graph-layer.png" alt="Graph layer">
|
||||
</div>
|
||||
|
||||
**[GraphQL](https://www.graphql.org/)** is the specification that we'll be using to communicate between our graph API and client. The spec itself is language-agnostic and unopinionated, so we're choosing to implement GraphQL with the Apollo platform.
|
||||
@@ -26,7 +26,7 @@ In this tutorial, we'll build an interactive app for reserving your spot on an u
|
||||
Here's what the finished app will look like:
|
||||
|
||||
<div style="text-align:center">
|
||||

|
||||
<img src="../images/space-explorer.png" alt="Space explorer">
|
||||
</div>
|
||||
|
||||
The app has five screens: a login screen, a list of launches, a launch detail, a profile page, and a cart. The graph API powering our space app connects to a REST API and a SQLite database. Don't worry if you're unfamiliar with those technologies, you don't need to know how to build a REST API or SQLite database from scratch in order to complete the tutorial.
|
||||
|
||||
@@ -186,15 +186,13 @@ The GraphQL Playground provides the ability to introspect your schema. **Introsp
|
||||
|
||||
|
||||
<div style="text-align:center">
|
||||

|
||||
<br></br>
|
||||
<img src="../images/schematab.png" alt="Schema button">
|
||||
</div>
|
||||
|
||||
You can quickly have access to the documentation of a GraphQL API via the `schema` button.
|
||||
|
||||
<div style="text-align:center">
|
||||

|
||||
<br></br>
|
||||
<img src="../images/moredetailsonatype.png" alt="More details on a Schema Type">
|
||||
</div>
|
||||
|
||||
That's all for building our schema. Let's move on to the next part of our tutorial.
|
||||
|
||||
Reference in New Issue
Block a user