質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Q&A

解決済

1回答

876閲覧

AngularのViewの扱いについて

ntakei

総合スコア8

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

0グッド

0クリップ

投稿2017/12/16 04:00

みなさま

Angularのコンテンツの扱いについて、お聞きしたいことがあります。

AngularはクライアントサイドでViewを行うものと認識しております。今まではViewはサーバーサイドでおこなってきたので、Viewそのものもサーバーサイド側の認証で保護されておりました。(保護されるようにしておりました)

しかしAngularでは、View(というかテンプレート)そのものを全てクライアント側に持ってきてしまうので、View自体に認証はかけられないという認識ですが、そういうものでしょうか?

Angularは、Restでサーバーサイドに問い合わせていって、そのデータをJSONか何かで取得して、クライアントサイドのViewにはめていって、画面を生成するというものと思っております。この場合、Rest API自体は認証で保護することはできますが、View自体は誰でも見えますよね。View(テンプレート)自体には認証のないユーザーに見られることを前提として、大事な情報を埋め込まないという設計が必要と考えてよろしいでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

いくらかAngularのシングルページアプリを作ったことがある者です。

認識されている内容であっています。
ログイン時、サーバで発行したアクセストークンをクライアントに渡し(localstorageなどで保持)、
認証が必要なAPIアクセスの際に、そのアクセストークンをパラメータとして持たせてアクセスするような流れです。

どういう構成にする予定なのかわかりませんが、
Viewのルーティングの際、認証状況のチェックはできるので、認証の有無に伴う画面制御は自然にできると思います。
シングルページアプリはHTML全体がWebに対して裸のようなものなので、
「Viewが認証の無いユーザにも見られることを前提にする」ももちろん合っているのですが、
単純に「Viewに大事な情報をベタ書きせず、基本、APIで受け取ったものを表示する」を意識すれば良いかと。

投稿2017/12/16 06:13

naosk8

総合スコア86

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ntakei

2017/12/16 06:40

大変わかりやすいご回答ありがとうございました。疑問が払拭されました。
naosk8

2017/12/16 06:52

よかったです。アプリ作成応援してます。
ntakei

2017/12/21 04:33

先日はアドバイスありがとうございました。おかげさまでプロトタイプ的なものを作ることができました。僭越ではありますが、弊社技術ブログにて、そのアウトプットを公開しております(多分ツッコミどころ満載と思います^^;)。 http://azure.sios.jp/archives/7553
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問