Nuxt.js + Amplifyで静的ホスティング
Nuxt.js用意、フロントは適当に作成。
Vuetifyで適当に実装
DeployしたらなんかAccess deniedが出た。
<template>
<v-container>
<v-card
justify-center
class="mx-auto"
>
<v-system-bar
color="pink darken-2"
dark
>
<v-spacer />
<v-icon>mdi-window-minimize</v-icon>
<v-icon>mdi-window-maximize</v-icon>
<v-icon>mdi-close</v-icon>
</v-system-bar>
<v-app-bar
dark
color="pink"
>
<v-app-bar-nav-icon />
<v-toolbar-title
justify-center
>
My Profile
</v-toolbar-title>
<v-spacer />
<v-btn icon>
<v-icon>mdi-magnify</v-icon>
</v-btn>
</v-app-bar>
<v-row dense>
<v-col cols="12">
<v-card
color="#385F73"
dark
>
<v-card-title class="headline">
Self-Introduction.
</v-card-title>
<v-card-subtitle>Software Engineer</v-card-subtitle>
<v-card-text>
Skills:</br>
Frameworks:</br>
Other Fields:</br>
Inferential statistics,Bayesian statistics,Accounting,Finance,Quants analysis
</v-card-text>
....
amplify.yml
version: 1
frontend:
phases:
preBuild:
commands:
- yarn install
build:
commands:
- yarn generate
artifacts:
# IMPORTANT - Please verify your build output directory
baseDirectory: dist/
files:
- '**/*'
cache:
paths:
- node_modules/**/*
ハマったところ
Nuxt.jsの静的ホスティングについて詳しくなかったので
まずgenerateしていなかったこと。生成されたdistフォルダをamplify.ymlの
baseDirectoryに設定した。
buildコマンドをyarn buildにしていたこと。
amplify.ymlのbuild commandsをyarn generateに変更した。
無事ホスティングできた。
アプリリリース時に多用したLinuxコマンド達
駆け出しエンジニアのコマンド備忘録
使用した順に書きます。
ls -lrt
ディレクトリの中身をロングフォーマットで表示させ
タイム順にソートして表示する。
ls -1
ディレクトリの中身をただ1行で表示
SCP
リモートとローカルでファイルをコピーする。ローカルからリモートへ。
scp -i {secret key path} {local file path} user@xxx.xxx.xxx :~/hoge.txt
リモートからローカルへ
scp -i {secret key path} user@xxx.xxx.xxx:~/ ~/
disown
裏テク、自分の端末のjobsテーブルからjobを削除する。
sshを抜けても処理は継続される。
jobsコマンド
disown %{jobs番号}
ps aux
jobsテーブルから削除したjobを確認する
ps aux | gre p {コマンで使用している文字など}
wc -l {file name}
ファイルの行数を確認する。-mで文字数。
cd, mkdir, cp, lsなど省略しております。
各環境Dev,Stg,Prodでターミナルの背景色変えた方がいいとアドバイスを貰って、
Dev→黒、Stg→青、Prod→赤にしてやってました、わかりやすい。ミスも減る。
