2018-10-15

deviseのomni_authとdevise_token_authのomni_authを両立する手順

Rails Vue.js

動機

docker環境のrailsでVue.js使って開発。
deviseでomni_authはできる。
devise_token_authでomni_authはできる。
どちらも実装してdeviseのomni_authをすると、なぜか401 unauthorizedエラー。
なんとかして両立させたい。deviseのomni_authでログイン後にSPAを表示したいから。

手順

下記ページにあるようにdeviseのモジュールを2回記述すると両立可能です。
Devise Omniauth and DeviseTokenAuth Omniauth · Issue #666 · lynndylanhurley/devise_token_auth · GitHub

deviseとdevise_token_authを両立させる実装をする。
netで調べてください。
user.rbのinclude DeviseTokenAuth::Concerns::Userの前後にdeviseのモジュール（同じもの）を記述する。

  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :trackable, :validatable,
         :omniauthable, omniauth_providers: [:twitter]
    include DeviseTokenAuth::Concerns::User
    devise :database_authenticatable, :registerable,
          :recoverable, :rememberable, :trackable, :validatable,
          :omniauthable, omniauth_providers: [:twitter]

何故か上記手順でdeviseのomni_authログインが可能になります。
また、config/initializers/devise_token_auth.rbに下記を設定していれば
config.enable_standard_devise_support = true
APIがaccess_token なしでも使えるようになります。

もっといい方法知ってる方、教えて下さい。

2018-10-08

GET http://localhost:3035/sockjs-node/info?t=〜 net::ERR_EMPTY_RESPONSE の対処手順

Rails Vue.js

動機

docker環境のrailsでVue.js使って開発。
ブラウザでコンソール開いたら下記エラーが連発していたため。
なんとかエラーを直したい。

GET http://localhost:3035/sockjs-node/info?t=1538925282309 net::ERR_EMPTY_RESPONSE

f:id:hinokiyo:20181008112043p:plain

手順

どうやらwebpack-dev-serverにアクセスできないというエラーのよう。
以下、エラーを止める手順です。

dockerの設定で3035番ポートを通す。
foremanで起動している場合、Procfileのwebpack-dev-server起動部分を下記のように書き換える
webpack: WEBPACKER_DEV_SERVER_HOST=0.0.0.0 WEBPACKER_DEV_SERVER_PUBLIC=127.0.0.1:3035 WEBPACKER_DEV_SERVER_PORT=3035 ./bin/webpack-dev-server

WEBPACKER_DEV_SERVER_PUBLICの部分はブラウザでアクセスするときのURLなので自分の環境に合わせて修正してください。