株式会社インデペンデンスシステムズ横浜システム開発エンジニアの西田五郎が運営しております。その他新規開発案件のご依頼をお待ちしております。APIでデータ蓄積の4回目です。ApiControllerクラスについて書きました。今回はViewと連携させてみます。ApiControllerのGet()を作成しました。http://localhost:49318/SensorDevicesこれで以下のようなJSON形式のレスポンスが返ります。これはSesorDeviceというモデルがあってそのプロパティ一覧をJSON形式で返しているという処理です。]今回はこれをJQueryから呼び出してみます。あと、温度データの蓄積処理をイメージしたPost処理を作成します。この時のJQueryで作成するページをここではViewと位置付けておきます。前回のプロジェクトにファイルを追加していきます。今回のプロジェクト一式は以下です。(※単なるサンプルプログラムです。ご利用による不具合、不利益等について弊社は一切責任を負わないものとします。事前作業としてJQueryを追加します。[ソリューションのNuGetパッケージの管理]の順にクリックします。JQueryを検索してインストールします。次に、htmlファイルを追加します。ここでは分かりやすいindex.htmlを追加します。この追加したindex.htmlを以下のように編集しました。</script></body></html>以下のような表示になります。ボタンで以下のように表示します。非同期処理でレスポンスの形式をはじめから分かっているという前提で部分的に表示しています。要点としては何といってもJSON形式なので、.(ドット)でそのまま参照出来るという点です。JSON形式の場合はJavaScript系で扱いやすいということです。前回ではパラメータ付きのGet()も試しましたが、ここでは前回やっていないPost()の方を試します。このシリーズの大きなテーマとして「データ蓄積」を想定しました。このデータ蓄積をPostで実行することイメージして書きます。Postのコントローラをまだ作成していないので作成します。以下のようにTemperatureController.csというファイル名で作成しました。}}これを呼び出すためのViewとして、PostTemp.htmlというファイル名で以下の内容を作成しました。</script></body></html>以下のような表示になります。ここでは温度センサは全く使っていませんが、温度センサからのデータをPostするイメージです。APIのコントローラで(実際には保存しませんが)保存するというイメージです。適当にデータを入力してボタンをクリックすると以下のように表示されます。入力されたデータを確認するために入力データをコントローラから返しています。要点としては、やはりPostするデータを作成している部分です。書いてデータが設定出来ています。比較的簡単にデータが生成出来るということです。ApiControllerクラスとViewの動作確認します。次回以降またより実際の処理に近いことをやっていきたいと思います。APIでのMVCを一通り確認しました。APIのテンプレートを使って、温度データをイメージしたデータ蓄積処理を作成します。今回までテンプレートを使わなかったのはいきなりテンプレートを使うと何をどうしていいか分かりずらい場合があると思ったからです。その前段階としてMVCのそれぞれを確認しました。次回から今回までの内容を使って作成します。今回のシリーズの一覧です。Azureのサイト上で、ローカル環境で開発したASP.NETのサイトを公開するまでの手順についてです。(※簡単にサイト公開までということで、データベースは利用しません。APIでデータ蓄積の3回目です。前回は蓄積するデータとして温度データをイメージしてそのモデルをコードファーストで書いてみました。今回は、MVCのCでコントローラの部分です。AzureでASP.NETサイトを公開してみるの3回目です。APIでデータ蓄積の2回目です。APIについて概要的なことを書きました。Identityフレームワーク)の3回目です。株式会社インデペンデンスシステムズ横浜システム開発エンジニアの西田五郎が運営しております。その他新規開発案件のご依頼をお待ちしております。