はじめに ReactでSPAを作ることになって、ログイン認証にメール＆パスワードの認証に加えて、 GoogleやTwitter認証も加えたくなった時、どうすればよいかわからなかった。 バックエンドはRailsだが、あくまでAPIサーバー的な立場なので メジャーなomniauth なんかは使えそうにない。。。 前回のGoogle編に続き、今回はTwitter編。 あれこれ悩みながらなんとか動くところまでたどり着いたので、やり方を公開。 React+Reduxの環境なんですが、そこまで立ち入ると話がややこしくなるので、 実装のエキス部分だけを記載してみます。 Twitter Developerにアプリ登録 Twitter Developer これについては上記のURLにアクセスしてアプリを登録してください。 アプリ名とコールバックURLを登録したら、Consumer Key (API Key)
タグ
- すべて
- .net (475)
- .netcore (32)
- 3Dprinter (89)
- 3d (121)
- ActiveDirectory (33)
- AmazonEcho (71)
- AppleWatch (47)
- AzureFunctions (31)
- Cybozu Labs (27)
- FaceDetection (29)
- HoloLens (87)
- IoT (195)
- JR (37)
- Li-ion (48)
- Mercurial (26)
- MetroApp (66)
- NorthKorea (138)
- RFID (61)
- SurfaceDuo (121)
- SurfacePro3 (26)
- TypeScript (53)
- WinRT (236)
- WindowsMobile (112)
- WindowsRT (52)
- WindowsServer (31)
- WindowsStore (33)
- WindowsUpdate (26)
- WoA (31)
- XboxOne (26)
- accident (98)
- acquire (186)
- ad (143)
- aerospace (42)
- africa (31)
- agriculture (68)
- aichat (53)
- aircleaner (31)
- aircon (48)
- aircraft (27)
- airline (29)
- airplane (55)
- alexa (105)
- algorithm (27)
- allergy (35)
- alzheimer (106)
- amazon (397)
- android (455)
- animation (33)
- anime (157)
- antitrust (86)
- api (62)
- apple (441)
- ar (116)
- architecture (116)
- arm (58)
- art (54)
- asb (30)
- asp.net (80)
- asp.net mvc (117)
- astronomy (194)
- asus (53)
- async (64)
- atomic (89)
- au (29)
- audio (26)
- auth (55)
- autodrive (89)
- aws (91)
- azure (411)
- b8 (26)
- ba5 (39)
- baby (69)
- backup (32)
- bank (56)
- battery (376)
- bev (303)
- bicycle (78)
- bike (57)
- billg (55)
- bing (73)
- bio (77)
- biometrics (45)
- bitcoin (45)
- blazor (37)
- blockchain (28)
- blog (40)
- bluetooth (157)
- boeing (46)
- bomber (31)
- book (105)
- bookstore (29)
- boox (27)
- bot (29)
- brain (231)
- browser (88)
- bubble (240)
- building (39)
- business (274)
- businessmodel (27)
- c# (275)
- c++ (45)
- cafe (39)
- calendar (31)
- camera (261)
- cancer (46)
- canon (29)
- car (1000)
- cargo (42)
- cat (98)
- cellular (59)
- chart (38)
- chat (34)
- chatgpt (52)
- chemical (27)
- child (286)
- china (2610)
- chofu (123)
- chrome (54)
- cinema (115)
- citroen (37)
- city (39)
- cityplanning (141)
- cleaner (39)
- cleaning (50)
- closing (165)
- cloud (60)
- co2 (91)
- coffee (53)
- color (52)
- comic (213)
- communication (147)
- community (42)
- concept (26)
- construction (880)
- cookware (56)
- copilot (53)
- copyright (169)
- coronavirus (80)
- cortana (46)
- covid-19 (1684)
- cpu (74)
- craft (46)
- creditcard (51)
- crime (280)
- css (72)
- culture (196)
- currency (154)
- cyberwar (26)
- cybozu (46)
- db (54)
- debug (79)
- defence (183)
- dell (87)
- deltavoc (48)
- dental (43)
- design (411)
- development (47)
- diplomacy (75)
- disaster (61)
- display (48)
- docomo (110)
- document (54)
- donaldtrump (195)
- dpz (450)
- drawing (30)
- drink (35)
- driver (60)
- drone (127)
- dust (28)
- dx (31)
- e-book (235)
- e-ink (33)
- e-paper (90)
- earning (83)
- earth (45)
- earthquake (310)
- ec (138)
- eco (46)
- economy (428)
- edge (93)
- education (285)
- eew (29)
- elder (74)
- election (191)
- electronics (335)
- elonmusk (125)
- embeded (26)
- energy (279)
- engine (106)
- england (121)
- english (85)
- environment (39)
- estate (316)
- eu (86)
- ev (256)
- event (51)
- evergrande (117)
- evernote (47)
- excel (31)
- exploit (137)
- expression blend (36)
- extension (91)
- eye (34)
- eyeware (53)
- f3 (61)
- facebook (151)
- fake (32)
- fallout (27)
- felica (92)
- fighterjet (181)
- finance (68)
- financial (26)
- fitbit (83)
- flash (30)
- flood (46)
- font (98)
- food (500)
- foreigner (28)
- france (29)
- furniture (34)
- fusionreactor (41)
- gadget (37)
- game (559)
- gender (66)
- gene (27)
- generator (37)
- german (62)
- gis (41)
- git (44)
- github (43)
- globalwarming (70)
- goods (47)
- google (527)
- googlemaps (38)
- gourmet (110)
- gov (427)
- governance (58)
- gps (28)
- gun (28)
- hatebu (28)
- hatena (69)
- headphone (32)
- health (341)
- helicopter (46)
- highway (27)
- history (577)
- home (36)
- honda (57)
- hongkong (93)
- housekeeping (39)
- housing (104)
- hp (48)
- hr (234)
- html (161)
- html5 (30)
- huawei (44)
- hydrogen (113)
- iOS (158)
- iPad (47)
- iPhone (186)
- icon (48)
- ie (73)
- ie9 (26)
- imaging (94)
- ime (46)
- india (60)
- inflation (38)
- insect (38)
- intel (131)
- internet (166)
- interview (33)
- iran (52)
- israel (59)
- japan (284)
- japanese (32)
- javascript (301)
- job (114)
- jsdf (242)
- keyboard (124)
- kickstarter (68)
- kindle (202)
- kinect (37)
- korea (207)
- language (87)
- laser (52)
- law (161)
- lawcase (174)
- lcd (109)
- lenovo (32)
- library (36)
- life (211)
- linq (27)
- linux (26)
- llm (98)
- local (32)
- localgov (47)
- localize (56)
- lockdown (27)
- longcovid (112)
- lumia (44)
- mac (33)
- machinelearning (210)
- make (48)
- management (167)
- mango (29)
- mansion (34)
- manufacturing (287)
- map (335)
- marketing (99)
- marketplace (55)
- marketshare (66)
- mars (68)
- mask (38)
- material (204)
- mazda (315)
- media (238)
- medical (507)
- medicine (199)
- memory (63)
- metro (74)
- metroUI (33)
- microsoft (406)
- missile (116)
- mitsubishi (30)
- mobile (164)
- mobileapp (131)
- modeling (61)
- moderna (53)
- money (54)
- monitor (31)
- mono (61)
- mouse (26)
- movie (694)
- mr (42)
- msdn (36)
- msft (54)
- mskk (52)
- music (151)
- mvvm (51)
- nasa (134)
- nato (44)
- navi (85)
- neta (375)
- network (37)
- neuecc (29)
- news (75)
- nfc (49)
- nhk (46)
- nintendo (92)
- nissan (70)
- nokia (119)
- nuclear (109)
- office (78)
- oil (48)
- olympic (54)
- omicronvoc (334)
- oss (70)
- outbreak (188)
- panasonic (189)
- pandemic (36)
- patent (119)
- pc (135)
- pen (37)
- performance (64)
- photo (111)
- pioneer (49)
- politics (1266)
- power (123)
- privacy (161)
- programming (77)
- publishing (113)
- putin (56)
- recession (922)
- recipe (115)
- religion (50)
- report (39)
- retail (106)
- review (338)
- road (156)
- robot (95)
- rocket (120)
- rumor (378)
- russia (1063)
- rx (32)
- safety (117)
- sample (34)
- samsung (128)
- saudiarabia (36)
- scandal (41)
- science (98)
- search (68)
- security (657)
- self (56)
- semiconductor (125)
- sengawa (34)
- sensor (49)
- settings (59)
- sharp (97)
- shibayan (34)
- shibuya (38)
- shinjyuku (55)
- ship (29)
- silverlight (271)
- simulation (39)
- sleep (55)
- smarthome (155)
- smartphone (243)
- sns (266)
- social (209)
- society (393)
- solar (272)
- sony (235)
- sound (34)
- space (171)
- spacex (40)
- startup (117)
- stationery (42)
- statistics (342)
- stock (202)
- surface (248)
- tablet (79)
- tabletPC (65)
- taiwan (151)
- tax (93)
- tempest (26)
- tesla (191)
- test (53)
- tokyo (228)
- tool (45)
- toshiba (83)
- touch (33)
- toyota (191)
- tradewar (124)
- traffic (63)
- train (245)
- travel (166)
- trouble (1222)
- tunnel (75)
- tv (190)
- tvcm (31)
- twitter (445)
- uav (188)
- ui (60)
- ukraine (708)
- unity (50)
- usa (989)
- usaf (160)
- usarmy (49)
- usb (104)
- usnavy (75)
- uwp (122)
- ux (55)
- vaccine (370)
- vaio (42)
- visualstudio (204)
- voice (80)
- voiceagent (29)
- volcano (90)
- vr (107)
- w10dev (103)
- w10m (104)
- war (1126)
- wasm (28)
- water (54)
- wearable (162)
- weather (85)
- web (64)
- webapi (116)
- webdesign (36)
- webservice (213)
- wifi (102)
- win32 (109)
- win8dev (223)
- windows (121)
- windows10 (235)
- windows11 (64)
- windows7 (125)
- windows8 (400)
- windows8.1 (60)
- workstyle (30)
- world (92)
- wp7 (517)
- wp7dev (325)
- wp8 (299)
- wp8.1 (44)
- wp8dev (54)
- wpdev (27)
- wpf (196)
- xamarin (60)
- xaml (256)
- xbb (39)
- xbox (49)
- yahoo (38)
- yen (42)
- yokohama (28)
- youtube (111)
- あとで読む (50)
- これはすごい (144)
- これはひどい (177)
- 増田 (864)
- 外環 (119)
- 大山顕 (33)
- 安倍晋三 (84)
- 東日本大震災 (45)
- 武漢肺炎 (34)
- 福島原発 (62)
- 習近平 (28)
- 自民党 (141)
- 蓄電 (54)
- 首都高 (57)
- china (2610)
- covid-19 (1684)
- politics (1266)
- trouble (1222)
- war (1126)
- russia (1063)
- car (1000)
- usa (989)
- recession (922)
- construction (880)
twitterとOAuthに関するkaorunのブックマーク (3)
-
kaorun 2018/07/24
- spa
- react
- OAuth
リンク -
PC の時計が遅れていたら Twitter 専用クライアントは使えない
Twitter の専用クライアントをセットアップするときの FAQ として「アカウントが認証されなくて使えない」というのがあります。 Web だと普通にログインできるアカウントが ID もパスワードも合ってるのに専用クライアントでエラーになってしまう原因は、ほぼまちがいなく PC 内蔵時計がズレてるです。 認証に使われてる OAuth / xAuth プロトコルがタイムスタンプも利用する仕様になっていて、このタイムスタンプがあまりに古いと Twitter では不正なリクエストとしてエラーにされてしまいます。 専用クライアントではタイムスタンプを PC 内蔵時計から得ているので、時計が狂ってるとエラーになってしまうのはそういうわけです。 これは OAuth の仕様で「タイムスタンプが古いリクエストは拒否ってもいいよ」となっていることを受けての Twitter 側の仕様のようです。 で、実際ど
-
-
1
A Windows Phone 7 Twitter Application : Part 1 of 2 (Understanding oAuth)公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx