備忘録」カテゴリーアーカイブ

リダイレクト処理の不具合を改善

一部URLでリダイレクト処理がループする不具合がありました。
サーバーの設定を見直し、現在は不具合が解消しています。

/etc/nginx/xxx.conf

#Before
server{
listen 80;
listen [::]:80 ipv6only=on;
server_name nakachan.kawaii.idol;
return 301 $host$request_url;
}

#After
server{
listen 80;
listen [::]:80 ipv6only=on;
server_name nakachan.kawaii.idol;
return 301 https://$host$request_url;
}

Quoridorn Mark2 デザインを変更

Quoridorn Mark2 のデザイン変更方法は、たぶん2種類。
ソースを編集してビルドするか、/dist/css/main.xxx.css を編集するかのどちらか。あるいは両方。
CSSの編集がお手軽なのでオススメ。
ただし、CSSは超長い1行文なので、エディタによってはフリーズします。
atomやKate辺りが良い?

以下、備忘録的に記載。codeタグ内はcssの内容。

#背景色
/quoridorn/src/views/App.vue 705

html,
body {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 14px;
  background-color: #92a8b3; 背景色
  background-image: url(../static/img/xx.jpg);  背景画像 /static/img/ に入れとく
}

#Application Server Settings
/src/app/basic/login/AppServerSettingWindow.vue

#ログインウィンドウ
/src/app/basic/login/LoginWindow.vue

#背景画像
.root .message-scroll-area[data-v-2824eb7c] {
    overflow-y: auto;
    border: 1px solid grey;
    margin-bottom: .5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: var(--uni-color-white);    #背景色
    background-image: url(../static/img/xxxx.png); #画像を差し替え
    background-size: 18rem;
    background-position: top 0rem right 0rem ;
    background-repeat: no-repeat
}

#ロゴ
.root .message-scroll-area .logo[data-v-2824eb7c] {
    position: absolute;
    top: .4rem;
    right: calc(var(--scroll-bar-width) + .5rem);
    width: 8rem
}

#メッセージ hover
.root .message-scroll-area .message-documents .flat-button[data-v-2824eb7c]:hover {
    text-shadow: 1px 1px 1px hsla(0,0%,100%,.66);
    -webkit-box-shadow: inset 0 0 0 hsla(0,0%,100%,.5),0 2px 2px rgba(0,0,0,.19);
    box-shadow: inset 0 0 0 hsla(0,0%,100%,.5),0 2px 2px rgba(0,0,0,.19);
    background-color: var(--uni-color-light-skyblue)
}

#ウィンドウの枠
/src/app/core/window/WindowFrame.vue 841

.window-frame[data-v-c6fdce72] {
    position: fixed;
    visibility: hidden;
    display: block;
    padding: calc(var(--window-padding) + var(--window-title-height)) var(--window-padding) var(--window-padding) var(--window-padding);
    overflow: visible;
    min-height: 50px;
    border-radius: 8px 8px 8px 8px; #ログインウィンドウの下角を丸める;
    background-color: var(--theme-color);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.6);
    box-shadow: 5px 5px 5px rgba(0,0,0,.6);
    border: 1px solid grey;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    top: 0;
    -webkit-font-smoothing: subpixel-antialiased;
    width: calc(var(--windowWidthPx) + var(--windowWidthEm) + var(--windowWidthRem) + var(--windowWidthScrollBar) + var(--window-padding)*2 + 2px);
    height: calc(var(--windowHeightPx) + var(--windowHeightEm) + var(--windowHeightRem) + var(--windowHeightScrollBar) + var(--window-title-height) + var(--window-padding)*2);
    font-size: var(--windowFontSize);
    z-index: var(--windowOrder)
}

HTTP/2 TLSv3 な Nginx をインストール(Ubuntu16.04)

nginx-build を使うことでトラブル無くビルド・管理が出来ます。
凄くオススメです。

Ubuntu 16.04に Go を入れる

sudo apt update
sudo apt upgrade -y
cd /tmp
wget https://dl.google.com/go/go1.11.linux-amd64.tar.gz
sudo tar -xvf go1.11.linux-amd64.tar.gz
sudo mv go /usr/local
export GOROOT=/usr/local/go
export GOPATH=$HOME/go
export PATH=$GOPATH/bin:$GOROOT/bin:$PATH
go version

nginx-build の導入

go get -u github.com/cubicdaiya/nginx-build
nginx-build -version

Nginx のビルド

sudo mkdir work
sudo chown usrname:usrname -R work
nginx-build -d work -c ./install.sh -clear

Nginx のインストール
オプションを記述したシェルを用意して、インストールします。

cd work/nginx/1.17.9/nginx-1.17.9
sudo service nginx stop
sudo make install
sudo service nginx start
nginx -V

シェル
前述のシェルはこのような感じで記述しておきます。
./install.sh

#!/bin/sh
./configure \
--prefix=/etc/nginx \
--sbin-path=/usr/sbin/nginx \
--modules-path=/usr/lib/nginx/modules \
--conf-path=/etc/nginx/nginx.conf \
--error-log-path=/var/log/nginx/error.log \
--http-log-path=/var/log/nginx/access.log \
--pid-path=/var/run/nginx.pid \
--lock-path=/var/run/nginx.lock \
--http-client-body-temp-path=/var/cache/nginx/client_temp \
--http-proxy-temp-path=/var/cache/nginx/proxy_temp \
--http-fastcgi-temp-path=/var/cache/nginx/fastcgi_temp \
--http-uwsgi-temp-path=/var/cache/nginx/uwsgi_temp \
--http-scgi-temp-path=/var/cache/nginx/scgi_temp \
--user=nginx \
--group=nginx \
--with-openssl=/usr/local/src/openssl-1.1.1d \
--with-openssl-opt=enable-tls1_3 \
--with-compat \
--with-file-aio \
--with-threads \
--with-pcre \
--with-pcre-jit \
--with-http_addition_module \
--with-http_auth_request_module \
--with-http_dav_module \
--with-http_flv_module \
--with-http_gunzip_module \
--with-http_gzip_static_module \
--with-http_mp4_module \
--with-http_random_index_module \
--with-http_realip_module \
--with-http_secure_link_module \
--with-http_slice_module \
--with-http_ssl_module \
--with-http_stub_status_module \
--with-http_sub_module \
--with-http_v2_module \
--with-mail \
--with-mail_ssl_module \
--with-stream \
--with-stream_realip_module \
--with-stream_ssl_module \
--with-stream_ssl_preread_module \
--with-cc-opt='-g -O2 -fPIE -fstack-protector-strong -Wformat -Werror=format-security -Wp,-D_FORTIFY_SOURCE=2 -fPIC'  --with-ld-opt='-Wl,-Bsymbolic-functions -fPIE -pie -Wl,-z,relro -Wl,-z,now -Wl,--as-needed -pie' #

参考
今日からGoをはじめる人に伝えたい$GOPATHではまった話
Ubuntu 16.04に golang 1.11 をインストールする
nginx-buildでnginxをビルドしよう