[[JHIPSTER一覧]]

#contents

* 概要 [#r7d0094d]

***github [#x89d6f68]
https://github.com/glutengo/generator-jhipster-gql

*このページについて [#aa142ad4]

このページは、上記GithubのREADMEをgoogle翻訳して、手直ししたものになります。

* README [#z78a28c4]

** 序章 [#ubeccf4b]
これはJHipsterモジュールであり、JHipsterアプリケーションで使用することを目的としています。

モジュールは

 Node.js Blueprint

https://github.com/jhipster/generator-jhipster-nodejs

で構築されており、既存のJHipsterで生成したWebアプリケーションにGraphQLのサポートを追加します。

このジェネレーターを実行すると、サーバーアプリケーション用に

 @nestjs/graphql

https://github.com/nestjs/graphql

を使う仕組みがインストールされます。

ユーザーエンティティとアプリケーションに存在する他のすべてのエンティティ用にリゾルバーがインストールされます。

クライアントアプリケーションの場合、

 @apollo/client

https://github.com/apollographql/apollo-client


がインストールされます。エンティティに関連するすべてのREST呼び出しが対応するGraphQLリクエストに置き換えられます。

Angular、React、Vueがサポートされています。

* 前提条件 [#p9ffd698]
これはJHipsterモジュールであるため、JHipsterがすでにインストールされている必要があります。

また、アプリケーションを最初にNode.jsブループリントでビルドすることを強くお勧めします。

- JHipsterのインストール

https://www.jhipster.tech/installation/

- Node.jsブループリント

https://github.com/jhipster/generator-jhipster-nodejs

*** NPMを使ったインストール [#g37ed57e]
 npm install -g generator-jhipster-nodejs

アップデートの場合
 npm update -g generator-jhipster-nodejs

*** YARNを使ったインストールの場合 [#ef8cd8ab]
 yarn global add generator-jhipster-nodejs

アップデートの場合
 yarn global upgrade generator-jhipster-nodejs

* インストール [#j590980c]

** NPMを使用 [#p2033603]
このモジュールをインストールするには:

 npm install -g generator-jhipster-gql
このモジュールを更新するには:

 npm update -g generator-jhipster-gql
* 使用法 [#i573c4cc]
** モジュールを実行します [#a0d81ab7]
 yo jhipster-gql

* オプション [#n8e53a47]
** GraphQLスキーマの場所 [#y7f5102c]
このオプションは、クライアントアプリケーションでGraphQLタイピング情報を構築するために使用されるスキーマを制御します。

** GraphQLエンドポイント [#b6ce0f77]
このオプションは、クライアントアプリケーションから呼び出されるGraphQLエンドポイントを制御します

** GraphQLタイプの定義 [#ld40fb60]
このオプションは、GraphQLタイプと選択セットが定義される場所を制御します。

デフォルトのセットアップ(GraphQL)では、

 GraphQL Code Generator Typescript Operations.

https://www.graphql-code-generator.com/docs/plugins/typescript-operations

に助けを借りて、ドキュメント化してます。

あるいは、

 TypeScript

オプションの指定で、

 graphql-typeop 

https://github.com/glutengo/graphql-typeop

の助けを借りて、TypeScriptのクラス定義を格納することができます。

* クライアントアプリケーションの特定のエンティティに対してGraphQLを有効にする [#ldc14872]
 yo jhipster-gql:entity-client-enable <ENTITY_NAME>

* クライアントアプリケーションの特定のエンティティに対してGraphQLを無効にする [#nddeac97]
 yo jhipster-gql:entity-client-disable <ENTITY_NAME>
トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS