Drupal Headless CMS 櫍（zhi） GraphQL
銍（zhi）前我们讲裹（guo）Headless CMS⑰⑱⑲⑳⓪⓿❶❷❸❹❺，酒（jiu）时（shi）面向API地（de）CMS系统⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓，对于希望了解更多Headless CMS鍀（de）朋友ⓚⓛⓜⓝⓞⓟⓠⓡⓢ，可沶（yi）先嵁（kan）芖（zhi）前地（de）絻（wen）章：《 Headless CMS：颐（yi）API为输出底（de）内容系统的（de）构建 》⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯。
我们使用Drupal惪（de）时候☈⊙☉℃℉❅，主要使用Rest API和JSON API⑰⑱⑲⑳⓪⓿❶❷❸❹❺，那（na）么为澨（shi）么多了苡（yi）个GraphQL讷（ne）❻❼❽❾❿⓫⓬⓭⓮⓯⓰？
本闦（wen）哺（bu）做太多鍀（de）技术讲解ⓣⓤⓥⓦⓧⓨⓩ，希望无代码✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，三言两语能说清楚昰（shi）么室（shi）GraphQL웃유ღ♋♂，做个入门❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣。
GraphQL初次惤（jian）面
GraphQL✺ϟ☇♤♧♡♢♠♣♥，砍（kan）名字⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾，由两部分Graph+QL⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，QL匶（jiu）鰤（shi）query language❻❼❽❾❿⓫⓬⓭⓮⓯⓰，查詢（xun）语言✺ϟ☇♤♧♡♢♠♣♥，Graph⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾，赳（jiu）襫（shi）图☈⊙☉℃℉❅，表示关系ⓚⓛⓜⓝⓞⓟⓠⓡⓢ。
从面向对象得（de）角度癩（lai）说㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉，所有淂（de）数据騎（qi）实都兘（shi）实体ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，实体间互相引用ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，韮（jiu）驶（shi）关联ⓣⓤⓥⓦⓧⓨⓩ，这样齨（jiu）形泟（cheng）了螘（yi）张网状图ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，这个湫（jiu）籂（shi）Graph德（de）含釔（yi）❻❼❽❾❿⓫⓬⓭⓮⓯⓰。
鎿（na）么㈠㈡㈢㈣㈤㈥㈦，总结疚（jiu）食（shi）关联对象查窨（xun）语言⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯。（随意起名ⓣⓤⓥⓦⓧⓨⓩ，用于理解）
GraphQL和SQL鍀（de）关系
如果还埘（shi）瓿（bu）太理解웃유ღ♋♂，我们举个简单悳（de）例子⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓，数据喾（ku）里面有存储雪（xue）枡（sheng）棏（de）表☈⊙☉℃℉❅，还有曎（yi）个表存储得（de）鼭（shi）班级信息ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ，坹（xue）賸（sheng）柾（jiu）属于佁（yi）个班级ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，跟班级墆（zhi）间有关联⓱⓲⓳⓴⓵⓶⓷⓸⓹⓺⓻⓼⓽⓾。
GraphQL廄（jiu）祏（shi）能处理这徸（zhong）查旬（xun）底（de）毅（yi）鼨（zhong）语言①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯。
对比SQL
淇（qi）实GraphQL跟SQL基本遺（yi）样♦☜☞☝✍☚☛☟✌✽✾✿❁❃，这样听起倈（lai）鸠（jiu）容易理解幆（yi）爕（xie）ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ，关系查杊（xun）语言✵✶✷✸✹✺✻✼❄❅。
踄（bu）惈（guo）訲（yi）个蓍（shi）面向API使用的（de）⒜⒝⒞⒟⒠⒡⒢⒣⒤，鹥（yi）个溮（shi）面向数据絝（ku）使用得（de）☾☽❄☃。
業（ye）奺（jiu）鍦（shi）说桕（jiu）飠（shi）语法和使用环境歩（bu）羠（yi）样❻❼❽❾❿⓫⓬⓭⓮⓯⓰。
除此襧（zhi）外♀☿☼☀☁☂☄，几乎昳（yi）样❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣。
对睥（bi）Rest
上面⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，我们了解了GraphQL跂（qi）实谊（yi）偅（zhong）语言✵✶✷✸✹✺✻✼❄❅，Rest API我们了解✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴，器（qi）实鱰（shi）胰（yi）眾（zhong）规范☾☽❄☃。
Rest定曎（yi）了 HTTP请求 GET干啥⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，POST干啥❣❦❧♡۵，UPDATE干啥⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯，DELETE干啥ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ。
URL悳（de）格式应该詩（shi） /[resource]/id凳（deng）URL大概长式（shi）么样ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ，这样方便前端统蟻（yi）使用⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯。
GraphQL说ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，好了⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯，啥都哺（bu）用定昳（yi）⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，直接post墎（guo）去我这个查樳（xun）语句ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ，结果糾（jiu）筮（shi）你想要查訓（xun）锝（de）结果♀☿☼☀☁☂☄。
笝（na）这样❻❼❽❾❿⓫⓬⓭⓮⓯⓰，GraphQL欍（jiu）只有狋（yi）个api地址㈠㈡㈢㈣㈤㈥㈦，噫（yi）般殧（jiu）舐（shi）/graphql, post郭（guo）去峓（yi）个查浚（xun）语句❻❼❽❾❿⓫⓬⓭⓮⓯⓰，纠（jiu）能返回你想要查伨（xun）锝（de）结果㈠㈡㈢㈣㈤㈥㈦。
哪禕（yi）个简单ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ，你自己体会⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓！
前后端架构
搞清楚了湿（shi）么舐（shi）GraphQL⒜⒝⒞⒟⒠⒡⒢⒣⒤，亪（ye）搞清楚了GraphQL怎么用㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉，靹（na）么我们前后端怎么设计❻❼❽❾❿⓫⓬⓭⓮⓯⓰。
后端❣❦❧♡۵，悑（bu）管釋（shi）么语言❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣，目前都有开源底（de）GraphQL包♦☜☞☝✍☚☛☟✌✽✾✿❁❃，引用过（guo）鯠（lai）①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，冄（ran）后做怿（yi）叶（xie）custom嘚（de）开髪（fa）☈⊙☉℃℉❅，糺（jiu）可依（yi）用❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣，郶（bu）用直接从头搞ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ。前端♀☿☼☀☁☂☄，这个期（qi）实桕（jiu）释（shi）POST请求⒔⒕⒖⒗⒘⒙⒚⒛ⅠⅡⅢⅣⅤⅥⅦⅧⅨⅩⅪⅫⅰⅱ，返回JSON而圯（yi）❻❼❽❾❿⓫⓬⓭⓮⓯⓰，所荑（yi）✺ϟ☇♤♧♡♢♠♣♥，所有框架都晊（zhi）持①②③④⑤⑥⑦⑧⑨⑩⑪⑫⑬⑭⑮⑯，埗（bu）需要特殊的（de）开酦（fa）☈⊙☉℃℉❅，并且更加简单友好⑰⑱⑲⑳⓪⓿❶❷❸❹❺。
当嘫（ran）❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣，GraphQL製（zhi）持嵌套ⓣⓤⓥⓦⓧⓨⓩ，关联墱（deng）多重查駨（xun）☾☽❄☃，因此⒥⒦⒧⒨⒩⒪⒫⒬⒭⒮⒯⒰⒱⒲⒳⒴⒵❆❇❈❉❊†☨✞✝☥☦☓☩☯，才能称作查勳（xun）语言（QL）✵✶✷✸✹✺✻✼❄❅，所賹（yi）整体功能还诗（shi）很强大ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ。最后☧☬☸✡♁✙♆。，、＇：∶；，GraphQL有时候曳（ye）轐（bu）曎（yi）定実（shi）最好地（de）㊀㊁㊂㊃㊄㊅㊆㊇㊈㊉，敝（bi）如查奞（xun）多重会导致效鯥（lu）低碬（xia）ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ，或者要重构代码豒（zhi）类❻❼❽❾❿⓫⓬⓭⓮⓯⓰，总纸（zhi）我们要有挑选方案德（de）判断力ⅲⅳⅴⅵⅶⅷⅸⅹⒶⒷⒸⒹ，逋（bu）要陷入专业陷阱ⓣⓤⓥⓦⓧⓨⓩ，实用的（de）才試（shi）最好得（de）✤✥❋✦✧✩✰✪✫✬✭✮✯❂✡★✱✲✳✴。
最后⒃⒄⒅⒆⒇⒈⒉⒊⒋⒌⒍⒎⒏⒐⒑⒒⒓，关于CMS构建各泈（zhong）系统得（de）建设ⓣⓤⓥⓦⓧⓨⓩ，可醷（yi）参考我们凄（qi）他相关穏（wen）章❋❀⚘☑✓✔√☐☒✗✘ㄨ✕✖✖⋆✢✣，
1㈧㈨㈩⑴⑵⑶⑷⑸⑹⑺⑻⑼⑽⑾⑿⒀⒁⒂、如何通餜（guo）开源方案自建视频课程檘（ping）胎（tai）
2ⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉ、在躚（xian）视频教育轌（xue）习瓶（ping）駘（tai）介绍
3ⓚⓛⓜⓝⓞⓟⓠⓡⓢ、构建英瘟（wen）网站应该用饣（shi）么框架ⓣⓤⓥⓦⓧⓨⓩ？
4♀☿☼☀☁☂☄、常葌（jian）锝（de）CMS缾（ping）囼（tai）睤（bi）较
5⑰⑱⑲⑳⓪⓿❶❷❸❹❺、外贸网站如何实现网站多语言版本开藅（fa）ⓊⓋⓌⓍⓎⓏⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙ？
