Auth0

こんにちは、ビザスク開発グループ クライアント開発チームの松下です。 ビザスクでは認証基盤として Auth0 を導入・検証しています。 調査する中で個人的にハマったポイントについて紹介します。 Auth0 Actions とは Auth0 には Auth0 Actions という機能があります。 Auth0 Actions を利用すると、以下のようなイベントをトリガーにカスタムロジックを実行することができます。 ユーザ登録直前 ユーザ登録直後 ログイン直後 パスワード変更直後 例えばユーザ登録直前（Pre User Registration）に、Auth0 とは別のシステムのユーザ ID を取…

こんにちは、SREをやっている@okazu_dmです。 経歴としては、サーバサイドエンジニアからセキュリティエンジニアを経て、エス・エム・エスではサービス横断で技術的な課題を解決しています。 基本的には組織に必要なことと自分ができることや、やりたいことが交わるポイントで仕事をしており、現在はSREとして働いています。 今回は、過去の記事 とは違い、既存SREチームとは別に、介護事業者向け経営支援サービス「カイポケ」のリニューアルプロジェクトにスコープを絞って新しく立ち上げたSREチームとしての活動を紹介します。 リリース前のプロダクトのSREなので、一般的なSREの定義とは乖離する内容もある点…

TL;DR AWS STS (Security Token Service) で AssumeRoleWithWebIdentity するとき、Auth0が発行したアクセストークンに含まれるaudクレームをSTSが正しく解釈することができずにエラーになる 解決法としてはIDトークンを用いるか、Lambda Authorizerを利用する 今回問題となるケース ここではサンプルとして、ユーザー認証をAuth0で行い、AWSのリソースにアクセスして結果を返すAPIを作成します。 フロントエンドの構築 まずはAuth0のQuickstartsを読んでAuth0のアプリ設定とフロントエンドの構築をしま…

前回の続きです。 NestJSで作成したAPIにAuth0の認証/認可を追加する 〜準備編〜 NestJSで作成したAPIにAuth0の認証/認可を追加する 〜準備編 その２〜 NestJSで作成したAPIにAuth0の認証/認可を追加する 〜認証編〜 NestJSで作成したAPIにAuth0の認証/認可を追加する 〜認可（Auth0）編〜 前回はAuth0側でRBACの設定をしたので、 今回はNestJS側でRBACを実装していきます。 引き続き以下の記事を参考にしています。 auth0.com 1.カスタムデコレーター（@Permissions）の作成 使用イメージ 2. Permissi…

前回からの続きです。 NestJSで作成したAPIにAuth0の認証/認可を追加する 〜準備編〜 NestJSで作成したAPIにAuth0の認証/認可を追加する 〜準備編 その２〜 今回は、以下の記事を参考に前回作成したサンプルAPIに認証機能を追加します。 Full-Stack TypeScript Apps: Developing a Secure API with NestJS 前提 Auth0のアカウントがあること 1. Auth0にAPIを設定する 参考部分へのリンク Auth0 ダッシュボードにアクセスし、「Applications」>「APIs」>「+ Create API」ボタ…

前回の続きです。 popy1017.hatenablog.com APIの中身は凝らないと言っていたのですが、 さすがに味気なかったのでテストデータを作成してそれを操作するようにしたいと思います。 1. Item エンティティの修正 2. リポジトリクラスの作成 3. ItemsService を修正する 動作確認 この時点のソースコード 1. Item エンティティの修正 src/items/entities/item.entity.tsを修正します。 今回は適当にid、name、priceを持つようにしました。 export class Item { id: string; name: s…

NestJSで作成したAPIにAuth0の認証/認可を追加し、認証状態やロールによってAPIの実行可否を制御できるようにしていきます。 この記事では、準備段階としてNestJS側の実装をします。 また、前提としてUdemy講座でNestJSの基本を知った上で進めています。 以下の講座は、NestJSの知識ほぼゼロの状態でもかなりわかりやすく、APIの実装から認証機能の追加、DBの操作やユニットテストの書き方まで網羅されているため非常におすすめです。 click.linksynergy.com 最終的なゴールイメージ CRUDのAPIがある: POST /items GET /items GET…

データベースの画像（サムネイル用） Next.jsを使う場合のDBについて 自分でバックエンドを書くか、BaaSを使うか Rails APIモードを使うよりも、FirebaseやSupabaseやPlanetScaleのほうが連携が簡単そうな予感がしています。 Rails APIモードを使う場合、Fly.ioなどを使ってサーバーを立てる必要があり、なおかつそのDBの使用量を考慮に入れる必要があります。 Fly.ioはデータが少なければDB代が全く掛かりません。しかしそれはBaaS（Backend as a Service） も同様です。SupabaseやPlanetScaleも、Hobby用と…

Next.js + Auth0で認証機能を実装しようとして、nextjs-auth0をセットアップしつつ、このドキュメント通りにやっていたら、AUTH0_ISSUER_BASE_URL の設定を間違えていて以下のエラーが出ていた。 LoginHandlerError: Login handler failed. CAUSE: Discovery requests failing for http://localhost:3000, expected 200 OK, got: 404 Not Found 上のauth0のドキュメントでは AUTH0_ISSUER_BASE_URL='https:…

Summary パンを撃って敵を討つシューティングゲームを作ってみた いつもお世話になっているPdMや社内に向けたネタ作だが、割とちゃんと作った Googleログインでランキング機能を入れている あそぶ こちらから遊べます。キーボード操作が必要なため、PCブラウザでのみ遊べます。 推奨環境はChrome。 URL pan-shoot.fly.dev Github github.com Tech Stack Frontend: PhaserJS, Vite Backend: Golang Hosting: Fly.io with PostgreSQL server モチベーション Viteの学習…

KADOKAWA Connected / ドワンゴの @saka1 と Integrated Data Service 部の中野 (takamoto) です。 私達の部署では主にSnowflakeを中心にしたデータ基盤（データプラットフォーム）の開発保守を行っています。この記事では、Snowflakeの機能を駆使してデータに対して適切に権限を割り振るために整備した仕組みについて紹介していきたいと思います。 Snowflakeのオブジェクト階層や、RBACベースの権限管理モデルは非常に柔軟かつ強力です。かなり自由に何でもできてしまうがゆえに、どういった整理の仕方で権限付与を行っていくかが大切に感…

Next.js で jsonwebtoken を使って作成した JWT から中に含まれるデータを取り出そうとま verify しようとしたらエラーになってしまったので原因と解決策のメモ 環境 Next.js 13.2.1 React 18.2.0 TypeScript 4.9.5 jsonwebtoken 9.0.0 状況 // api import { sign } from "jsonwebtoken"; export default function handler( req: NextApiRequest, res: NextApiResponse<Data>, ) { // 略 co…

株式会社High LinkのCTOをやっている nogaken (@nogaken1107)です。 最近はChatGPTなどのLLM系のアプリケーションを触って楽しんでいます。 ハイリンクでは「カラリア 香りの定期便」などのサービスを開発しています。 「カラリア 香りの定期便」は2021年まで、フレームワークとしてはRuby on Rails (以下Rails)単体で書かれていましたが、デザインリニューアルと合わせて2021年前半から1年間強の時間をかけてフロントエンドをNext.jsにリプレースしました。 結果として開発体験が向上し、気軽に実装できるデザインの幅が広がり、エンジニアの採用面で…

コーポレートエンジニアリング部の宮澤です。最近、Auth0おじさんとなりつつありますが、今回はAuth0からKaonaviにSAMLログインするための設定手順を紹介したいと思います。 Auth0のApplications作成 Auth0に管理者アカウントでログインし"Applicatons"メニューを開き"+ Create Application"を押します。 任意の名前を入力後、"Regurar Web Applications"を選択して"Create"を押します。 "Addons"タブを開き、"SAML2"を有効化します。 表示されている、Issuer、Identity Provider…

どうもーキュービックでテックリードをやっている尾﨑です。 本日は会計や組織データなどのマスタ管理を行なっているNetSuiteとREST API連携した時のお話をしたいと思います。 Komawoの全体アーキテクチャ スクラッチで連携した事例は希少だと思うので、困っている方の課題解決に繋がると嬉しいです。 今回は前回のOAuth2.0認証に続いて、クライアント証明書認証によるREST API連携をご紹介したいと思います。 ・OAuth2.0トークン認証によるREST API連携 ・OAuth2.0クライアント認証によるREST API連携★ ・トークンベース認証によるRestlet API連携 …

WASD Inc. で開発をしている Yutorin です。 弊社のデジちゃいむでも採用しているHasuraとReactを使ってサクッとTODOアプリを引き続き作っていきましょう。 前回はこちらです。 tech.wasd-inc.com 今回は実際にHasuraとReactアプリとのつなぎ込みを行い、超簡単なTodoアプリを作っていきます。 目次 はじめに Apolloを導入する Queryを動かしてTodo一覧をとる Mutationを動かして追加する これから あとがき

ChatGPT(チャットジーピーティー)とは オープンソース 歴史 料金は？ 注意点 データが古い可能性 意味を理解しているわけではなく、確率の高い文章を並べている 登録する 使ってみる 参考 ChatGPT(チャットジーピーティー)とは ChatGPTのGPTとは「Generative Pretrained Transformer」の略で、「自動生成できるように事前訓練された変換機能」という意味になります。*1 OpenAIという人工知能（AI）研究所の人工知能チャットボットのこと。爆発的にユーザー数を増やしたことで、Googleは脅威として認識し「コードレッド」を宣言したという。とんでもな…