2017-12-22 16 views
0

私は、生産のためにアプリを作成する可能性があると考えています。リアクションの明確化

私はNode Expressアプリケーションを作成するのに慣れています.HTTPを必要とする場合はExpressを、httpsを必要とする場合はhttps.createserver()にCAのPemファイルとパスフレーズへのパスを提供します。

ReactにCA証明書ファイルを使用するこのオプションはありませんか?それとも、それは単なるUIなので、それは必要ありませんか?

私はExpress APIを使用していますが、私は問題なくPostmanを使用して情報を取得できるhttpsを使用して作成しました。私のReact AppからAPIへのアクセスを希望します。私のapiからの情報を取得するために必要な唯一のものは、https://api.to.call.comを指している私の反応package.jsonファイルのプロキシラインですか?投稿したり、httpからhttpsサーバにアクセスするのは練習が悪いと思った。

さらに、私はCreate-React-Appをプロダクションで使用しないでください。そして、私は何を生産のために使うのですか? Create-React-Production-Appはありますか?それともエクスプレスサーバに追加する必要がある何か他にありますか?私はセットアップ全体について非常に混乱しています。

答えて

1

リアクトはフロントエンドライブラリです。そのため、SSL証明書とはまったく関係がありません。結局のところ、クライアントインターフェイス(つまりブラウザ)内で実行されるjavascriptコードに過ぎないからです。

リアクションは、バックエンドになると不可知論です。ノード/エクスプレス、Rails、Python、PHP、フロントエンドは本当に気にしません。要求に応じて(通常JSON形式の)データを提供するAPIが表示されます。

のAPIとフロントエンドファイルを提供する必要はありませんが、それは優先事項です。フロントエンドからAPIにアクセスするには、いくつかのnpmパッケージの1つを使用できます。Axiosは素晴らしいパッケージですが、他にも(Fetch、...);あなたがしなければならないのは、APIが必要とするコンポーネントでPostmanで使用したのと同じURLを使用してAPI呼び出しを行うことだけです。

Create-React-Appに関しては、素晴らしいヘルパーツールですが、盲目的に依存するのではなく、Reactエコシステムについて少し学ぶことをおすすめします。最も難しい部分はおそらくWebpackの設定ですが、いったんそれを覚えれば、すべてがもっと簡単になります。 poiのような新しいツールもあります。これはあなたのために大変な作業をすることができます。 Webpackを使用すると、dev構成(ホット・リロード・デベロッパなど)とプロダクション構成(プロダクション・ビルドJS、HTML、CSSを出力し、チャンクなどで最適化できる)を持つことができます。

私はCreate-React-Appに慣れていませんが(自分の定型プロジェクトを使用することをお勧めします)、間違っていない場合は、プロジェクトの完全カスタマイズにアクセスする可能性があります。see here 。しかし、片方向操作であることに注意してください。