More than 5 years have passed since last update.

windowsでsmarket_draftを動かすための環境整備

Last updated at 2018-09-05Posted at 2018-09-04

目標

windowsでGO言語、node.jsの環境構築をして、smarket_draftを動かすこと。

必要な環境

golang
node.js
npm

筆者のPC環境

windows 10 intel core i7 (64bit)

1.Go言語のための環境構築

下記の３つの手順に従って環境構築をします。
なお、はじめてのGo言語(on windows)を参考しました。

手順①Go言語のコンパイラをインストールする。

windowsのコマンドプロンプトでGo言語を使用するために、ダウンロードページでwindows版のコンパイラをダウンロードします。

現在(2018/09/01)の最新versionは「go1.11.windows-amd64.msi」。

うまくインストールされれば、C:直下に「GO」フォルダが作成されます。

手順②環境変数を設定する。

「環境変数」のGOROOTを「C:\GO\」に設定し、pathを「C:\GO\bin\」に設定します。

（手順①のインストールで.msiパッケージをインストールした場合は、自動的に環境変数を設定してくれているので、正しく設定されているか確認するだけでよい。）

手順③動作確認

windowsのコマンドプロンプトでversionを確認する。

C:go version
go version go1.11 windows/amd64

インストールされていることが確認できる。
以上でコンパイラのインストールは完了です。

smarket_draftを動かすための前準備(GO言語)

まずは、sorcetreeからsmarket_draftフォルダをダウンロードしておきます。

必要なパッケージをインポートする

このプロジェクトでimportするパッケージは以下のパッケージです。

「github.com/golang/protobuf/proto」
「google.golang.org/grpc」
「golang.org/x/net/context」
「github.com/mtfelian/golang-socketio」
「github.com/sirupsen/logrus」
「github.com/bwmarrin/snowflake」

gitを開き「C:GO/src」ディレクトリに移動し、以下のコマンドでそれぞれインポートしてください。

$ go get github.com/golang/protobuf/proto
$ go get google.golang.org/grpc
$ go get golang.org/x/net/context
$ go get github.com/mtfelian/golang-socketio
$ go get github.com/bwmarrin/snowflake
$ go get github.com/sirupsen/logrus

これらのパッケージをインストールすることでプロジェクト内で使用することができるようになります。

エラーと対処法

Goファイルを実行した際、以下のようなエラーが発生することがあります。

$ go run fleet-provider.go             
fleet-provider.go:11:2: cannot find package "github.com/gorilla/websocket" in any of:                                
   C:\Go\src\github.com\gorilla\websocket (from $GOROOT)                 
   C:\Users\Rui Hirano\go\src\github.com\gorilla\websocket (from $GOPATH)

github.com/gorilla/websocketがインストールされていないというエラーですので
その都度、C:Go/srcディレクトリ内で下記コマンドでパッケージをインストールしてください。

go get github.com/gorilla/websocket

2.node.jsのための環境構築

続いてjavascript言語のコンパイラ(node.js,npm)をインストールします。

windowsの場合、nodistというnode.jsのバージョン管理を行えるツールをインストールすることになります。

手順①nodistのインストール

ダウンロードページにてnodistをインストールします。
現在(2018/09/01)の最新版はv0.88です。

環境変数はインストーラが自動で行ってくれるそうです。

手順②動作確認

コマンドプロンプトで以下のコマンドを実行。

C: nodist -v
0.8.8

C: npm -v 
4.0.5

続いて最新版をインストールします。

執筆時点では10.9.0が最新でした。

C: nodist dist  //インストール可能なバージョンを表示

C: nodist + 10.9.0  //表示された中から最新バージョンをインストール

C: nodist 10.9.0   //使用するバージョンを指定

npmを最新版にします。
最低でも5.6.0以上にしましょう。
執筆時点では6.1.0が最新版でした。

nodist npm 6.1.0   //npmの最新バージョンをインストール

再度、バージョンを表示して最新版になっているか確認してみてください。
インストールの動作確認は以上です。

smarket-draftを動かすための前準備(node.js,npm)

node_modulesにパッケージをインストールする。

clientディレクトリにて下記コマンドを実行

npm outdated

必要なパッケージの最新版が表示されます。

react-scriptsのみ最新版があるので指定してインストールします。

npm install react-scripts@1.1.5

node_modulesフォルダにreacts-scriptsフォルダができインストールが成功したのが確認できると思います。

他のパッケージは下記コマンドでまとめてインストールします。

npm install

node_modulesにそれぞれフォルダができているのを確認してみてください。

その後、以下のコマンドを実行してパッケージをビルドすれば終了です。

npm run build

エラーとその対処法

npm run buildにて以下のエラーが表示された場合、パッケージ(下記の場合、react-dom)がインストールされていない可能性があります。

> npm run build

Creating an optimized production build...
Failed to compile.

Module not found: Error: Can't resolve 'react-dom' in 'C:\Users\Rui Hirano\uclab_nu_smarket_draft\src\monitor\client\src'

clientディレクトリにて下記コマンドを実行してください。