albatrosary's blog

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

MEMO

NestJS の実行環境毎に設定を変える

@nestjs/config ではなくdotenv 。@nestjs/config は内部的に dotenv も使ってます github.com dotenv のインストール npm i dotenv -S npm i @types/dotenv -D ※ Windows との差異を埋めるには cross-env - npm 設定 例えば import { NestFactory } from '@…

App Engine から Cloud SQL に接続する

Cloud SQL に接続するにはマニュアルに書かれている通りで、特に App Engine から接続するときにはソケットによる接続を行う 形式 /cloudsql/INSTANCE_CONNECTION_NAME を使用して、Cloud SQL インスタンスの UNIX ドメイン ソケットにサービスを接続できま…

Auth0 の Management API で User create エラーのとき

400 Cannot set username for connection without requires_username. のエラーはこれの設定ができてない。スイッチ入れてね

node_modules 内のライブラリへのパッチ

node_modules 内のライブラリが JSON.stringify() 使ってて循環オブジェクト参照構造体の呼び出しエラーになっていたからパッチを当てた。その当て方。 patch-package を npm i して scripts に登録する(※1) node_modules 内のコードに手を加える npx patch-…

NestJS のプロジェクト作成時にやること

NestJS CLI のインストール % npm i -g @nestjs/cli NestJS 関連のプロジェクト生成 % nest new project-name % npm i nest-router -S % npm i class-transformer class-validator -S GCP 用の package.json { "name": "", "version": "0.0.1", "description…

Angular で Management API を叩く

Note though that usually the end user would not call that management API himself, but that would be a call from your backend to the Management API, where your backend would fetch the access token for it via Client Credentials Grant (M2M / …

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…