albatrosary's blog

UI/UXとエンタープライズシステム

2020-06-01から1ヶ月間の記事一覧

NestJS でのバリデーション設定

ライブラリの登録 npm i class-validator, class-transformer -S ValidationPipe有効化 async function bootstrap() { const app = await NestFactory.create(AppModule); app.useGlobalPipes(new ValidationPipe()); @UsePipes(new ValidationPipe()) を使…

GCP での node のエントリーファイルを指定する

GCPでのデフォルトのエントリーファイルは server.js なので app.js にしたい場合は package.json に指定しておく "scripts": { "start": "node app.js" },

App Engine アプリを HTTPS リクエストのみにする

「アプリのハンドラで強制的に HTTPS を使用する場合は、app.yaml 内の各ハンドラに対して secure: always 要素を指定できます。次に例を示します。」だね。 cloud.google.com

Auth0 で予め登録したユーザのみログインさせる

認証プラットフォーム Auth0 ってソーシャルログイン前提と勝手に思ってたが、予め登録したユーザのみログイン許可することもできる。Twitterで呟いたらフォローしてもらえました。ありがとうございました。 Social Connection の場合はルールで対応 Auth0 …

NestJS でエントリーファイルの変更

nestjs でエントリーファイルを指定するときに少し困ったので見たところを書いておく。簡単なところで nest-cli.json は次のように使ってる。困りごとは entryFile が main.ts がデフォだけどそこを app.ts に変えたかった。 だけども Nextjs とか NuxtJS と…

カラーコンセプトシートの簡易版作ってみた

デザインカンプ作るときにカラーコンセプトと言うページを作るんですが、デザイナーが俗人的にやってるので補色とか反対色等々の定義を調べてサイトにしてみました。これにウンチクを付け加えると立派なWebアプリケーションのデザインカンプが出来上がります…

GCP でカスタムドメイン定義した後にサブドメインを追加する

[App Engine] ->[設定]->[カスタムドメイン]タブ->[カスタムドメインを追加]でサブドメインを追加する ex) hoge.io ドメインに demo.hoge.io を追加したい場合を想定 設定に関しては画面指示通り 最後にGoogle Domains に設定をする cloud.google.com

SPAでブラウザ更新すると404にならないように GCP を設定する

app.yaml に設定する。詳細はこちら cloud.google.com ex) handlers: - url: /(.*\.(gif|png|jpeg|jpg|css|js|ico|woff2|eot|ttf|woff|txt))$ static_files: angular-app/\1 upload: angular-app/(.*) - url: /(.*) static_files: angular-app/index.html up…

GCPのプロジェクトに複数サービス(App Engine)を設置したときのディスパッチャ設定

ここに書かれている通り cloud.google.com ex. dispatch: - url: "subdomain.hoge.io/*" service: subdomain - url: "subdomain-1234567890.dt.r.appspot.com/*" service: subdomain - url: "*/api/*" service: api-service - url: "*/*" service: default ※…

GCP でカスタムドメインで HTTPS を使う

GCPの App Engine でカスタムドメインを使いHTTPSを設定するには「App Engine」の「設定」で「カスタムドメイン」を設定し、SSLセキュリティとしては Googleが管理を使うとコストがかからない。 App Engine の設定 cloud.google.com

Github Actions を使って GCP にデプロイ

設定はこちら: https://github.com/marketplace/actions/publish-app-to-google-app-engine GCP_SA_KEY は Google Cloudの「IAMと管理」にあるサービスアカウントでアカウントの「鍵を作成」する ファイル(※1)がダウンロードされるのでそのファイルを Base64…