問題タブ [passport-twitter]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
node.js - Express、Create-React-App、および Passport-twitter
バックエンドで oauth プロセスを開始するために、フロント エンドでcreate-react-app
( 経由で) ヘルパー関数を使用して、アプリケーションで Twitter oauth を設定しています。私は現在開発中なので、エクスプレスサーバーをポートでホストし、フロントエンドをポートでホストし、フロントエンドからポートへのプロキシを使用して、 npmパッケージを介してCORS権限を設定しました。axios
passport
3001
3000
3001.
cors
どのような構成を試しても、Twitter OAuth プロセスを完了できません。同じポートを維持しながら、ポートを切り替えてみました。でバックエンドをプロキシしようとしましexpress-http-proxy
た。
http://127.0.0.1
ポートと. _ localhost
_3000
3001
passport-twitter
どこが間違っているのか、または他のソリューションを放棄する必要があるのか わからないところまで来ています。
いずれの場合も、次のエラーが発生し続けます。
私が試みた設定に応じて、オリジンをnull
またはhttp://localhost:3001
またはとして取得しhttp://127.0.0.1
ます。
への接続など、他の理由でバックエンド API を何度も正常に呼び出すことに注意してくださいYelp Fusion API
。oauth_token
さらに、ミドルウェアを使用してセッション データをログに記録しておりoauth_token_secret
、Twitter から正常に取得されていることがわかります。呼び出しは、oauth プロセスの次の段階で失敗しています。
これが私のコードの関連部分です-
バックエンド コード
サーバー.JS
パスポート.JS
AUTH-CONTROLLER.JS
フロントエンド コード
HELPERS.JS
更新 Passport Authentication がバックエンド ポートで機能することを確認しました。私はブラウザーで直接エンドポイントを呼び出し、Twitter 認証にリダイレクトされ、その後、セッション データに保存されたスキーマに保存された新しいユーザーがコールバックに返されました。
これは、バックエンドとは異なるポートで Create-React-App を使用することに問題があることを意味します。
http://127.0.0.1:3001/auth/twittersuccess
node.js - Restful Apiにpassport.js Twitter戦略を実装するにはどうすればよいですか?
Node.js と MongoDB を使用して、単純な RESTful API を作成しています。Passport.jsのTwitterストラテジーを使いたい。Web アプリの例はたくさんあります。ルートは HTML ページにリダイレクトされます。私はこれをしたくありません。どうすれば状況を解決できますか?