20200327_jeffrey - silenceuncrio/diary GitHub Wiki

0850

整理週報

0950

M350-C - task - [0%] CGI for ISMS (ISMS server)

目前有兩大塊需要人手
- web ui
- M350 MQTT client

我先專注在 web ui 這一塊

1305

M350-C - task - [0%] ISMS Support - web ui

先 survey RWD

1640

M350-C - task - [0%] ISMS Support - web ui

jubuntu 要為了 isms 新增一個磁碟 isms.vmdk

參考

ubuntu 新增硬碟（磁碟分割、格式化與掛載）

參考

決定 ISMS 的 web ui 就用 react 加 bootstrap 4 吧

使用現成的 node - Node.js Docker Image

➜  isms docker pull node
Using default tag: latest
latest: Pulling from library/node
c0c53f743a40: Pull complete
66997431d390: Pull complete
0ea865e2909f: Pull complete
584bf23912b7: Pull complete
3c4c73959f29: Pull complete
63e05266fc4b: Pull complete
4d214fbc04d5: Pull complete
fdea17640a8b: Pull complete
fc3f35547985: Pull complete
Digest: sha256:ad341aff5db73b2c13b55b83fbf7e2aa5164b90c365dfdd7d6e33cd1aa74a108
Status: Downloaded newer image for node:latest
docker.io/library/node:latest
➜  isms docker image ls
REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
node                latest              3ada5fbfe5a5        13 hours ago        943MB
build-m360          latest              41a509204899        6 weeks ago         798MB
build-m350          latest              9a28ca31bd0f        7 weeks ago         719MB
build-m330          latest              a279c59f6f66        8 weeks ago         540MB
i386/ubuntu         16.04               faf5784ef367        2 months ago        120MB
ubuntu              14.04               6e4f1fe62ff1        3 months ago        197MB
hello-world         latest              fce289e99eb9        15 months ago       1.84kB
build-m300          latest              765ca8470286        22 months ago       2.18GB

為了 isms 開發的 web 放在 /home/jeffrey/isms/web

➜  web pwd
/home/jeffrey/isms/web

在該目錄下 base on Docker Image node 來 run container 叫做 build-isms-web

docker run --detach --interactive --tty \
  --name build-isms-web \
  --env LOCAL_USER_ID=`id -u $USER` \
  --env LOCAL_GROUP_ID=`id -g $USER` \
  --volume `pwd`:/home/user \
  -p 127.0.0.1:80:172.17.0.2:3000/tcp \
  node /bin/bash

docker run --help'.
➜  web docker run --detach --interactive --tty \
  --name build-isms-web \
  --env LOCAL_USER_ID=`id -u $USER` \
  --env LOCAL_GROUP_ID=`id -g $USER` \
  --volume `pwd`:/home/user \
  -p 127.0.0.1:80:3000/tcp \
  node /bin/bash
4723da02f346a8cdca39713cbf7467fc2968a300aedf63fb16bf0bf753f51bd8

進入該 container - docker exec -it build-isms-web bash

➜  ~ docker exec -it build-isms-web bash
root@4723da02f346:/#

利用 w3schools.com - React Tutorial

驗證一下開發環境

root@4723da02f346:/# npm -v
6.13.7
root@4723da02f346:/# node -v
v13.11.0

Compiled successfully!

You can now view myfirstreact in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://172.17.0.2:3000

Note that the development build is not optimized.
To create a production build, use yarn build.