2023年9月3日 / 最終更新日時 : 2023年9月26日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt BridgeをNuxt3に移行。nuxt-authを導入 Nuxt3で@sidebase/nuxt-authのlocalの挙動を調べてみた で決めた方針（APIリクエストは自前でして、@sidebase/nuxt-authの状態管理のみ使用する）に従って対応して行きます。 前回 […] Devise Token AuthNuxt3Nuxt3移行Vue3バージョンアップ認証
2023年9月1日 / 最終更新日時 : 2023年9月16日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt3で@sidebase/nuxt-authのlocalの挙動を調べてみた Nuxt BridgeをNuxt3に移行中。@nuxtjs/authがまだPlannedで、@sidebase/nuxt-authが推奨されていますが、挙動がかなり違うので、調べてみました。 Roadmap · Nuxt […] Devise Token AuthNuxt3Nuxt3移行Vue3バージョンアップ認証
2022年2月18日 / 最終更新日時 : 2022年2月18日 admin Ruby on Rails WebSocket(Action Cable)の認証方法を考えて実装する Action CableでWebSocketを試す では、一旦、公式サイトを参考にCookieで認証するようにしましたが、ドメインの制約を受けるし、フロントからAPIで認証する場合にも都合が悪い。 認証方法を検討し、実装 […] Action CableDeviseDevise Token AuthWebSocket認証
2021年12月11日 / 最終更新日時 : 2021年12月12日 admin Ruby on Rails JSONのAPIリクエストで、URLの拡張子が.json以外はエラーにする ログやアクセス制御でAPIかHTMLリクエストかを簡単に区別できるようにする為。 また、ブラウザで.jsonのURLにアクセスしたらエラーにしたい。簡単に見れないようにしたい。 APIDevise Token AuthRSpec
2021年11月13日 / 最終更新日時 : 2021年11月13日 admin Ruby on Rails Devise Token Authのメアド変更の確認メールとアカウントロックメール記載のURLがフロントURLにならない NuxtとRailsアプリ(Devise Token Auth)の結合テストをする をしてみて気付きましたが、「メールアドレス変更時に送信されるメールの確認URL」と「アカウントロック時に送信されるメールの解除URL」が […] APIDevise Token AuthRSpec認証
2021年11月7日 / 最終更新日時 : 2021年11月10日 admin Ruby on Rails NuxtとRailsアプリ(Devise Token Auth)の結合テストをする それぞれのアプリでは問題なく動作しても、いざ繋げると細かい所で意図通りに進まない事は良くあります。特にフロントとバックエンドを分けると、問題となるケースは増えそう。 単体テストはユニットテストで担保するとして、結合テスト […] APIDevise Token AuthNuxt.jsRSpecseedテスト
2021年10月23日 / 最終更新日時 : 2021年10月23日 admin Ruby on Rails Devise Token Authのuidをメールアドレスからidに変更したい providerが”email”の場合、uidにメールアドレスが入り、変更時にuidも更新されます。 uidは認証に使っているので、メールアドレス変更（メールアドレス確認のURLにアクセスした）直 […] APIDevise Token AuthRSpec認証
2021年10月16日 / 最終更新日時 : 2021年10月18日 admin Vue.js（主にNuxt.jsとVuetify） vee-validateで入力チェックした上で、APIからの入力エラーも各項目に表示する Nuxt.js+Vuetifyで、アカウント登録画面を実装しました。 フロントで最低限の入力チェックが通ったら、送信ボタンを押せるようにして、無駄なAPIリクエスト減らす。APIからの入力エラーもvee-validate […] APIDevise Token AuthNuxt.jsVuetify認証
2021年10月10日 / 最終更新日時 : 2021年10月16日 admin Vue.js（主にNuxt.jsとVuetify） Nuxt.jsとRailsアプリのDevise Token Authを連携させて認証する Nuxt.jsにnuxt/authを導入して、導入したDevise Token Auth向けにテスト(RSpec)を書くで作成したRailsアプリと連携して認証（ログイン・ログアウト）を実装してみました。 APIDevise Token AuthNuxt.jsVuetify認証
2021年10月7日 / 最終更新日時 : 2021年10月12日 admin Ruby on Rails CORS設定でOPTIONSリクエストとヘッダ取得できない問題に対応する フロント（今回はNuxt.js）から、Railsアプリ（Devise Token Auth）に対して、APIリクエストを投げる実装中に対応した内容をメモしておきます。 CORS(Cross-Origin Resource […] APICORSDevise Token AuthNuxt.js