{"id":48327,"date":"2023-02-08T00:11:46","date_gmt":"2022-12-03T18:53:37","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/"},"modified":"2024-04-29T13:35:45","modified_gmt":"2024-04-29T05:35:45","slug":"%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/","title":{"rendered":"\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9LT\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3010GraphQL\u3011"},"content":{"rendered":"

\u9605\u8bfb\u672c\u6587\u540e\u53ef\u4ee5\u83b7\u5f97\u7684\u5185\u5bb9<\/h1>\n

\u30fb\u5f53\u6211\u51b2\u52a8\u5730\u62a5\u540d\u53c2\u52a0LT\u4e4b\u540e\uff0c\u5982\u4f55\u5e94\u5bf9\u8fd9\u4e00\u51b3\u5b9a<\/p>\n

\u5982\u679c\u4f60\u4e0d\u60f3\u8bfb\u5197\u957f\u7684\u53e5\u5b50\uff0c\u90a3\u4e48\u53ea\u9700\u8981\u9605\u8bfb\u603b\u7ed3\u90e8\u5206\u5c31\u53ef\u4ee5\u4e86\uff0c\u56e0\u4e3a\u6211\u5c06\u4ee5\u4f53\u9a8c\u6545\u4e8b\u7684\u65b9\u5f0f\u6765\u6982\u62ecLT\u53d1\u8868\u7684\u7ecf\u5386\uff01<\/p>\n

\u4e8b\u60c5\u7684\u5f00\u7aef<\/h2>\n

\u590f\u5b63\u4e4b\u521d\uff0c\u6211\u5df2\u9010\u6e10\u9002\u5e94\u4e86\u6211\u7684\u65b0\u5165\u804c\u5de5\u4f5c\uff08\u6211\u89c9\u5f97\u662f\u8fd9\u6837\uff09\uff0c\u56e0\u6b64\u60f3\u8981\u5728\u5916\u90e8\u79ef\u7d2f\u4e00\u4e9b\u5b9e\u7ee9\uff0c\u4e8e\u662f\u8003\u8651\u8fdb\u884cLT\uff0815\u5206\u949f\u6280\u672f\u6f14\u8bb2\uff09\u7684\u6f14\u8bb2\u3002\u7ecf\u7531connpass\u7f51\u7ad9\uff0c\u6211\u6b63\u5728\u5bfb\u627e\u4e00\u4e9b\u521d\u5b66\u8005\u4e5f\u80fd\u53c2\u52a0\u7684\u6d3b\u52a8\u3002\u6070\u597d\u627e\u5230\u4e86\u51e0\u4e2a\u521d\u5b66\u8005\u4e5f\u80fd\u53c2\u52a0\u7684LT\u4f1a\uff0c\u56e0\u6b64\u9996\u5148\u5c1d\u8bd5\u7533\u8bf7\u53c2\u4e0e\u3002<\/p>\n

\u6211\u60f3\u5199\u4e0b\u53c2\u52a0\u5f8b\u5e08\u7f51\u4e3e\u529e\u7684\u6ce1\u6ce1\u5976\u8336\u6f14\u8bb2\u4f1a\uff08https:\/\/bengo4.connpass.com\/event\/143609\/\uff09\u7684\u7ecf\u5386\uff0c\u8fd9\u662f\u6211\u7533\u8bf7\u53c2\u52a0\u7684\u51e0\u573aLT\u4f1a\u4e2d\u7684\u4e00\u573a\u3002<\/p>\n

\u5728\u5173\u4e8e\u201c\u7c97\u7cd9\u7684\u7f51\u7edc\u4e3b\u9898\u201d\u8fd9\u4e2a\u8bdd\u9898\u4e2d\u8fdb\u884c\u8ba8\u8bba\u662f\u88ab\u5141\u8bb8\u7684\uff0c\u6240\u4ee5\u6211\u6beb\u65e0\u5177\u4f53\u4e3b\u9898\u5730\u63d0\u4ea4\u4e86\u7533\u8bf7\u3002
\n\u7531\u4e8e\u4ece\u7533\u8bf7\u5230\u6d3b\u52a8\u4e3e\u529e\u4e4b\u95f4\u6709\u5f88\u957f\u65f6\u95f4\uff0c\u6240\u4ee5\u6211\u4ee5\u4e3a\u4e00\u5b9a\u4f1a\u60f3\u51fa\u4e00\u4e9b\u8bdd\u9898\uff0c\u7136\u800c\u76f4\u5230\u524d\u4e00\u5929\u7684\u6f14\u8bb2\u6211\u8fd8\u6ca1\u6709\u4efb\u4f55\u60f3\u6cd5\u3002
\n\u4e3a\u4e86\u5e94\u4ed8\u8fd9\u79cd\u7a98\u5883\uff0c\u6211\u5306\u5fd9\u5f00\u59cb\u5236\u4f5c\u524d\u4e00\u5929\u7684\u6f14\u8bb2\u8d44\u6599\u3002<\/p>\n

\u9009\u62e9\u4e00\u4e2a\u4e3b\u9898<\/h2>\n

\u5982\u679c\u4ece\u4e8bWeb\u5f00\u53d1\u5de5\u4f5c\uff0c\u53ef\u4ee5\u901a\u8fc7\u5206\u4eab\u4e0e\u5de5\u4f5c\u76f8\u5173\u7684\u5185\u5bb9\u6765\u8fdb\u884c\u6f14\u8bb2\u7b49\u6d3b\u52a8\uff0c\u4f46\u5728\u5e73\u65f6\u5de5\u4f5c\u4e2d\u5927\u591a\u6d89\u53ca\u673a\u5668\u5b66\u4e60\u65b9\u9762\u7684\u6280\u672f\uff0c\u56e0\u6b64\u5e76\u6ca1\u6709\u592a\u591a\u673a\u4f1a\u63a5\u89e6Web\u5f00\u53d1\u6280\u672f\u3002
\n\u7136\u800c\uff0c\u6211\u4e2a\u4eba\u5728\u4e1a\u4f59\u65f6\u95f4\u5f00\u53d1\u4e86\u4e00\u4e9bWeb\u5e94\u7528\uff0c\u5e76\u4e14\u6709\u63a5\u89e6\u8fc7React\u7b49\u76f8\u5173\u6280\u672f\uff0c\u6240\u4ee5\u4e00\u5f00\u59cb\u6211\u60f3\u8c08\u8c08\u8fd9\u65b9\u9762\u7684\u7ecf\u9a8c\u3002<\/p>\n

\u6211\u5f00\u59cb\u8003\u8651\u4f7f\u7528redux-starter-kit\u8fdb\u884c\u5e94\u7528\u5f00\u53d1\uff0c\u4ee5\u53ca\u4e2a\u4eba\u5f00\u53d1\u6280\u672f\u9009\u578b\u7684\u8ba8\u8bba\uff0c\u4f46\u5f53\u6211\u5f00\u59cb\u753b\u51fa\u8349\u56fe\u65f6\uff0c\u53d1\u73b0\u5b83\u4eec\u90fd\u4e0d\u592a\u7406\u60f3\u3002
\n\u6211\u82e6\u607c\u4e0d\u77e5\u8be5\u600e\u4e48\u529e\u65f6\uff0c\u773c\u524d\u51fa\u73b0\u4e86\u8fd9\u6b21LT\u4f1a\u7684\u4e3b\u9898\u540d\u79f0”\u6ce2\u9738LT”\u8fd9\u4e2a\u8bcd\u3002
\n\u65e2\u7136\u5982\u6b64\uff0c\u6211\u4e5f\u60f3\u505a\u4e00\u4e2a\u4e0e\u6ce2\u9738\u76f8\u5173\u7684\u6f14\u8bb2\u5462\u2026\u2026\u6700\u7ec8\u7ecf\u8fc7\u601d\u8003\u72b9\u8c6b\uff0c<\/p>\n

\u5982\u679c\u628a\u9ed1\u8272\u7684\u6c14\u6ce1\u56fe\u663e\u793a\u5728\u5bb9\u5668\u7684\u63d2\u56fe\u4e2d\uff0c\u662f\u4e0d\u662f\u770b\u8d77\u6765\u50cf\u73cd\u73e0\u5976\u8336\u5462\uff1f<\/p>\n

\u51b3\u5b9a\u4e86\u4ee5\u6b64\u6982\u5ff5\u4e3a\u57fa\u7840\u7684\u6f14\u8bb2\u4e3b\u9898\u3002<\/p>\n

\u7531\u4e8e\u6211\u5e73\u65f6\u4ece\u4e8b\u673a\u5668\u5b66\u4e60\u548c\u6570\u636e\u5206\u6790\u7684\u5de5\u4f5c\uff0c\u6240\u4ee5\u5bf9\u4e8e\u56fe\u8868\u7b49\u5185\u5bb9\u975e\u5e38\u719f\u6089\u3002\u6b64\u5916\uff0c\u6211\u4e2a\u4eba\u8fd8\u5f00\u53d1\u4e86\u4e00\u4e2aWeb\u5e94\u7528\uff0c\u53ef\u4ee5\u901a\u8fc7\u53e3\u7891\u5206\u6790\u6765\u751f\u6210\u56fe\u8868\u3002\u56e0\u6b64\uff0c\u6211\u51b3\u5b9a\u53ea\u80fd\u4f7f\u7528\u8fd9\u4e2aWeb\u5e94\u7528\u8fdb\u884c\u6f14\u793a\u3002\uff08\u5728\u6f14\u8bb2\u524d\u4e00\u5929\u4e2d\u5348\u65f6\u523b\u505a\u51fa\u51b3\u5b9a\uff09<\/p>\n

\u867d\u7136\u5728\u8fd9\u91cc\u5e76\u6ca1\u6709\u63d0\u5230GraphQL\u7684\u8be6\u60c5\uff0c\u4f46\u6700\u7ec8\u5411\u8fd0\u8425\u4eba\u5458\u4f20\u8fbe\u7684\u6f14\u8bb2\u4e3b\u9898\u662f\u201c\u4ece\u73cd\u73e0\u5976\u8336\u5f00\u59cb\u7684GraphQL\u201d\u3002\u8003\u8651\u5230\u53ea\u5236\u4f5c\u6ce1\u6ce1\u56fe\u6765\u8fdb\u884c\u6f14\u8bb2\u53ef\u80fd\u6709\u4e9b\u56f0\u96be\uff0c\u6240\u4ee5\u51b3\u5b9a\u7ed3\u5408\u4e4b\u524d\u4e00\u76f4\u60f3\u8981\u5c1d\u8bd5\u7684GraphQL\u6765\u8fdb\u884c\u3002\u6b63\u662f\u7531LT\uff08\u95ea\u7535\u6f14\u8bb2\uff09\u6240\u63a8\u52a8\u7684\u5f00\u53d1\uff01<\/p>\n

\u521b\u5efa\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f<\/h2>\n

\u56e0\u4e3a\u786e\u5b9a\u4e86\u6f14\u8bb2\u4e3b\u9898\u548c\u8981\u5236\u4f5c\u7684\u6f14\u793a\uff0c\u6240\u4ee5\u5f00\u59cb\u7740\u624b\u5236\u4f5c\u8d44\u6599\u548c\u6f14\u793a\uff08\u8fd9\u65f6\u5df2\u7ecf\u5927\u7ea618\u70b9\uff09\u3002
\n\u7531\u4e8e\u65f6\u95f4\u7d27\u8feb\uff0c\u6211\u4eec\u5c06\u5236\u4f5c\u4e00\u4e2a\u5177\u5907\u6700\u57fa\u672c\u529f\u80fd\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n

\u53ea\u9700\u8981\u4e00\u79cd\u9009\u9879\uff0c\u4ee5\u4e0b\u662f\u672c\u571f\u5316\u7684\u4e2d\u6587\u91ca\u4e49\uff1a<\/p>\n

\u4f5c\u4e3a\u8981\u4ef6\u51b3\u5b9a\u7684\u662f\uff0c<\/p>\n

\u2022 \u7528\u6c14\u6ce1\u56fe\u8868\u8fbe\u7c7b\u4f3c\u4e8e\u73cd\u73e0\u5976\u8336\u7684\u4e8b\u7269\u3002
\n\u2022 \u4e3a\u4e86\u8fdb\u884cAPI\u6f14\u793a\uff0c\u521b\u5efa\u4e00\u4e2a\u7b80\u5355\u7684\u6570\u636e\u5e93\uff0c\u4f7f\u5176\u53ef\u4ee5\u901a\u8fc7REST\u548cGraphQL\u8fdb\u884c\u8c03\u7528\u3002<\/p>\n

\u53ea\u6709\u8fd9\u4e24\u4e2a\u9009\u62e9\uff0c\u800c\u4e14\u65f6\u95f4\u4e5f\u4e0d\u591f\u3002<\/p>\n

\u5728\u8fd9\u6b21\u5c55\u793a\u7684\u6c14\u6ce1\u56fe\u4e2d\u6240\u4f7f\u7528\u7684\u4fe1\u606f\u662f\u4ece\u73cd\u73e0\u5976\u8336\u5e97\u7684\u7f51\u9875\u4e0a\u6536\u96c6\u7684\u6587\u672c\uff0c\u5e76\u8fdb\u884c\u5f62\u6001\u5b66\u5206\u6790\u4ee5\u83b7\u53d6\u5355\u8bcd\u548c\u5355\u8bcd\u51fa\u73b0\u7684\u6b21\u6570\u4f5c\u4e3a\u6570\u636e\u8fdb\u884c\u5229\u7528\u3002
\n\u901a\u8fc7\u4f7f\u7528tf-idf\u65b9\u6cd5\uff0c\u6211\u4eec\u4ece\u6570\u636e\u4e2d\u5220\u9664\u4e86\u90a3\u4e9b\u770b\u8d77\u6765\u4e0d\u592a\u91cd\u8981\u7684\u5355\u8bcd\uff0c\u53ea\u5c55\u793a\u4e0e\u73cd\u73e0\u5976\u8336\u5e97\u7279\u70b9\u76f8\u5173\u7684\u6570\u636e\u3002<\/p>\n

\u7136\u800c\uff0c\u5c3d\u7ba1\u6700\u7ec8\u6210\u529f\u5730\u521b\u5efa\u4e86\u6570\u636e\uff0c\u4f46\u7531\u4e8e\u6ca1\u6709\u65f6\u95f4\u521b\u5efa\u6570\u636e\u5e93\u5e76\u4e0e\u524d\u7aef\u8fde\u63a5\uff0c\u53ea\u80fd\u6839\u636e\u4e0a\u8ff0\u6570\u636e\u624b\u52a8\u521b\u5efa\u865a\u62df\u6570\u636e\uff0c\u5e76\u91c7\u53d6\u76f4\u63a5\u5199\u5165\u811a\u672c\u5185\u90e8\u7684\u5f3a\u786c\u624b\u6bb5\u3002
\n\u8003\u8651\u5230\u672a\u6765\u6ca1\u6709\u4f7f\u7528\u8ba1\u5212\uff0c\u4e5f\u8bb8\u5728\u67d0\u4e9b\u65f6\u5019\u548c\u573a\u5408\uff0c\u4ec5\u4e3a\u4e86\u4e94\u5206\u949f\u7684LT\u6f14\u8bb2\u800c\u5c06\u5176\u89c6\u4f5c\u4e00\u79cd\u6743\u5b9c\u4e4b\u8ba1\u3002\uff08\u501f\u53e3\uff09<\/p>\n

\u4e4b\u5f8c\u5efa\u7acb\u7684API\u7aef\u662f\u9019\u908a\u3002<\/p>\n

const<\/span> express<\/span> =<\/span> require<\/span>(<\/span>'<\/span>express<\/span>'<\/span>);<\/span>\r\nconst<\/span> app<\/span> =<\/span> express<\/span>();<\/span>\r\n\r\nconst<\/span> port<\/span> =<\/span> process<\/span>.<\/span>env<\/span>.<\/span>PORT<\/span> ||<\/span> 3030<\/span>;<\/span>\r\n\r\nconst<\/span> ctSum<\/span> =<\/span>\r\n    [[<\/span> {<\/span> label<\/span>:<\/span> \"<\/span>\u8868\u53c2\u9053<\/span>\"<\/span>,<\/span>        value<\/span>:<\/span> 3<\/span> ,<\/span>color<\/span> :<\/span>\"<\/span>#663333<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u30af\u30ea\u30fc\u30e0<\/span>\"<\/span>,<\/span>       value<\/span>:<\/span> 2<\/span>,<\/span> color<\/span> :<\/span>\"<\/span>#663333<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>Tea<\/span>\"<\/span>,<\/span>         value<\/span>:<\/span> 3<\/span>,<\/span>color<\/span> :<\/span>\"<\/span>#333300<\/span>\"<\/span> },<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u30a4\u30f3\u30b9\u30bf<\/span>\"<\/span>,<\/span>       value<\/span>:<\/span> 2<\/span> ,<\/span>color<\/span> :<\/span>\"<\/span>#333300<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u6301\u3061\u5e30\u308a<\/span>\"<\/span>,<\/span>       value<\/span>:<\/span> 2<\/span> ,<\/span> color<\/span> :<\/span>\"<\/span>#333333<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u30b9\u30a4\u30ab<\/span>\"<\/span>,<\/span>         value<\/span>:<\/span> 2<\/span> ,<\/span> color<\/span> :<\/span>\"<\/span>#333333<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u30c1\u30fc\u30ba<\/span>\"<\/span>,<\/span>         value<\/span>:<\/span> 1<\/span> ,<\/span> color<\/span> :<\/span>\"<\/span>#330000<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u30ab\u30c3\u30d7<\/span>\"<\/span>,<\/span>         value<\/span>:<\/span> 2<\/span> ,<\/span> color<\/span> :<\/span>\"<\/span>#330000<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u604b\u4eba<\/span>\"<\/span>,<\/span>           value<\/span>:<\/span> 2<\/span>  ,<\/span> color<\/span> :<\/span>\"<\/span>#000033<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u30c9\u30ea\u30f3\u30af<\/span>\"<\/span>,<\/span>       value<\/span>:<\/span> 2<\/span>  ,<\/span> color<\/span> :<\/span>\"<\/span>#000033<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u5973\u5b50<\/span>\"<\/span>,<\/span>           value<\/span>:<\/span> 3<\/span> ,<\/span> color<\/span> :<\/span>\"<\/span>#000000<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u5927\u4eba\u6c17<\/span>\"<\/span>,<\/span>         value<\/span>:<\/span> 2<\/span> ,<\/span> color<\/span> :<\/span>\"<\/span>#000000<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u611f\u52d5<\/span>\"<\/span>,<\/span>         value<\/span>:<\/span> 3<\/span> ,<\/span> color<\/span> :<\/span>\"<\/span>#440000<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u30c6\u30fc\u30d6\u30eb<\/span>\"<\/span>,<\/span>       value<\/span>:<\/span> 2<\/span> ,<\/span> color<\/span> :<\/span>\"<\/span>#440000<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u6620\u3048<\/span>\"<\/span>,<\/span>           value<\/span>:<\/span> 2<\/span> ,<\/span>color<\/span> :<\/span>\"<\/span>#330000<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u30b7\u30a7\u30a2<\/span>\"<\/span>,<\/span>         value<\/span>:<\/span> 2<\/span> ,<\/span>color<\/span> :<\/span>\"<\/span>#330000<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u98f2\u307f\u7269<\/span>\"<\/span>,<\/span>         value<\/span>:<\/span> 3<\/span> ,<\/span>color<\/span> :<\/span>\"<\/span>#220000<\/span>\"<\/span> },<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u8077\u4eba<\/span>\"<\/span>,<\/span>           value<\/span>:<\/span> 2<\/span> ,<\/span>color<\/span> :<\/span>\"<\/span>#220000<\/span>\"<\/span> },<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u30df\u30eb\u30af<\/span>\"<\/span>,<\/span>         value<\/span>:<\/span> 2<\/span> ,<\/span>color<\/span> :<\/span>\"<\/span>#663300<\/span>\"<\/span>},<\/span>\r\n      {<\/span> label<\/span>:<\/span> \"<\/span>\u81ea\u7136<\/span>\"<\/span>,<\/span>            value<\/span>:<\/span> 2<\/span>,<\/span>color<\/span> :<\/span>\"<\/span>#663300<\/span>\"<\/span> },<\/span>\r\n       ]<\/span>\r\n\r\n\r\n];<\/span>\r\n\r\napp<\/span>.<\/span>listen<\/span>(<\/span>port<\/span>,<\/span> ()<\/span> =><\/span> console<\/span>.<\/span>log<\/span>(<\/span>`Listening on port <\/span>${<\/span>port<\/span>}<\/span>...`<\/span>));<\/span>\r\napp<\/span>.<\/span>get<\/span>(<\/span>'<\/span>\/api\/tapiokaInfo<\/span>'<\/span>,<\/span> (<\/span>req<\/span>,<\/span> res<\/span>)<\/span> =><\/span> {<\/span>\r\n        res<\/span>.<\/span>send<\/span>(<\/span>ctSum<\/span>);<\/span>\r\n});<\/span>\r\n<\/code><\/pre>\n
REST\u4e00\u65b9\u9762\u91c7\u7528\u4e86Node.js\u548cExpress.js\u6765\u521b\u5efa\u4e86\u4e00\u4e2a\u4ec5\u62e5\u6709\u6700\u57fa\u672c\u529f\u80fd\u7684API\u3002
\n\u867d\u7136\u6211\u672c\u6765\u8fd8\u60f3\u521b\u5efa\u591a\u4e2a\u7aef\u70b9\u5e76\u4e0e\u53ea\u6709\u4e00\u4e2a\u7aef\u70b9\u7684GraphQL\u8fdb\u884c\u5bf9\u6bd4\uff0c\u4f46\u7531\u4e8e\u65f6\u95f4\u95ee\u9898\u653e\u5f03\u4e86\u3002
\n\u867d\u7136\u575a\u6301\u79f0\u4e4b\u4e3aREST API\u8ba9\u6211\u611f\u5230\u6709\u4e9b\u4e0d\u81ea\u5728\uff0c\u4f46\u6bd5\u7adf\u5b83\u6ee1\u8db3\u4e86REST\u7684\u56db\u4e2a\u8bbe\u8ba1\u539f\u5219\uff0c\u6240\u4ee5\u6211\u4e5f\u5c31\u653e\u5f03\u4e86\u3002<\/p>\n
\u63a5\u4e0b\u6765\u662fGraphQL\u90e8\u5206\u3002
\n\u8fd9\u90e8\u5206\u4e0d\u8fde\u63a5\u524d\u7aef\uff0c\u800c\u662f\u4f7f\u7528GraphiQL\u6765\u8fdb\u884c\u5b9e\u9645\u6570\u636e\u63d0\u53d6\u7684\u6f14\u793a\u3002
\n\u6e90\u4ee3\u7801\u5728\u8fd9\u91cc\u3002<\/p>\n
var<\/span> express<\/span> =<\/span> require<\/span>(<\/span>'<\/span>express<\/span>'<\/span>);<\/span>\r\nvar<\/span> express_graphql<\/span> =<\/span> require<\/span>(<\/span>'<\/span>express-graphql<\/span>'<\/span>);<\/span>\r\nvar<\/span> {<\/span> buildSchema<\/span> }<\/span> =<\/span> require<\/span>(<\/span>'<\/span>graphql<\/span>'<\/span>);<\/span>\r\n\/\/ GraphQL schema                                                               <\/span>\r\nvar<\/span> schema<\/span> =<\/span> buildSchema<\/span>(<\/span>`\r\n                         type Query {\r\n                             tapioka(name: String!):Tapioka\r\n                             tapiokas(name: String!):[Tapioka]\r\n                         },\r\n                         type Tapioka{\r\n                             name : String\r\n                             label :String\r\n                             value :Int\r\n                             color :String\r\n                         }\r\n                         `<\/span>\r\n);<\/span>\r\n\r\nvar<\/span> tapiokaData<\/span> =<\/span> [<\/span>\r\n                   {<\/span>\r\n                       name<\/span>:<\/span>\"<\/span>LT\u30bf\u30d4\u30aa\u30ab \u6e0b\u8c37\u5e97<\/span>\"<\/span>,<\/span>\r\n                       label<\/span>:<\/span> \"<\/span>\u8868\u53c2\u9053<\/span>\"<\/span>,<\/span>\r\n                       value<\/span>:<\/span> 3<\/span> ,<\/span>\r\n                       color<\/span> :<\/span>\"<\/span>#663333<\/span>\"<\/span>\r\n\r\n                   },<\/span>\r\n                   {<\/span>\r\n                       name<\/span>:<\/span>\"<\/span>LT\u30bf\u30d4\u30aa\u30ab \u6e0b\u8c37\u5e97<\/span>\"<\/span>,<\/span>\r\n                       label<\/span>:<\/span> \"<\/span>\u30af\u30ea\u30fc\u30e0<\/span>\"<\/span>,<\/span>\r\n                       value<\/span>:<\/span> 2<\/span>,<\/span>\r\n                       color<\/span> :<\/span>\"<\/span>#663333<\/span>\"<\/span>\r\n                   },<\/span>\r\n                   {<\/span>\r\n                       name<\/span>:<\/span>\"<\/span>LT\u30bf\u30d4\u30aa\u30ab \u8868\u53c2\u9053\u5e97<\/span>\"<\/span>,<\/span>\r\n                       label<\/span>:<\/span> \"<\/span>Tea<\/span>\"<\/span>,<\/span>\r\n                       value<\/span>:<\/span> 3<\/span>,<\/span>\r\n                       color<\/span> :<\/span>\"<\/span>#333300<\/span>\"<\/span>\r\n                   },<\/span>\r\n                   {<\/span>\r\n                       name<\/span>:<\/span>\"<\/span>LT\u30bf\u30d4\u30aa\u30ab \u8868\u53c2\u9053\u5e97<\/span>\"<\/span>,<\/span>\r\n                       label<\/span>:<\/span> \"<\/span>\u30a4\u30f3\u30b9\u30bf<\/span>\"<\/span>,<\/span>\r\n                       value<\/span>:<\/span> 2<\/span> ,<\/span>\r\n                       color<\/span> :<\/span>\"<\/span>#333300<\/span>\"<\/span>\r\n                   },<\/span>\r\n                   {<\/span>\r\n                       name<\/span>:<\/span>\"<\/span>LT\u30bf\u30d4\u30aa\u30ab \u8868\u53c2\u9053\u5e97<\/span>\"<\/span>,<\/span>\r\n                       label<\/span>:<\/span> \"<\/span>\u6301\u3061\u5e30\u308a<\/span>\"<\/span>,<\/span>\r\n                       value<\/span>:<\/span> 2<\/span> ,<\/span>\r\n                       color<\/span> :<\/span>\"<\/span>#333333<\/span>\"<\/span>\r\n                   },<\/span>\r\n                   {<\/span>\r\n                       name<\/span>:<\/span>\"<\/span>LT\u30bf\u30d4\u30aa\u30ab \u8868\u53c2\u9053\u5e97<\/span>\"<\/span>,<\/span>\r\n                       label<\/span>:<\/span> \"<\/span>\u30b9\u30a4\u30ab<\/span>\"<\/span>,<\/span>\r\n                       value<\/span>:<\/span> 2<\/span> ,<\/span>\r\n                       color<\/span> :<\/span>\"<\/span>#333333<\/span>\"<\/span>\r\n                   },<\/span>\r\n                   {<\/span>\r\n                       name<\/span>:<\/span>\"<\/span>LT\u30bf\u30d4\u30aa\u30ab \u8868\u53c2\u9053\u5e97<\/span>\"<\/span>,<\/span>\r\n                       label<\/span>:<\/span> \"<\/span>\u604b\u4eba<\/span>\"<\/span>,<\/span>\r\n                       value<\/span>:<\/span> 2<\/span>  ,<\/span>\r\n                       color<\/span> :<\/span>\"<\/span>#000033<\/span>\"<\/span>\r\n                   },<\/span>\r\n                   {<\/span>\r\n                       name<\/span>:<\/span>\"<\/span>LT\u30bf\u30d4\u30aa\u30ab \u8868\u53c2\u9053\u5e97<\/span>\"<\/span>,<\/span>\r\n                       label<\/span>:<\/span> \"<\/span>\u30c1\u30fc\u30ba<\/span>\"<\/span>,<\/span>\r\n                       value<\/span>:<\/span> 1<\/span> ,<\/span>\r\n                       color<\/span> :<\/span>\"<\/span>#330000<\/span>\"<\/span>\r\n                   },<\/span>\r\n                   {<\/span>\r\n                       name<\/span>:<\/span>\"<\/span>LT\u30bf\u30d4\u30aa\u30ab \u8868\u53c2\u9053\u5e97<\/span>\"<\/span>,<\/span>\r\n                       label<\/span>:<\/span> \"<\/span>\u30ab\u30c3\u30d7<\/span>\"<\/span>,<\/span>\r\n                       value<\/span>:<\/span> 2<\/span> ,<\/span>\r\n                       color<\/span> :<\/span>\"<\/span>#330000<\/span>\"<\/span>\r\n                   },<\/span>\r\n]<\/span>\r\nvar<\/span> getTapioka<\/span> =<\/span> function<\/span>(<\/span>args<\/span>)<\/span> {<\/span>\r\n    var<\/span> name<\/span> =<\/span> args<\/span>.<\/span>name<\/span>;<\/span>\r\n    return<\/span> tapiokaData<\/span>.<\/span>filter<\/span>(<\/span>tapioka<\/span> =><\/span> {<\/span>\r\n            return<\/span> tapioka<\/span>.<\/span>name<\/span> ==<\/span> name<\/span>;<\/span>\r\n        })[<\/span>0<\/span>];<\/span>\r\n}<\/span>\r\n\r\nvar<\/span> getTapiokas<\/span> =<\/span> function<\/span>(<\/span>args<\/span>)<\/span> {<\/span>\r\n    var<\/span> name<\/span> =<\/span> args<\/span>.<\/span>name<\/span>;<\/span>\r\n    return<\/span> tapiokaData<\/span>.<\/span>filter<\/span>(<\/span>tapioka<\/span> =><\/span> {<\/span>\r\n            return<\/span> tapioka<\/span>.<\/span>name<\/span> ==<\/span> name<\/span>;});<\/span>\r\n}<\/span>\r\n\r\n\/\/ Root resolver                                                                <\/span>\r\nvar<\/span> root<\/span> =<\/span> {<\/span>\r\n    tapioka<\/span>:<\/span>getTapioka<\/span>,<\/span>\r\n    tapiokas<\/span>:<\/span> getTapiokas<\/span>\r\n};<\/span>\r\n\r\n\r\n\/\/ Create an express server and a GraphQL endpoint                              <\/span>\r\nvar<\/span> app<\/span> =<\/span> express<\/span>();<\/span>\r\napp<\/span>.<\/span>use<\/span>(<\/span>'<\/span>\/graphql<\/span>'<\/span>,<\/span> express_graphql<\/span>({<\/span>\r\n            schema<\/span>:<\/span> schema<\/span>,<\/span>\r\n                rootValue<\/span>:<\/span> root<\/span>,<\/span>\r\n                graphiql<\/span>:<\/span> true<\/span>\r\n                }));<\/span>\r\napp<\/span>.<\/span>listen<\/span>(<\/span>4000<\/span>,<\/span> ()<\/span> =><\/span> console<\/span>.<\/span>log<\/span>(<\/span>'<\/span>Express GraphQL Server Now Running On local<\/span>\\<\/span>\r\nhost:4000\/graphql<\/span>'<\/span>));<\/span>\r\n\r\n<\/code><\/pre>\n
\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8<\/div>\n
\u5dee\u4e0d\u591a\u8fd9\u6837\u7684\u611f\u89c9<\/p>\n
\u5728\u6f14\u793a\u65f6\u7279\u522b\u6709\u7528\uff0c\u56e0\u4e3a\u53ef\u4ee5\u4e00\u773c\u770b\u51fa\u67e5\u8be2\u4e86\u4ec0\u4e48\uff0c\u5e76\u8fd4\u56de\u4e86\u4ec0\u4e48\u7ed3\u679c\u3002\u5bf9\u4e8e\u4e86\u89e3GraphQL\u7684\u4eba\u6765\u8bf4\uff0c\u4f3c\u4e4e\u53ea\u662f\u505a\u4e86\u7406\u6240\u5f53\u7136\u7684\u4e8b\u60c5\uff0c\u4f46\u5bf9\u521d\u5b66\u8005\u6765\u8bf4\u53ef\u80fd\u5f88\u597d\u3002<\/p>\n
\u4e0b\u4e00\u4e2a\u662f\u524d\u7aef\u3002
\n\u4f7f\u7528React\uff0cRedux\u548cNode\u8fdb\u884c\u642d\u5efa\uff0c\u5feb\u901f\u5b9e\u73b0\u3002
\n\u5173\u952e\u7684\u73cd\u73e0\u90e8\u5206\u6253\u7b97\u4f7f\u7528D3.js\u6765\u5236\u4f5c\uff0c\u4f46\u662f\u6839\u636e\u67e5\u5230\u7684\u65b9\u6cd5\u7531\u4e8e\u7248\u672c\u4e0d\u540c\u7b49\u539f\u56e0\u65e0\u6cd5\u6b63\u5e38\u8fd0\u884c\uff0c\u56e0\u6b64\u653e\u5f03\u4e86\u3002
\n\u6539\u7528React-bubble-chart-d3\u8fdb\u884c\u5b9e\u73b0\u3002<\/p>\n
\u6e90\u4ee3\u7801\u5728\u8fd9\u91cc<\/p>\n
import<\/span> React<\/span>,<\/span> {<\/span>Component<\/span>}<\/span> from<\/span> '<\/span>react<\/span>'<\/span>;<\/span>\r\nimport<\/span> styles<\/span> from<\/span> '<\/span>.\/css\/box.css<\/span>'<\/span>\r\nimport<\/span> {<\/span> connect<\/span> }<\/span> from<\/span> '<\/span>react-redux<\/span>'<\/span>;<\/span>\r\nimport<\/span> BubbleChart<\/span> from<\/span> '<\/span>@weknow\/react-bubble-chart-d3<\/span>'<\/span>;<\/span>\r\nconst<\/span> Content<\/span> =<\/span> ({<\/span>data<\/span>,<\/span>onIncrementClick<\/span>})<\/span> =><\/span>{<\/span>\r\n      return<\/span>(<\/span>\r\n        <<\/span>div<\/span> className<\/span>=<\/span>{<\/span>styles<\/span>.<\/span>box<\/span>}<\/span>><\/span>\r\n             <<\/span>p<\/span>><\/span>\u5e97\u540d : LT\u30bf\u30d4\u30aa\u30ab \u8868\u53c2\u9053\u5e97<\/<\/span>p<\/span>><\/span>\r\n\u3000\u3000\u3000\u3000<<\/span>BubbleChart<\/span>\r\n          graph<\/span>=<\/span> {<\/span>{<\/span>\r\n               zoom<\/span>:<\/span> 0.9<\/span>,<\/span>\r\n                offsetX<\/span>:<\/span> 0.12<\/span>,<\/span>\r\n             offsetY<\/span>:<\/span> 0.9<\/span>,<\/span>\r\n        }<\/span>}<\/span>\r\n          width<\/span>=<\/span>{<\/span>320<\/span>}<\/span>\r\n          height<\/span>=<\/span>{<\/span>850<\/span>}<\/span>\r\n          fontFamily<\/span>=<\/span>\"Arial\"<\/span>\r\n          showLegend<\/span>=<\/span>{<\/span>false<\/span>}<\/span>\r\n          data<\/span>=<\/span>{<\/span>data<\/span>}<\/span>\r\n  \/><\/span>\r\n        <\/<\/span>div<\/span>><\/span>\r\n      );<\/span>\r\n};<\/span>\r\nexport<\/span> default<\/span> connect<\/span>()(<\/span>Content<\/span>);<\/span>\r\n\r\n\r\n<\/code><\/pre>\n
\u7531\u65bc\u5beb\u51fa\u5168\u90e8\u7684\u5167\u5bb9\u6703\u8b8a\u6210\u76f8\u7576\u9577\u7684\u91cf\uff0c\u56e0\u6b64\u53ea\u767c\u4f48\u6709\u95dc\u73cd\u73e0\u5976\u8336\u88fd\u4f5c\u90e8\u5206\u7684\u5167\u5bb9\u3002
\n\u5be6\u969b\u7684\u5be6\u73fe\u756b\u9762\u5c31\u50cf\u9019\u6a23\u3002<\/p>\n
\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8<\/div>\n
\u5de6\u8fb9\u6709\u70b9\u504f\uff0c\u800c\u4e14\u6709\u4e9b\u4e0d\u8212\u670d…
\n\u603b\u4e4b\uff0c\u770b\u8d77\u6765\u4e0d\u50cf\u73cd\u73e0\u5976\u8336\uff0c\u4e5f\u4e0d\u662f\u5417\uff1f
\n\u65f6\u95f4\u4e0d\u591a\uff0c\u6240\u4ee5\u6211\u5c31\u8fd9\u6837\u5e26\u8d70\u4e86\u3002<\/p>\n
\u5b9e\u9645\u7684\u6f14\u8bb2<\/h2>\n
\u5f53\u5929\u867d\u7136\u610f\u5916\u5730\u6210\u4e3a\u7b2c\u4e00\u4e2a\u53d1\u8a00\u8005\uff0c\u5e76\u4e14\u56e0\u5de5\u4f5c\u5ef6\u8bef\u9669\u4e9b\u8fdf\u5230\uff0c\u53c2\u52a0\u8fc7\u7a0b\u76f8\u5f53\u5306\u5fd9\uff0c\u4f46\u7ec8\u7a76\u8fd8\u662f\u80fd\u591f\u5b8c\u6210\u6f14\u8bb2\u3002
\n\u7531\u4e8e\u5728\u6f14\u793a\u4e2d\u6ca1\u6709\u597d\u597d\u6574\u7406\u5185\u5bb9\uff0c\u4e0d\u5c0f\u5fc3\u8d85\u65f6\u4e865\u5206\u949f\uff0c\u8fd9\u662f\u4e2a\u53ef\u4ee5\u53cd\u601d\u7684\u5730\u65b9\uff0c\u4f46\u603b\u4f53\u6765\u8bf4\uff0c\u6211\u89c9\u5f97\u8fd8\u662f\u80fd\u591f\u6210\u529f\u514b\u670d\u7684\u3002\uff08\u81f3\u5c11\u5728\u6211\u81ea\u4ee5\u4e3a\u7684\u60c5\u51b5\u4e0b\uff09
\n\u5bf9\u4e8e\u6f14\u8bb2\u7ecf\u9a8c\u6765\u8bf4\uff0c\u6211\u8fd8\u662f\u76f8\u5f53\u6d45\u8584\u7684\uff0c\u8fd9\u6b21\u662f\u7b2c\u4e00\u6b21\u51c6\u5907\u6f14\u793a\u5e94\u7528\uff0c\u4f46\u5b9e\u9645\u5c1d\u8bd5\u4e0b\u6765\uff0c\u610f\u5916\u5730\u53d1\u73b0\u95ee\u9898\u603b\u80fd\u89e3\u51b3\uff0c\u8fd9\u8ba9\u6211\u89c9\u5f97\uff0c\u52c7\u6562\u5c1d\u8bd5\u53c2\u52a0\u624d\u662f\u6700\u91cd\u8981\u7684\u4e8b\u60c5\u3002<\/p>\n
\u6574\u7406<\/h1>\n
\u5728\u51c6\u5907LT\u6f14\u793a\u65f6\u8981\u6ce8\u610f\u7684\u91cd\u8981\u4e8b\u9879\uff01
\n– \u5236\u4f5c\u7ed9\u4eba\u6df1\u523b\u5370\u8c61\u7684\u89c6\u89c9\u5143\u7d20
\n– \u4e0d\u8981\u8fc7\u4e8e\u7ea0\u7ed3\u4e8e\u7ec6\u8282\u529f\u80fd\u7684\u5b9e\u65bd
\n– \u5373\u4f7f\u8d28\u91cf\u4f4e\u4e0b\uff0c\u4e5f\u8981\u5236\u4f5c\u51fa\u53ef\u5c55\u793a\u7684\u4ea7\u54c1
\n– \u4e0d\u8981\u5728\u4e94\u5206\u949f\u5185\u8fc7\u591a\u5730\u62e5\u6324\u529f\u80fd
\n– \u5982\u679c\u8ba4\u4e3a\u4e0d\u53ef\u80fd\uff0c\u679c\u65ad\u653e\u5f03\u3002<\/p>\n
\u867d\u7136\u6211\u653e\u5f03\u4e86\u4e00\u90e8\u5206\u529f\u80fd\uff0c\u4f46\u6211\u8ba4\u4e3a\u653e\u5f03\u662f\u76f8\u5f53\u91cd\u8981\u7684\u3002\u5728\u8fd9\u6b21\u7684\u6f14\u8bb2\u4e2d\uff0c\u7531\u4e8e\u65f6\u95f4\u4e0d\u5141\u8bb8\uff0c\u8d85\u8fc7\u4e00\u534a\u539f\u672c\u8ba1\u5212\u5b9e\u65bd\u7684\u529f\u80fd\u88ab\u653e\u5f03\u4e86\u3002\u5c3d\u7ba1\u5982\u6b64\uff0c\u6211\u8fd8\u662f\u60f3\u5c3d\u529e\u6cd5\u4f7f\u5b83\u53d8\u5f97\u5c3d\u53ef\u80fd\u5b8c\u6574\uff0c\u8fd9\u624d\u662f\u6700\u91cd\u8981\u7684\u3002<\/p>\n
\u6700\u540e<\/h1>\n
\u6211\u5e0c\u671b\u5728\u4ee5\u540e\u7684\u65e5\u5b50\u91cc\u80fd\u79ef\u7d2f\u66f4\u591a\u7684LT\u6f14\u8bb2\u548c\u767b\u53f0\u7ecf\u9a8c\uff0c\u6240\u4ee5\u5982\u679c\u6709\u673a\u4f1a\u7684\u8bdd\uff0c\u6b22\u8fce\u90a3\u4e9b\u5e0c\u671b\u6709\u8fd9\u6837\u673a\u4f1a\u7684\u4eba\u901a\u8fc7\u79c1\u4fe1\u6216\u56de\u590d\u7ed9@mattya_monaca\uff0c\u6211\u4f1a\u975e\u5e38\u4e50\u610f\u53c2\u52a0\uff01\u6211\u4e3b\u8981\u79ef\u7d2f\u4e86\u4e00\u4e9b\u5173\u4e8e\u673a\u5668\u5b66\u4e60\u548cWeb\u76f8\u5173\u7684\u7d20\u6750\uff0c\u6240\u4ee5\u8bf7\u591a\u591a\u5173\u7167\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u9605\u8bfb\u672c\u6587\u540e\u53ef\u4ee5\u83b7\u5f97\u7684\u5185\u5bb9 \u30fb\u5f53\u6211\u51b2\u52a8\u5730\u62a5\u540d\u53c2\u52a0LT\u4e4b\u540e\uff0c\u5982\u4f55\u5e94\u5bf9\u8fd9\u4e00\u51b3\u5b9a \u5982\u679c\u4f60\u4e0d\u60f3\u8bfb\u5197\u957f\u7684\u53e5\u5b50\uff0c\u90a3\u4e48\u53ea\u9700\u8981\u9605 […]<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-48327","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\n\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9LT\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3010GraphQL\u3011 - 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\/\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9lt\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9LT\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3010GraphQL\u3011\" \/>\n<meta property=\"og:description\" content=\"\u9605\u8bfb\u672c\u6587\u540e\u53ef\u4ee5\u83b7\u5f97\u7684\u5185\u5bb9 \u30fb\u5f53\u6211\u51b2\u52a8\u5730\u62a5\u540d\u53c2\u52a0LT\u4e4b\u540e\uff0c\u5982\u4f55\u5e94\u5bf9\u8fd9\u4e00\u51b3\u5b9a \u5982\u679c\u4f60\u4e0d\u60f3\u8bfb\u5197\u957f\u7684\u53e5\u5b50\uff0c\u90a3\u4e48\u53ea\u9700\u8981\u9605 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9lt\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-03T18:53:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-29T05:35:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d842a913a08637a6b5474\/26-0.png\" \/>\n<meta name=\"author\" content=\"\u5b87, \u534e\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u5b87, \u534e\" \/>\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\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/\",\"name\":\"\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9LT\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3010GraphQL\u3011 - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2022-12-03T18:53:37+00:00\",\"dateModified\":\"2024-04-29T05:35:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/513018e4e121d3add1b7c5de8be21458\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9LT\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3010GraphQL\u3011\"}]},{\"@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\/513018e4e121d3add1b7c5de8be21458\",\"name\":\"\u5b87, \u534e\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/63cd45cbc05a35fc4ff7637a163c83c4962ef58d27472726c3a3e0c9c5194f0f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/63cd45cbc05a35fc4ff7637a163c83c4962ef58d27472726c3a3e0c9c5194f0f?s=96&d=mm&r=g\",\"caption\":\"\u5b87, \u534e\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/yuhua\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9LT\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3010GraphQL\u3011 - 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\/\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9lt\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\/","og_locale":"zh_CN","og_type":"article","og_title":"\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9LT\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3010GraphQL\u3011","og_description":"\u9605\u8bfb\u672c\u6587\u540e\u53ef\u4ee5\u83b7\u5f97\u7684\u5185\u5bb9 \u30fb\u5f53\u6211\u51b2\u52a8\u5730\u62a5\u540d\u53c2\u52a0LT\u4e4b\u540e\uff0c\u5982\u4f55\u5e94\u5bf9\u8fd9\u4e00\u51b3\u5b9a \u5982\u679c\u4f60\u4e0d\u60f3\u8bfb\u5197\u957f\u7684\u53e5\u5b50\uff0c\u90a3\u4e48\u53ea\u9700\u8981\u9605 […]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9lt\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2022-12-03T18:53:37+00:00","article_modified_time":"2024-04-29T05:35:45+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d842a913a08637a6b5474\/26-0.png"}],"author":"\u5b87, \u534e","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u5b87, \u534e","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/","name":"\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9LT\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3010GraphQL\u3011 - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2022-12-03T18:53:37+00:00","dateModified":"2024-04-29T05:35:45+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/513018e4e121d3add1b7c5de8be21458"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u4ece\u524d\u5929\u5f00\u59cb\uff01\u5236\u4f5c\u5e94\u5bf9LT\u6f14\u8bb2\u7684\u6f14\u793a\u5e94\u7528\u7a0b\u5e8f\u7684\u65b9\u6cd5\u3010GraphQL\u3011"}]},{"@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\/513018e4e121d3add1b7c5de8be21458","name":"\u5b87, \u534e","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/63cd45cbc05a35fc4ff7637a163c83c4962ef58d27472726c3a3e0c9c5194f0f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/63cd45cbc05a35fc4ff7637a163c83c4962ef58d27472726c3a3e0c9c5194f0f?s=96&d=mm&r=g","caption":"\u5b87, \u534e"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/yuhua\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bb%8e%e5%89%8d%e5%a4%a9%e5%bc%80%e5%a7%8b%ef%bc%81%e5%88%b6%e4%bd%9c%e5%ba%94%e5%af%b9lt%e6%bc%94%e8%ae%b2%e7%9a%84%e6%bc%94%e7%a4%ba%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f%e7%9a%84%e6%96%b9%e6%b3%95\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/48327","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=48327"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/48327\/revisions"}],"predecessor-version":[{"id":85585,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/48327\/revisions\/85585"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=48327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=48327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=48327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}