37日目-3日目[セッションを使用してログイン(実験)]
2542 ワード
難しすぎます...
私は入金処理の部分が少し弱いようです.解決したら納得したけど、解決するまでちょっとめまいが Server
app.useを使用してすべてのリクエストに対してセッションを行いました. 他のコードには特別な点はありません.
以下にHTTPSサーバを作成するコードがあります.
このようにしてすべての状況をセッションします.
セッションの処理方法:https://github.com/expressjs/session#reqsessionモジュールの内容. 実際、他の追加サーバの処理は、これまで学んだこととほぼ同じです.
しかしSessionという新しい概念を適用する際には,多くの困難に直面しているようだ.
代表的な使用Client
このように…ㅠ cors
このコードは、すべての送信を無条件に許可することを意味します. もし私が特定のHTTPメソッド(get、postなど)だけを受け入れたいなら欲しいだけなら
より詳細な例は、次のとおりです. ポスト
当たり前だけど; 始める前に、何を触ったらいいのか分からなかったのですが、実際に終わったら何もありません...?という考えがありました.ずっとそうだったようで、ふふ 明日からTokenとOauthを勉強するのはどんなに難しくなるか分からない.ううう
私は入金処理の部分が少し弱いようです.
Server
index.js
基本設定を含むjs.
私たちは基本的にセッションを使用しているので、セッションを管理する必要があります.
これに関連するモジュールは、express-session
使用express-session
のセッション.
以下にHTTPSサーバを作成するコードがあります.
このようにしてすべての状況をセッションします.
request.session
セッションに近づくことができます.セッションの処理方法:https://github.com/expressjs/session#reqsession
しかしSessionという新しい概念を適用する際には,多くの困難に直面しているようだ.
代表的な使用
req.session 메서드
1. req.session.a : req.session에 a라는 값이 있는지 확인한다.
- 결국 객체의 형식이기 때문에 객체에 키값이 있는지 확인하는 것과 같다.
2. req.session.destroy()
- session을 그냥 삭제 하는 값이다.
- 보통 로그아웃에서 활용이 된다.
나는 이 두가지 정도만을 활용하였다.
이 외에도 해당 링크에는 다양한 메서드가 존재 하기 떄문에 후에 정보가 필요하면 해당 링크를 참고해 보도록 하자.
Client
axios
この部分は実はこのモジュールが仕事を完成したのです.
Reactでは、対応するモジュールを使用してHTTPリクエストを行うことができます.axios.get("url주소~~").then((reuslt) =>{})
- 해당 url주소로 값을 쏘게 되고 result는 응답 값을 받게 된다.
axios.post("url주소~~",{
id: "index",
message : "hi~!"
}).then((reuslt) =>{})
- post요청 같은 경우에는 이런식으로 body값을 전송할수도 있다.
これがDI...
このモジュールを使用する場合は、このように対応するアドレスに値を送信し、値を取り出して処理することができます.
やっぱり言い出すのは本当に简単です.ううう
axiosモジュールを使用しない場合は、値を1つずつ入力する必要があります.
axios.get("url주소~~").then((reuslt) =>{})
- 해당 url주소로 값을 쏘게 되고 result는 응답 값을 받게 된다.
axios.post("url주소~~",{
id: "index",
message : "hi~!"
}).then((reuslt) =>{})
- post요청 같은 경우에는 이런식으로 body값을 전송할수도 있다.
cors
ミドルウェアを使うなら、この部分をapp.use(cors())
このように処理する.
app.use(cors({methds:'GET'}))
このように書く.より詳細な例は、次のとおりです.
const options = {
origin: 'http://localhost:3000',
methods : 'GET, POST',
Credentials: true,
}
app.use(cors(options));
こんなハーモニーlocalhost:3000
へのリクエストとGET, POST
リクエストのみを受け付けることを示す.Credentials: true
この部分はリクエストにビスケットを入れるという意味です.ポスト
うん.知っていれば簡単だが、知らなければ難しいという考えしかない.
Reference
この問題について(37日目-3日目[セッションを使用してログイン(実験)]), 我々は、より多くの情報をここで見つけました https://velog.io/@jjimgo/코드스테이츠-37일차-3-Session을-이용한-로그인실습テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol