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

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

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

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Spring

Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Q&A

解決済

1回答

309閲覧

【Spring】一時的に他デバイスから作成したページを閲覧できるようにしたいです

rinimaruranran

総合スコア36

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Spring

Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

0グッド

0クリップ

投稿2018/12/17 12:58

編集2018/12/17 13:09

前提・実現したいこと

SpringとAngularJSで作成したSPAを、一時的に他のデバイスでも閲覧できるようにしたいです。

現在、
①HTMLでIDを入力
②componentからserviceに入力されたIDを受け渡す
③serviceでSpringで指定しているURLにアクセス
④Springでデータベースを指定し、SQLを流して任意の形式で抽出
⑤抽出したデータをserviceに返し、componentに送ってHTMLで表示
といった流れで作成しています。

これまでローカルで動かしていたため、SpringのControllerでは「@RequestMapping(value = "/sampleData/data", method = RequestMethod.POST)」と言うように記述していました。

しかし、一時的ではあるのですが、今回作成しているSPAを他のデバイスでも共有する必要が出てきました。
使用しているデータベースが割と重要な内容を含んでいるため、今回は「http://ポート番号:4200/」というURLを共有したいと考えています。

そこで、Springでこれまで記述していたlocal依存のコードをボート番号に紐づく形に書き換えたいです。
ですが、Controllerにはlocalhostという指定はしておらず、localhost:8080以下のURLのみ記述しています。

この場合、どこにポート番号を指定することで、他デバイスからも閲覧できるようになるでしょうか。
localhost:8080で検索をかけたり、AutoWiredの指定を変えたりしてみたのですが、解決には至りませんでした。
「@RequestMapping(value = "http://ポート番号/sampleData/data", method = RequestMethod.POST)」としても、「The requested URL /sampleData/data was not found on this server.」と出てしまいます。

現在、「http://ポート番号:4200/」で、ページ自体は閲覧できる状態になっているので、SpringでRequestMappingのURL指定さえうまくいけばクリアできるのではないか思っています。
どうかアドバイスの程、よろしくお願いいたします。

Controller(Spring)

Java

1@RequestMapping(value = "/sampleData/data", method = RequestMethod.POST) 2 @CrossOrigin 3 public Optional<Hoge> data(Integer Id) { 4 Optional<Hoge> re = HogeDao.selectById(Id); 5 return re; 6 }

Service(Angular)

TypeScript

1@Injectable() 2export class DataService { 3 4 private dataUrl = 'http://ポート番号:4200/sampleData/data';

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

Mac OS
Spring
Java
AngularJS

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

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

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

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

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

guest

回答1

0

自己解決

AngularのServiceにおいて、

private dataUrl = 'http://ポート番号:4200/sampleData/data';
としていたところを
private dataUrl = 'http://ポート番号:8080/sampleData/data';
とし、

SpringのApplication.propertiesにおいて新たに、

server.address=ポート番号

を追加することで解決しました。

投稿2018/12/18 01:50

編集2018/12/18 01:56
rinimaruranran

総合スコア36

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問