既存のアプリをAngularを用いて作り直したい

Question

前提・実現したいこと

JavaScript + Node.JS + Express + MySQLで作成した簡単なアプリがあるのですが、Angularを覚えるために置き換えて作り直してみようと考えております。

下記のように元々作成したディレクトリに"test-app"という名前で、ng newコマンドを実行させ追加後のようになっています。

これまでブラウザに表示するフォームなどをindex.ejsに記述していたものを、ng generate componentコマンドで追加したコンポーネントに記述することで見た目はAngularを用いて表現することはできました。

ただ、app.jsに記述していたMySQLとの通信部分をAngularでは、どのような形で用いるのかが調べてもわからず詰まっております。
なにか、jsonを返すためのAPIを導入したりなど方法があるのでしょうか。

学習を始めて日が浅いために的を得ない質問になっていたら申し訳ございませんが、どなたかご教授くださいますと幸いです。

追加前

css
|-style.css
view
|-index.ejs
app.js
|
node_modules
|
package.json
|
package-lock.json

追加後

test-app
|-e2e
|-src
|-node_modules
css
|-style.css
view
|-index.ejs
app.js
|
node_modules
|
package.json
|
package-lock.json

試したこと

Angular自体は公式のチュートリアルやWeb上の情報を参考にして学習し始めた段階で、Node.jsやExpress + Angularに関するフォーラムを見たりしたのですが具体的な方法がわからず質問させて頂きました。

補足情報（FW/ツールのバージョンなど）

angular cli v9.1.8
rxjs 6.5.5
typescript 3.8.3
webpack 4.42.0
MySQL v5.7.30
Node v12.16.3

Answer 1

Angular (というかブラウザ上の JavaScript) から直接データベースにはアクセスできないので、API サーバーを立てて通信する必要があります。この際、

• Angular から Web API にアクセスする方法
• API サーバーを作る方法

は独立してます。特に、API サーバーは Angular とは無関係に作ることができますし、何の言語で書いても構いません。すでに Express で書いたサーバーがあるようなので、それに JSON をやりとりする処理を追加すればいいと思います。

Answer 2

回答ありがとうございます。

教えて頂いた通りに、expressで書いたサーバをjsonでやりとりするように変更し、Angular側からアクセスするようトライしてみたいと思います。
ありがとうございます！