投稿

6月, 2019の投稿を表示しています

Angular + Go Ginで簡単なWebアプリ作成

イメージ
はじめに Angularと Go /Ginで簡単なWebアプリケーションを作成した記事です。 サーバから取得したメッセージを画面表示するWebアプリケーションを作成します。 技術要素 Angular CLI:8.0.3 Go:1.12.1 前提条件 Goがインストールされていること。 環境変数にGOPATH・GOROOTが設定されていること。 ソースコード 作成したソースコードは下記Githubリポジトリに公開しています。 https://github.com/hikarusi/my-webapp-client https://github.com/hikarusi/my-webapp-server Angularでクライアント作成 初期スターターアプリの作成 コマンドプロンプトを起動します。 下記のコマンドを実行し、Angular CLIをインストールします。 npm install -g @angular/cli 下記のコマンドを実行し、任意のディレクトリで、ワークスペースと初期スターターアプリを作成します。 ng new my-webapp-client Would you like to add Aunglar routing?と聞かれたら、"N"と入力します。(今回は不要のため。) Which stylesheet format would you like to useと聞かれたら、"CSS"を選択して、Enterを押します。 下記のコマンドを実行し、ワークスペースと初期スターターアプリを作成できたことを確認します。 cd my-webapp-client ng serve --open 下記の画面がブラウザに表示されます。 サーバのAPI呼び出し処理の実装 src/app配下のapp.module.tsを下記の通りに編集します。 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { HttpClientMod