\u56e0\u4e3aApolloClient\u00d7GraphqlCodegen\u7684\u7ec4\u5408\u975e\u5e38\u65b9\u4fbf\u6613\u7528\uff0c\u8ba9\u6211\u6df1\u611f\u9707\u64bc\uff0c\u6240\u4ee5\u6211\u5c06\u7b80\u8981\u603b\u7ed3\u4e00\u4e0b\u4f7f\u7528\u65b9\u6cd5\u3002
\n\u8fd9\u6b21\u6211\u60f3\u7b80\u8981\u4ecb\u7ecd\u4ece\u6587\u4ef6\u751f\u6210\u5230\u8c03\u7528API\u7684\u6d41\u7a0b\uff0c\u4ee5\u7528\u6237\u6ce8\u518c\u548c\u83b7\u53d6\u4e3a\u4f8b\u3002
\n\u5982\u679c\u6709\u4efb\u4f55\u9519\u8bef\uff0c\u8bf7\u6307\u6b63\uff0c\u6211\u5c06\u4e0d\u80dc\u611f\u6fc0\u3002<\/p>\n
@apollo\/client\r\n@graphql-codegen\/cli\r\n@graphql-codegen\/typescript\r\n@graphql-codegen\/typescript-operations\r\n@graphql-codegen\/typescript-react-apollo\r\n@graphql-codegen\/client-preset\r\n@graphql-codegen\/introspection\r\n<\/code><\/pre>\n\u4ee3\u7801\u751f\u6210.yml<\/h2>\n
\u5b9a\u4e49\u751f\u6210\u6587\u4ef6\u7684\u7c7b\u578b\u548c\u9009\u9879\u3002
\n\u901a\u8fc7\u8fd9\u4e2a\u914d\u7f6e\uff0c\u7c7b\u578b\u5b9a\u4e49\u548cHooks\u5c06\u4f1a\u81ea\u52a8\u751f\u6210\u3002<\/p>\n
overwrite: true\r\nschema: \"schema.graphql\"\r\ndocuments: \"src\/**\/*.gql\"\r\ngenerates:\r\n src\/generated\/graphql.ts:\r\n plugins:\r\n - \"typescript\"\r\n - \"typescript-operations\"\r\n - \"typescript-react-apollo\"\r\n config:\r\n withHooks: true \r\n withComponent: false\r\n withHOC: false\r\n<\/code><\/pre>\n\u8986\u76d6\u73b0\u6709\u6587\u4ef6\u5417\uff1f<\/p>\n
\u6a21\u5f0f\u6587\u4ef6\u7684\u8def\u5f84\u3002<\/p>\n
\u6587\u4ef6\uff08\u67e5\u8be2\u3001\u53d8\u5f02\u7b49\uff09\u7684\u8def\u5f84\u3002<\/p>\n
\u751f\u6210\u7684\u6587\u4ef6\u7684\u5b58\u653e\u4f4d\u7f6e<\/p>\n
\u63d2\u4ef6\uff1a
\n\u9700\u8981\u9032\u884c\u5404\u7a2e\u63d2\u4ef6\u7684\u7368\u7acb\u5b89\u88dd\u3002<\/p>\n
\u914d\u7f6e\uff1a
\n\u5e26\u6709Hooks\uff1a
\n\u542f\u7528\u4e3aApollo Client\u751f\u6210\u81ea\u5b9a\u4e49Hook
\nwithComponent\uff1awithHOC\uff1afalse
\n\u7981\u7528\u751f\u6210React\u7ec4\u4ef6\u548c\u9ad8\u9636\u7ec4\u4ef6\u3002<\/p>\n
package.json\u6587\u4ef6<\/h2>\n
\u5b9a\u4e49\u81ea\u52a8\u751f\u6210\u547d\u4ee4<\/p>\n
scripts{\r\n \"codegen\": \"graphql-codegen --config codegen.yml\"\r\n}\r\n<\/code><\/pre>\nschema.gql\u6a21\u5f0f\u6587\u4ef6\u3002<\/h2>\n
\u5b9a\u4e49\u6240\u4f7f\u7528\u7684\u6570\u636e\u7c7b\u578b\u3001API\u7684\u67e5\u8be2\u548c\u53d8\u66f4\u3002<\/p>\n
scalar Upload\r\ntype User {\r\n userId: ID!\r\n email: String!\r\n name: String!\r\n}\r\n\r\ntype Query {\r\n user(userId: ID!): User\r\n}\r\n\r\ntype Mutation {\r\n createUser(name: String!): User\r\n}\r\n<\/code><\/pre>\n\u6587\u4ef6<\/h1>\n
GraphQL\u7684\u6587\u6863\u5b9a\u4e49\u4e86\u5e94\u7528\u7a0b\u5e8f\u53d1\u9001\u5230\u5b9e\u9645GraphQL\u670d\u52a1\u5668\u7684\u64cd\u4f5c\u3002\u4ee5\u4e0b\u793a\u4f8b\u4e2d\u5b9a\u4e49\u4e86\u83b7\u53d6\u7528\u6237\u548c\u521b\u5efa\u65b0\u7528\u6237\u7684\u64cd\u4f5c\u3002<\/p>\n
\/\/User.gql\r\n\r\nquery GetUser($userId: ID!) {\r\n user(userId: $userId) {\r\n userId\r\n email\r\n name\r\n }\r\n}\r\n\r\nmutation CreateUser($name: String!) {\r\n createUser(name: $name) {\r\n userId\r\n email\r\n name\r\n }\r\n}\r\n<\/code><\/pre>\n\u751f\u6210\u6307\u4ee4<\/h1>\n
\u5f53\u6267\u884c\u6b64\u547d\u4ee4\u65f6\uff0c\u5c06\u6839\u636ecodegen.yml\u4e2d\u5b9a\u4e49\u7684\u914d\u7f6e\u81ea\u52a8\u751f\u6210\u6587\u4ef6\u3002<\/p>\n
npx graphql-codegen \r\n<\/code><\/pre>\n\u963f\u6ce2\u7f57\u7684\u51c6\u5907 de<\/h1>\n
\u521b\u5efaHTTP\u94fe\u63a5\u548c\u8ba4\u8bc1\u94fe\u63a5\uff0c\u4ee5\u53caApollo Client\u5b9e\u4f8b\u3002<\/p>\n
import { ApolloClient, InMemoryCache, createHttpLink } from \"@apollo\/client\";\r\nimport { setContext } from \"@apollo\/client\/link\/context\";\r\n\r\nconst httpLink = createHttpLink({\r\n uri: \"http:\/\/hogehoge\"\r\n});\r\n\r\nconst authLink = setContext((_, { headers }) => {\r\n const token = localStorage.getItem(\"token\");\r\n return {\r\n headers: {\r\n ...headers,\r\n authorization: token \r\n },\r\n };\r\n});\r\n\r\nconst client = new ApolloClient({\r\n link: authLink.concat(httpLink),\r\n cache: new InMemoryCache(),\r\n});\r\n\r\n\r\n\r\nimport type { AppProps } from \"next\/app\";\r\nimport { ApolloProvider } from \"@apollo\/client\";\r\nimport client from \"@\/lib\/apollo\/client\";\r\n\r\nexport default function App({ Component, pageProps }: AppProps) {\r\n return (\r\n <ApolloProvider client={client}>\r\n <AuthProvider>\r\n <Component {...pageProps} \/>\r\n <\/AuthProvider>\r\n <\/ApolloProvider>\r\n );\r\n}\r\n\r\n<\/code><\/pre>\n\u6211\u8bd5\u8bd5\u8be2\u95ee<\/h2>\n
\u4f7f\u7528ApolloClient\u7684useQuery hook\u4ece\u670d\u52a1\u5668\u83b7\u53d6\u6570\u636e\u3002<\/p>\n
import { useQuery } from \"@apollo\/client\";\r\nimport {\r\n GetUserDocument, \r\n GetUserQuery, \r\n GetUserQueryVariables, \r\n} from \"@\/generated\/graphql\";\r\n\r\n\r\nexport const useGetUser = (userId: string) => {\r\n const { data, loading, error } = useQuery<\r\n GetUserQuery,\r\n GetUserQueryVariables\r\n >(GetUserDocument, {\r\n variables: { userId: userId },\r\n });\r\n return { data, loading, error };\r\n};\r\n\r\n\r\nexport default function Home() {\r\n const { data, loading, error } = useGetUser(userId!);\r\n if (loading) return <div>loading...<\/div>;\r\n if (error) return <div>error<\/div>;\r\n return (\r\n <div>{data.name}<\/div>\r\n );\r\n}\r\n<\/code><\/pre>\n\u6211\u8bd5\u7740\u6572\u51fb\u53d8\u5f02\u7269\u3002<\/h1>\n
\u4f7f\u7528ApolloClient\u7684useMutation\u94a9\u5b50\u51fd\u6570\uff0c\u5411\u670d\u52a1\u5668\u53d1\u9001\u66f4\u6539\u6570\u636e\u7684\u8bf7\u6c42\u3002<\/p>\n
import { useMutation } from \"@apollo\/client\";\r\nimport {\r\n CreateUserMutation,\r\n CreateUserMutationVariables,\r\n CreateUserDocument,\r\n} from \"@\/generated\/graphql\";\r\n\r\nexport const useCreateUser = () => {\r\n const [createUser, { data, loading, error }] = useMutation<\r\n CreateUserMutation,\r\n CreateUserMutationVariables\r\n >(CreateUserDocument);\r\n return { createUser, data, loading, error };\r\n};\r\n\r\n\r\nexport const CreateUser = () => {\r\n const { createUser, data } = useCreateUser();\r\n \r\n const handleCreate = async () => {\r\n try {\r\n await createUser({\r\n variables: { name: userName }\r\n });\r\n console.log(\"\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u5b8c\u4e86\");\r\n }\r\n return data\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n };\r\n\r\n<\/code><\/pre>\n\u4ee5\u4e0a\u5f15\u8ff0\u8d44\u6599<\/h1>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\u9996\u5148 \u56e0\u4e3aApolloClient\u00d7GraphqlCodegen\u7684\u7ec4\u5408\u975e\u5e38\u65b9\u4fbf\u6613\u7528\uff0c\u8ba9\u6211\u6df1\u611f\u9707\u64bc\uff0c\u6240\u4ee5\u6211\u5c06\u7b80\u8981 […]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-47536","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\n
\u5c1d\u8bd5\u4f7f\u7528\u3010Next.js\u3011ApolloClient\u00d7GraphQLCodegen - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u5c1d\u8bd5\u4f7f\u7528\u3010next-js\u3011apolloclientxgraphqlcodegen\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u5c1d\u8bd5\u4f7f\u7528\u3010Next.js\u3011ApolloClient\u00d7GraphQLCodegen\" \/>\n<meta property=\"og:description\" content=\"\u9996\u5148 \u56e0\u4e3aApolloClient\u00d7GraphqlCodegen\u7684\u7ec4\u5408\u975e\u5e38\u65b9\u4fbf\u6613\u7528\uff0c\u8ba9\u6211\u6df1\u611f\u9707\u64bc\uff0c\u6240\u4ee5\u6211\u5c06\u7b80\u8981 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u5c1d\u8bd5\u4f7f\u7528\u3010next-js\u3011apolloclientxgraphqlcodegen\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-14T00:59:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-30T00:46:51+00:00\" \/>\n<meta name=\"author\" content=\"\u6e05, \u626c\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u6e05, \u626c\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/\",\"name\":\"\u5c1d\u8bd5\u4f7f\u7528\u3010Next.js\u3011ApolloClient\u00d7GraphQLCodegen - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-11-14T00:59:01+00:00\",\"dateModified\":\"2024-04-30T00:46:51+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/cb5556d2501da73d864cac945e8d9461\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u5c1d\u8bd5\u4f7f\u7528\u3010Next.js\u3011ApolloClient\u00d7GraphQLCodegen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/cb5556d2501da73d864cac945e8d9461\",\"name\":\"\u6e05, \u626c\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/32a4239de8ff29adace466261d309424a1e5fe9f7e3036bf89fe03f2e3dbe717?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/32a4239de8ff29adace466261d309424a1e5fe9f7e3036bf89fe03f2e3dbe717?s=96&d=mm&r=g\",\"caption\":\"\u6e05, \u626c\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/qingyang\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u5c1d\u8bd5\u4f7f\u7528\u3010Next.js\u3011ApolloClient\u00d7GraphQLCodegen - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u5c1d\u8bd5\u4f7f\u7528\u3010next-js\u3011apolloclientxgraphqlcodegen\/","og_locale":"zh_CN","og_type":"article","og_title":"\u5c1d\u8bd5\u4f7f\u7528\u3010Next.js\u3011ApolloClient\u00d7GraphQLCodegen","og_description":"\u9996\u5148 \u56e0\u4e3aApolloClient\u00d7GraphqlCodegen\u7684\u7ec4\u5408\u975e\u5e38\u65b9\u4fbf\u6613\u7528\uff0c\u8ba9\u6211\u6df1\u611f\u9707\u64bc\uff0c\u6240\u4ee5\u6211\u5c06\u7b80\u8981 […]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u5c1d\u8bd5\u4f7f\u7528\u3010next-js\u3011apolloclientxgraphqlcodegen\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-11-14T00:59:01+00:00","article_modified_time":"2024-04-30T00:46:51+00:00","author":"\u6e05, \u626c","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u6e05, \u626c","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/","name":"\u5c1d\u8bd5\u4f7f\u7528\u3010Next.js\u3011ApolloClient\u00d7GraphQLCodegen - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-11-14T00:59:01+00:00","dateModified":"2024-04-30T00:46:51+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/cb5556d2501da73d864cac945e8d9461"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u5c1d\u8bd5\u4f7f\u7528\u3010Next.js\u3011ApolloClient\u00d7GraphQLCodegen"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/cb5556d2501da73d864cac945e8d9461","name":"\u6e05, \u626c","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/32a4239de8ff29adace466261d309424a1e5fe9f7e3036bf89fe03f2e3dbe717?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/32a4239de8ff29adace466261d309424a1e5fe9f7e3036bf89fe03f2e3dbe717?s=96&d=mm&r=g","caption":"\u6e05, \u626c"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/qingyang\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8%e3%80%90next-js%e3%80%91apolloclientxgraphqlcodegen\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/47536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=47536"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/47536\/revisions"}],"predecessor-version":[{"id":90893,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/47536\/revisions\/90893"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=47536"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=47536"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=47536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}