{"id":1866,"date":"2024-11-27T09:20:53","date_gmt":"2024-11-27T09:20:53","guid":{"rendered":"https:\/\/sparkminds.net\/?p=1866"},"modified":"2025-02-06T02:28:22","modified_gmt":"2025-02-06T02:28:22","slug":"social-login-integration-with-google-twitter-and-github-account","status":"publish","type":"post","link":"https:\/\/sparkminds.net\/vi\/social-login-integration-with-google-twitter-and-github-account\/","title":{"rendered":"T\u00edch h\u1ee3p \u0110\u0103ng nh\u1eadp M\u1ea1ng x\u00e3 h\u1ed9i v\u1edbi T\u00e0i kho\u1ea3n Google, Twitter v\u00e0 GitHub"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Social Login ng\u00e0y c\u00e0ng tr\u1edf th\u00e0nh m\u1ed9t t\u00ednh n\u0103ng ph\u1ed5 bi\u1ebfn trong c\u00e1c \u1ee9ng d\u1ee5ng v\u00e0 website hi\u1ec7n \u0111\u1ea1i. H\u00e3y c\u00f9ng t\u00ecm hi\u1ec3u c\u00e1c b\u01b0\u1edbc t\u00edch h\u1ee3p Social Login v\u00e0o \u1ee9ng d\u1ee5ng ho\u1eb7c website. Tr\u01b0\u1edbc ti\u00ean, ch\u00fang ta s\u1ebd t\u00ecm hi\u1ec3u kh\u00e1i ni\u1ec7m v\u00e0 nguy\u00ean l\u00fd ho\u1ea1t \u0111\u1ed9ng.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t

Social Login l\u00e0 g\u00ec?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Social Login l\u00e0 ph\u01b0\u01a1ng th\u1ee9c cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng s\u1eed d\u1ee5ng t\u00e0i kho\u1ea3n hi\u1ec7n c\u00f3 tr\u00ean c\u00e1c n\u1ec1n t\u1ea3ng m\u1ea1ng x\u00e3 h\u1ed9i nh\u01b0 Facebook, Google, Twitter,... \u0111\u1ec3 \u0111\u0103ng nh\u1eadp v\u00e0o m\u1ed9t \u1ee9ng d\u1ee5ng ho\u1eb7c website kh\u00e1c m\u00e0 kh\u00f4ng c\u1ea7n \u0111\u0103ng k\u00fd t\u00e0i kho\u1ea3n m\u1edbi.\u00a0<\/p>

Ph\u01b0\u01a1ng th\u1ee9c n\u00e0y gi\u00fap ng\u01b0\u1eddi d\u00f9ng \u0111\u0103ng nh\u1eadp nhanh ch\u00f3ng v\u00e0 thu\u1eadn ti\u1ec7n. \u0110\u1ed3ng th\u1eddi, \u1ee9ng d\u1ee5ng v\u00e0 website c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng thu th\u1eadp m\u1ed9t s\u1ed1 th\u00f4ng tin c\u01a1 b\u1ea3n c\u1ee7a ng\u01b0\u1eddi d\u00f9ng.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t

C\u00e1ch th\u1ee9c ho\u1ea1t \u0111\u1ed9ng<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Quy tr\u00ecnh Social Login \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n th\u00f4ng qua OAuth \u2013 m\u1ed9t giao th\u1ee9c c\u1ea5p quy\u1ec1n truy c\u1eadp. \u1ee8ng d\u1ee5ng s\u1ebd y\u00eau c\u1ea7u quy\u1ec1n truy c\u1eadp v\u00e0o m\u1ed9t s\u1ed1 th\u00f4ng tin t\u1eeb t\u00e0i kho\u1ea3n m\u1ea1ng x\u00e3 h\u1ed9i c\u1ee7a ng\u01b0\u1eddi d\u00f9ng. Sau khi ng\u01b0\u1eddi d\u00f9ng \u0111\u1ed3ng \u00fd, n\u1ec1n t\u1ea3ng m\u1ea1ng x\u00e3 h\u1ed9i s\u1ebd cung c\u1ea5p m\u1ed9t Token cho \u1ee9ng d\u1ee5ng, cho ph\u00e9p \u1ee9ng d\u1ee5ng truy c\u1eadp v\u00e0o nh\u1eefng th\u00f4ng tin \u0111\u00e3 \u0111\u01b0\u1ee3c c\u1ea5p quy\u1ec1n.\u00a0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t

C\u1ea5u h\u00ecnh Social Login <\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

\u0110\u1ec3 t\u00edch h\u1ee3p Social Login, tr\u01b0\u1edbc ti\u00ean ch\u00fang ta c\u1ea7n t\u1ea1o t\u00e0i kho\u1ea3n v\u00e0 c\u1ea5u h\u00ecnh tr\u00ean c\u00e1c n\u1ec1n t\u1ea3ng m\u1ea1ng x\u00e3 h\u1ed9i m\u00e0 \u1ee9ng d\u1ee5ng ho\u1eb7c website s\u1ebd s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111\u0103ng nh\u1eadp. Trong b\u00e0i vi\u1ebft n\u00e0y, ch\u00fang ta s\u1ebd s\u1eed d\u1ee5ng Google, Twitter v\u00e0 GitHub. Sau \u0111\u00f3, thi\u1ebft l\u1eadp m\u1ed9t b\u00ean th\u1ee9 ba \u0111\u1ec3 x\u00e1c th\u1ef1c \u0111\u0103ng nh\u1eadp, ch\u1eb3ng h\u1ea1n nh\u01b0 Firebase.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t

C\u1ea5u h\u00ecnh Google \u0111\u1ec3 t\u00edch h\u1ee3p Social Login<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
  1. Truy c\u1eadp https:\/\/console.cloud.google.com<\/span><\/a>\/ v\u00e0 \u0111\u0103ng nh\u1eadp b\u1eb1ng t\u00e0i kho\u1ea3n Google c\u1ee7a b\u1ea1n.<\/li>
  2. Sau khi \u0111\u0103ng nh\u1eadp, giao di\u1ec7n s\u1ebd hi\u1ec3n th\u1ecb nh\u01b0 h\u00ecnh b\u00ean d\u01b0\u1edbi. Nh\u1ea5n Select a project.<\/b><\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    1. Nh\u1ea5n D\u1ef0 \u00c1N M\u1edaI<\/strong><\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      1. \u0110i\u1ec1n c\u00e1c th\u00f4ng tin T\u00ean D\u1ef1 \u00c1n<\/b>. Ng\u01b0\u1eddi d\u00f9ng s\u1ebd nh\u00ecn th\u1ea5y t\u00ean n\u00e0y khi ti\u1ebfp t\u1ee5c \u0111\u0103ng nh\u1eadp. L\u01b0u \u00fd r\u1eb1ng t\u00ean n\u00e0y kh\u00f4ng th\u1ec3 thay \u0111\u1ed5i sau khi \u0111\u00e3 \u0111\u01b0\u1ee3c thi\u1ebft l\u1eadp. \u0110\u1ecba \u0111i\u1ec3m<\/b> m\u1ee5c n\u00e0y c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c thi\u1ebft l\u1eadp \u1edf ch\u1ebf \u0111\u1ed9 m\u1eb7c \u0111\u1ecbnh. Sau khi ho\u00e0n t\u1ea5t, nh\u1ea5n \u201cCreate\u201d.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
        \n\t\t\t\t
        \n\t\t\t\t\t\t\t
        1. Sau khi t\u1ea1o project th\u00e0nh c\u00f4ng, giao di\u1ec7n s\u1ebd hi\u1ec3n th\u1ecb nh\u01b0 h\u00ecnh b\u00ean d\u01b0\u1edbi. Nh\u1ea5n APIs & Services<\/strong>, v\u00e0 ch\u1ecdn Credentials<\/strong>.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
          \n\t\t\t\t
          \n\t\t\t\t\t\t\t
          1. Ti\u1ebfp theo, ch\u00fang ta c\u1ea7n c\u1ea5u h\u00ecnh Client ID. Th\u00f4ng tin n\u00e0y gi\u00fap Google nh\u1eadn di\u1ec7n v\u00e0 x\u00e1c minh \u1ee9ng d\u1ee5ng c\u1ee7a b\u1ea1n, t\u1eeb \u0111\u00f3 x\u00e1c th\u1ef1c v\u00e0 c\u1ea5p quy\u1ec1n truy c\u1eadp v\u00e0o th\u00f4ng tin t\u00e0i kho\u1ea3n Google.\nTuy nhi\u00ean, tr\u01b0\u1edbc ti\u00ean b\u1ea1n c\u1ea7n c\u1ea5u h\u00ecnh OAuth Consent Screen. \u0110\u00e2y l\u00e0 m\u00e0n h\u00ecnh hi\u1ec3n th\u1ecb khi ng\u01b0\u1eddi d\u00f9ng c\u1ea5p quy\u1ec1n cho \u1ee9ng d\u1ee5ng truy c\u1eadp v\u00e0o c\u00e1c th\u00f4ng tin \u0111\u01b0\u1ee3c b\u1ea3o v\u1ec7, ch\u1eb3ng h\u1ea1n nh\u01b0 th\u00f4ng tin t\u00e0i kho\u1ea3n Google. Nh\u1ea5n CONFIGURE CONSENT SCREEN<\/strong> ngay b\u00ean g\u00f3c ph\u1ea3i tr\u00ean m\u00e0n h\u00ecnh<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
            \n\t\t\t\t
            \n\t\t\t\t\t\t\t
            1. External<\/strong>\u2192 Cho ph\u00e9p t\u1ea5t c\u1ea3 ng\u01b0\u1eddi d\u00f9ng c\u00f3 t\u00e0i kho\u1ea3n Google s\u1eed d\u1ee5ng \u1ee9ng d\u1ee5ng.
              Internal<\/strong>\u2192 Ch\u1ec9 cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng c\u00f3 t\u00e0i kho\u1ea3n Google thu\u1ed9c c\u00f9ng t\u1ed5 ch\u1ee9c v\u1edbi b\u1ea1n s\u1eed d\u1ee5ng \u1ee9ng d\u1ee5ng. Trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y, ch\u00fang ta ch\u1ecdn External<\/strong>.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
              \n\t\t\t\t
              \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
              \n\t\t\t\t
              \n\t\t\t\t\t\t\t
              1. \u0110i\u1ec1n th\u00f4ng tin, \u0111i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 c\u00e1c th\u00f4ng tin \u0111\u01b0\u1ee3c y\u00eau c\u1ea7u. C\u00e1c tr\u01b0\u1eddng c\u00f3 d\u1ea5u (*) l\u00e0 nh\u1eefng th\u00f4ng tin b\u1eaft bu\u1ed9c. Sau khi ho\u00e0n t\u1ea5t, ch\u1ecdn SAVE AND CONTINUE.<\/strong><\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                \n\t\t\t\t
                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                \n\t\t\t\t
                \n\t\t\t\t\t\t\t
                  \n \t
                1. Trong Scopes<\/strong> tab, b\u1ea1n s\u1ebd c\u1ea5u h\u00ecnh chi ti\u1ebft \u1ee9ng d\u1ee5ng c\u1ee7a b\u1ea1n s\u1ebd y\u00eau c\u1ea7u t\u1eeb ng\u01b0\u1eddi d\u00f9ng. Sau \u0111\u00f3, nh\u1ea5n Sau khi ho\u00e0n t\u1ea5t, ch\u1ecdn SAVE AND CONTINUE.<\/strong> v\u00e0 ch\u1ecdn BACK TO DASHBOARD<\/strong><\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                  \n\t\t\t\t
                  \n\t\t\t\t\t\t\t
                  1. Sau khi c\u1ea5u h\u00ecnh OAuth Consent Screen, quay l\u1ea1i tab Credentials v\u00e0 ch\u1ecdn CREATE CREDENTIALS \u2192 OAuth client ID. T\u1ea1i tr\u01b0\u1eddng Application type, ch\u1ecdn \u201cWeb application\u201d.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                    \n\t\t\t\t
                    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                    \n\t\t\t\t
                    \n\t\t\t\t\t\t\t
                    1. Authorized JavaScript origins: \u0110\u00e2y l\u00e0 \u0111\u1ecba ch\u1ec9 m\u00e1y ch\u1ee7 (host) c\u1ee7a website c\u1ee7a b\u1ea1n.
                      Authorized redirect URIs: \u0110\u00e2y l\u00e0 URL m\u00e0 ng\u01b0\u1eddi d\u00f9ng s\u1ebd \u0111\u01b0\u1ee3c chuy\u1ec3n h\u01b0\u1edbng \u0111\u1ebfn sau khi x\u00e1c th\u1ef1c th\u00e0nh c\u00f4ng.\nSau khi \u0111i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 c\u00e1c th\u00f4ng tin nh\u01b0 trong h\u00ecnh, ch\u1ecdn \u201cCREATE\u201d.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                      \n\t\t\t\t
                      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                      \n\t\t\t\t
                      \n\t\t\t\t\t\t\t
                      1. Sau khi t\u1ea1o Client ID th\u00e0nh c\u00f4ng, sao ch\u00e9p Client ID v\u00e0 Client Secret v\u00e0o file .env.
                        VITE_GOOGLE_LOGIN_CLIENT_ID=Client ID VITE_GOOGLE_LOGIN_CLIENT_SECRET=Client secret\u00a0<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                        \n\t\t\t\t
                        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                        \n\t\t\t\t
                        \n\t\t\t

                        T\u00edch h\u1ee3p \u0110\u0103ng nh\u1eadp M\u1ea1ng x\u00e3 h\u1ed9i v\u1edbi Twitter<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                        \n\t\t\t\t
                        \n\t\t\t\t\t\t\t
                        1. Truy c\u1eadp https:\/\/developer.x.com\/en<\/span><\/a> v\u00e0 \u0111\u0103ng k\u00fd t\u00e0i kho\u1ea3n Developer. Quy tr\u00ecnh \u0111\u0103ng k\u00fd t\u01b0\u01a1ng t\u1ef1 nh\u01b0 khi t\u1ea1o m\u1ed9t t\u00e0i kho\u1ea3n Twitter th\u00f4ng th\u01b0\u1eddng.<\/li>
                        2. Sau khi \u0111\u0103ng k\u00fd th\u00e0nh c\u00f4ng, giao di\u1ec7n s\u1ebd hi\u1ec3n th\u1ecb nh\u01b0 h\u00ecnh b\u00ean d\u01b0\u1edbi. Theo m\u1eb7c \u0111\u1ecbnh, h\u1ec7 th\u1ed1ng s\u1ebd t\u1ef1 \u0111\u1ed9ng t\u1ea1o s\u1eb5n m\u1ed9t \u1ee9ng d\u1ee5ng (App) cho b\u1ea1n.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                          \n\t\t\t\t
                          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                          \n\t\t\t\t
                          \n\t\t\t\t\t\t\t
                          1. Select “Overview” (1) \u2192 “Install” (2) \u2192 In the “User authentication settings<\/strong>” section, select “Set up<\/strong>“<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                            \n\t\t\t\t
                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                            \n\t\t\t\t
                            \n\t\t\t\t\t\t\t
                              \n \t
                            1. Trong ph\u1ea7n \u201cApp permissions\u201d, ch\u1ecdn quy\u1ec1n ph\u00f9 h\u1ee3p v\u1edbi \u1ee9ng d\u1ee5ng c\u1ee7a b\u1ea1n. \u0110\u1ed1i v\u1edbi ph\u1ea7n \u201cType of app\u201d, ch\u1ecdnWeb App, Automated App or Bot<\/b>\". Trong \"App info<\/b>\" ph\u1ea7n, nh\u1eadp m\u1ed9t URL t\u1ea1m th\u1eddi h\u1ee3p l\u1ec7 v\u00e0o tr\u01b0\u1eddng Callback URI \/ Redirect URL<\/b> trong tr\u01b0\u1eddng n\u00e0y \u0111\u1ec3 ho\u00e0n t\u1ea5t c\u1ea5u h\u00ecnh. B\u1ea1n s\u1ebd thay \u0111\u1ed5i URL n\u00e0y sau khi c\u1ea5u h\u00ecnh Firebase \u1edf b\u01b0\u1edbc (1*). \u0110\u1ed1i v\u1edbi Website URL,<\/b> Nh\u1eadp \u0111\u01b0\u1eddng d\u1eabn website c\u1ee7a b\u1ea1n.\nL\u01b0u \u00fd: B\u1ea1n kh\u00f4ng th\u1ec3 s\u1eed d\u1ee5ng localhost, v\u00ec v\u1eady c\u1ea7n tri\u1ec3n khai website ho\u1eb7c s\u1eed d\u1ee5ng m\u1ed9t URL h\u1ee3p l\u1ec7 kh\u00e1c. Sau khi \u0111i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 th\u00f4ng tin, nh\u1ea5n Save<\/b>H\u00e3y \u0111\u1ea3m b\u1ea3o l\u01b0u Client ID v\u00e0 Client Secret v\u00e0o file .env.<\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                              \n\t\t\t\t
                              \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                              \n\t\t\t\t
                              \n\t\t\t\t\t\t\t
                                \n \t
                              1. Ch\u1ecdn \u201cKeys and Tokens\u201d \u2192 \u201cRegenerate\u201d \u0111\u1ec3 t\u1ea1o l\u1ea1i API Key v\u00e0 API Key Secret. H\u00e3y nh\u1edb l\u01b0u API Key v\u00e0 API Key Secret \u0111\u1ec3 c\u1ea5u h\u00ecnh Firebase \u1edf b\u01b0\u1edbc (2*). <\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                \n\t\t\t\t
                                \n\t\t\t

                                Integrate Github cho Login<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                \n\t\t\t\t
                                \n\t\t\t\t\t\t\t
                                1. Go to https:\/\/github.com\/settings\/profile. In the Developer Settings<\/strong> tab \u2192 ch\u1ecdn OAuth Apps<\/strong><\/li>
                                2. Ch\u1ecdn New OAuth App<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                  \n\t\t\t\t
                                  \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                  \n\t\t\t\t
                                  \n\t\t\t\t\t\t\t
                                  1. \u0110i\u1ec1n t\u1ea5t c\u1ea3 th\u00f4ng tin Authorization callback URL<\/i><\/b> (3) t\u1ea1m th\u1eddi \u0111\u1eb7t th\u00e0nh* http:localhost:3000<\/strong>, sau \u0111\u00f3 s\u1ebd \u0111\u01b0\u1ee3c thay th\u1ebf b\u1eb1ng li\u00ean k\u1ebft t\u1eeb Firebase \u1edf b\u01b0\u1edbc ti\u1ebfp theo.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                    \n\t\t\t\t
                                    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                    \n\t\t\t\t
                                    \n\t\t\t\t\t\t\t
                                    1. L\u01b0u Client ID v\u00e0 Client Secret v\u00e0o file .env \u1edf b\u01b0\u1edbc (4).
                                      VITE_GITHUB_CLIENT_ID=Client ID

                                      VITE_GITHUB_CLIENT_SECRET=Client secrets<\/p><\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

                                      \n\t\t\t\t
                                      \n\t\t\t

                                      C\u1ea5u h\u00ecnh Firebase \u0111\u1ec3 t\u00edch h\u1ee3p Social Login<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                      \n\t\t\t\t
                                      \n\t\t\t\t\t\t\t
                                      1. \u0110\u0103ng k\u00fd https:\/\/console.firebase.google.com\/u\/1\/<\/span> <\/a>b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng t\u00e0i kho\u1ea3n Google. Sau \u0111\u00f3, ch\u1ecdn H\u00e3y b\u1eaft \u0111\u1ea7u v\u1edbi 1 d\u1ef1 \u00e1n Firebase<\/strong> \u0111\u1ec3 b\u1eaft \u0111\u1ea7u.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                        \n\t\t\t\t
                                        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                        \n\t\t\t\t
                                        \n\t\t\t\t\t\t\t
                                          \n \t
                                        1. \u0110i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 c\u00e1c th\u00f4ng tin c\u1ea7n thi\u1ebft, sau \u0111\u00f3 nh\u1ea5n Continue hai l\u1ea7n v\u00e0 ch\u1ecdn Create project. B\u1ea1n c\u1ea7n ch\u1edd m\u1ed9t l\u00fac \u0111\u1ec3 h\u1ec7 th\u1ed1ng ho\u00e0n t\u1ea5t vi\u1ec7c c\u1ea5u h\u00ecnh project.<\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                          \n\t\t\t\t
                                          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                          \n\t\t\t\t
                                          \n\t\t\t\t\t\t\t
                                          1. Sau khi t\u1ea1o 1 d\u1ef1 \u00e1n, ch\u1ecdn Authentication,<\/strong> ti\u1ebfp theo ch\u1ecdn Get started<\/strong>, v\u00e0 cu\u1ed1i c\u00f9ng click Sign-in method.<\/strong> Vi\u1ec7c \u0111\u1ea7u ti\u00ean, ch\u00fang t\u00f4i ph\u1ea3i c\u1ea5u h\u00ecnh Twitter<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                            \n\t\t\t\t
                                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                            \n\t\t\t\t
                                            \n\t\t\t\t\t\t\t
                                            1. Select Twitter<\/b>v\u00e0 nh\u1eadp API Key v\u00e0 API Secret \u0111\u00e3 l\u1ea5y \u1edf b\u01b0\u1edbc (2*). Sao ch\u00e9p Handler Link v\u00e0 d\u00e1n v\u00e0o tr\u01b0\u1eddng Callback URI \/ Redirect URL \u1edf b\u01b0\u1edbc (1)*. Sau \u0111\u00f3, nh\u1ea5n Save <\/b><\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                              \n\t\t\t\t
                                              \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                              \n\t\t\t\t
                                              \n\t\t\t\t\t\t\t
                                              1. Ch\u1ecdn Add new provider \u2192 GitHub. Nh\u1eadp Client ID v\u00e0 Client Secret \u0111\u00e3 t\u1ea1o \u1edf b\u01b0\u1edbc (3).* Sau \u0111\u00f3, sao ch\u00e9p URL Handler v\u00e0 \u0111i\u1ec1n v\u00e0o tr\u01b0\u1eddng Authorization Callback URL \u1edf b\u01b0\u1edbc (3).* Nh\u1ea5n Save<\/b>.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                \n\t\t\t\t
                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                \n\t\t\t\t
                                                \n\t\t\t\t\t\t\t
                                                  \n \t
                                                1. \u0110\u1ec3 l\u1ea5y the Firebase th\u00f4ng tin c\u1ea5u h\u00ecnh cho web, ch\u00fang t\u00f4i click Project settings<\/strong> in the Project Overview tab. Choose icon <\/><\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                  \n\t\t\t\t
                                                  \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                  \n\t\t\t\t
                                                  \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                  \n\t\t\t\t
                                                  \n\t\t\t\t\t\t\t
                                                    \n \t
                                                  1. \u0110i\u1ec1n t\u1ea5t c\u1ea3 c\u00e1c th\u00f4ng tin v\u00e0o form v\u00e0 sau \u0111\u00f3 ch\u1ecdn Register App <\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                    \n\t\t\t\t
                                                    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                    \n\t\t\t\t
                                                    \n\t\t\t\t\t\t\t
                                                    1. Nh\u1eadp c\u00e1c th\u00f4ng tin trong ph\u1ea7n firebaseConfig v\u00e0o c\u00e1c tr\u01b0\u1eddng t\u01b0\u01a1ng \u1ee9ng trong file .env.
                                                      VITE_FIREBASE_PROJECT_ID=projectId
                                                      VITE_FIREBASE_API_KEY=apiKey
                                                      VITE_FIREBASE_MESSAGE_SENDER_ID=messagingSenderId
                                                      VITE_FIREBASE_AUTH_DOMAIN=authDomain
                                                      VITE_FIREBASE_STORAGE_BUCKET=storageBucket
                                                      VITE_FIREBASE_APP_ID=appId
                                                      VITE_FIREBASE_MEASUREMENT_ID=measurementId<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                      \n\t\t\t\t
                                                      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                      \n\t\t\t\t
                                                      \n\t\t\t

                                                      M\u00e0n h\u00ecnh h\u01b0\u1edbng d\u1eabn cho \u0111\u0103ng nh\u1eadp m\u1ea1ng x\u00e3 h\u1ed9i<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                      \n\t\t\t\t
                                                      \n\t\t\t

                                                      Login with Google<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                      \n\t\t\t\t
                                                      \n\t\t\t\t\t\t\t
                                                      1. Select Log in with Google<\/strong><\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                        \n\t\t\t\t
                                                        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                        \n\t\t\t\t
                                                        \n\t\t\t\t\t\t\t
                                                          \n \t
                                                        1. Ch\u1ecdn t\u00e0i kho\u1ea3n c\u1ee7a b\u1ea1n, hay \u0111\u0103ng k\u00fd t\u00e0i kho\u1ea3n kh\u00e1c <\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                          \n\t\t\t\t
                                                          \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                          \n\t\t\t\t
                                                          \n\t\t\t\t\t\t\t
                                                            \n \t
                                                          1. B\u1ea1n s\u1ebd nh\u1eadn \u0111\u01b0\u1ee3c th\u00f4ng b\u00e1o \u0111\u0103ng k\u00fd th\u00e0nh c\u00f4ng.<\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                            \n\t\t\t\t
                                                            \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                            \n\t\t\t\t
                                                            \n\t\t\t

                                                            Login v\u00e0o Twitter<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                            \n\t\t\t\t
                                                            \n\t\t\t\t\t\t\t
                                                              \n \t
                                                            1. Select Log in with Twitter<\/strong><\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                              \n\t\t\t\t
                                                              \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                              \n\t\t\t\t
                                                              \n\t\t\t\t\t\t\t
                                                              1. Ch\u1ecdn Authorize App<\/strong><\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                \n\t\t\t\t
                                                                \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                \n\t\t\t\t
                                                                \n\t\t\t\t\t\t\t
                                                                  \n \t
                                                                1. B\u1ea1n s\u1ebd nh\u1eadn \u0111\u01b0\u1ee3c th\u00f4ng b\u00e1o \u0111\u0103ng k\u00fd th\u00e0nh c\u00f4ng.<\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                  \n\t\t\t\t
                                                                  \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                  \n\t\t\t\t
                                                                  \n\t\t\t

                                                                  Login v\u00e0o Github<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                  \n\t\t\t\t
                                                                  \n\t\t\t\t\t\t\t
                                                                    \n \t
                                                                  1. Select Log in with Github<\/strong><\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                    \n\t\t\t\t
                                                                    \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                    \n\t\t\t\t
                                                                    \n\t\t\t\t\t\t\t
                                                                    1. Nh\u1ea5n Authorize<\/strong> button<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                      \n\t\t\t\t
                                                                      \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                      \n\t\t\t\t
                                                                      \n\t\t\t\t\t\t\t
                                                                        \n \t
                                                                      1. B\u1ea1n s\u1ebd nh\u1eadn \u0111\u01b0\u1ee3c th\u00f4ng b\u00e1o \u0111\u0103ng k\u00fd th\u00e0nh c\u00f4ng.<\/li>\n<\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                        \n\t\t\t\t
                                                                        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                        \n\t\t\t\t
                                                                        \n\t\t\t

                                                                        Lu\u1ed3ng m\u00e0n h\u00ecnh <\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                        \n\t\t\t\t
                                                                        \n\t\t\t\t\t\t\t

                                                                        S\u01a1 \u0111\u1ed3 d\u01b0\u1edbi \u0111\u00e2y minh h\u1ecda quy tr\u00ecnh Social Login cho m\u1ed9t \u1ee9ng d\u1ee5ng Web. C\u00e1c b\u01b0\u1edbc th\u1ef1c hi\u1ec7n nh\u01b0 sau:
                                                                        1. \u0110\u0103ng nh\u1eadp - Ng\u01b0\u1eddi d\u00f9ng b\u1eaft \u0111\u1ea7u \u0111\u0103ng k\u00fd t\u00e0i kho\u1ea3n tr\u00ean m\u1ed9t n\u1ec1n t\u1ea3ng m\u1ea1ng x\u00e3 h\u1ed9i b\u1ea5t k\u1ef3.<\/p>

                                                                        \u25cf N\u1ebfu \u0111\u0103ng nh\u1eadp kh\u00f4ng th\u00e0nh c\u00f4ng:<\/strong>
                                                                        Ng\u01b0\u1eddi d\u00f9ng \u0111\u01b0\u1ee3c chuy\u1ec3n tr\u1edf l\u1ea1i trang localhost:3000\/login \u0111\u1ec3 th\u1eed \u0111\u0103ng nh\u1eadp l\u1ea1i.
                                                                        \u25cf N\u1ebfu \u0111\u0103ng nh\u1eadp th\u00e0nh c\u00f4ng:<\/strong>
                                                                        H\u1ec7 th\u1ed1ng chuy\u1ec3n h\u01b0\u1edbng \u0111\u1ebfn localhost:3000 v\u00e0 ti\u1ebfp t\u1ee5c \u0111\u1ebfn b\u01b0\u1edbc Decision: Ki\u1ec3m tra tr\u1ea1ng th\u00e1i \u0111\u0103ng nh\u1eadp.<\/p>

                                                                        2. Quy\u1ebft \u0111\u1ecbnh: Ki\u1ec3m tra tr\u1ea1ng th\u00e1i \u0111\u0103ng nh\u1eadp - H\u1ec7 th\u1ed1ng ki\u1ec3m tra xem ng\u01b0\u1eddi d\u00f9ng \u0111\u00e3 \u0111\u0103ng nh\u1eadp hay ch\u01b0a.<\/p>

                                                                        \u25cf N\u1ebfu ng\u01b0\u1eddi d\u00f9ng \u0111\u00e3 \u0111\u0103ng nh\u1eadp:<\/strong>
                                                                        H\u1ec7 th\u1ed1ng hi\u1ec3n th\u1ecb m\u00e0n h\u00ecnh sau \u0111\u0103ng nh\u1eadp t\u01b0\u01a1ng \u1ee9ng v\u1edbi n\u1ec1n t\u1ea3ng m\u1ea1ng x\u00e3 h\u1ed9i m\u00e0 ng\u01b0\u1eddi d\u00f9ng \u0111ang truy c\u1eadp.
                                                                        Sau \u0111\u00f3, chuy\u1ec3n \u0111\u1ebfn<\/strong> endpoint.
                                                                        \u25cf N\u1ebfu ng\u01b0\u1eddi d\u00f9ng ch\u01b0a \u0111\u0103ng nh\u1eadp:<\/strong>
                                                                        H\u1ec7 th\u1ed1ng chuy\u1ec3n ng\u01b0\u1eddi d\u00f9ng \u0111\u1ebfn trang \u0111\u0103ng nh\u1eadp t\u1ea1i localhost:3000\/login.<\/p>

                                                                        S\u01a1 \u0111\u1ed3 d\u01b0\u1edbi \u0111\u00e2y m\u00f4 t\u1ea3 c\u00e1ch Social Login ho\u1ea1t \u0111\u1ed9ng.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

                                                                        \n\t\t\t\t
                                                                        \n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
                                                                        \n\t\t\t\t
                                                                        \n\t\t\t\t\t\t\t

                                                                        Cu\u1ed1i c\u00f9ng, hy v\u1ecdng sau khi \u0111\u1ecdc b\u00e0i vi\u1ebft n\u00e0y, b\u1ea1n c\u00f3 th\u1ec3 t\u1ef1 m\u00ecnh tri\u1ec3n khai t\u00edch h\u1ee3p Social Login cho \u1ee9ng d\u1ee5ng. C\u00e1c b\u01b0\u1edbc th\u1ef1c hi\u1ec7n kh\u00e1 \u0111\u01a1n gi\u1ea3n v\u00e0 d\u1ec5 d\u00e0ng \u00e1p d\u1ee5ng.\nN\u1ebfu b\u1ea1n \u0111ang c\u00f3 nhu c\u1ea7u ph\u00e1t tri\u1ec3n website ho\u1eb7c \u1ee9ng d\u1ee5ng c\u00f3 t\u00edch h\u1ee3p Social Login, h\u00e3y t\u00ecm hi\u1ec3u th\u00eam v\u1ec1 d\u1ecbch v\u1ee5 ph\u00e1t tri\u1ec3n ph\u1ea7n m\u1ec1m c\u1ee7a SparkMinds. Custom Web\/App Implementation Service<\/span><\/a> v\u00e0 h\u00e3y li\u00ean h\u1ec7<\/span><\/a> \u0111\u1ec3 nh\u1eadn b\u00e1o gi\u00e1.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

                                                                        As we know, social login serves as a common feature in modern apps and websites. Check out our article to […]<\/p>\n","protected":false},"author":1,"featured_media":3210,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[47],"tags":[],"class_list":["post-1866","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","no-social-count","single-post-item mb40"],"acf":[],"yoast_head":"\nSocial Login Integration with Google, Twitter and Github Account<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sparkminds.net\/vi\/social-login-integration-with-google-twitter-and-github-account\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Social Login Integration with Google, Twitter and Github Account\" \/>\n<meta property=\"og:description\" content=\"As we know, social login serves as a common feature in modern apps and websites. Check out our article to […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sparkminds.net\/vi\/social-login-integration-with-google-twitter-and-github-account\/\" \/>\n<meta property=\"og:site_name\" content=\"SparkMinds\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sparkminds.jsc\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-27T09:20:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-06T02:28:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/sparkminds.net\/#\/schema\/person\/f4769a5d0dd2b458b03580b337c920b8\"},\"headline\":\"Social Login Integration with Google, Twitter and Github Account\",\"datePublished\":\"2024-11-27T09:20:53+00:00\",\"dateModified\":\"2025-02-06T02:28:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/\"},\"wordCount\":1313,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/sparkminds.net\/#organization\"},\"image\":{\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp\",\"articleSection\":[\"General\"],\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/\",\"url\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/\",\"name\":\"Social Login Integration with Google, Twitter and Github Account\",\"isPartOf\":{\"@id\":\"https:\/\/sparkminds.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp\",\"datePublished\":\"2024-11-27T09:20:53+00:00\",\"dateModified\":\"2025-02-06T02:28:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#primaryimage\",\"url\":\"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp\",\"contentUrl\":\"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp\",\"width\":1024,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sparkminds.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Social Login Integration with Google, Twitter and Github Account\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sparkminds.net\/#website\",\"url\":\"https:\/\/sparkminds.net\/\",\"name\":\"SparkMinds\",\"description\":\"A Reliable Software Development Partner\",\"publisher\":{\"@id\":\"https:\/\/sparkminds.net\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sparkminds.net\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sparkminds.net\/#organization\",\"name\":\"SparkMinds J.S.C\",\"alternateName\":\"SparkMinds\",\"url\":\"https:\/\/sparkminds.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/sparkminds.net\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/sticky-logo-menu-sparkmind.png\",\"contentUrl\":\"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/sticky-logo-menu-sparkmind.png\",\"width\":181,\"height\":66,\"caption\":\"SparkMinds J.S.C\"},\"image\":{\"@id\":\"https:\/\/sparkminds.net\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sparkminds.jsc\",\"https:\/\/www.linkedin.com\/company\/sparkminds-j-s-c\/about\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/sparkminds.net\/#\/schema\/person\/f4769a5d0dd2b458b03580b337c920b8\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\/\/sparkminds.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdfb7783cd4581a22bc1899273891ef702c5338854739f578d2f5cb72d515f34?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdfb7783cd4581a22bc1899273891ef702c5338854739f578d2f5cb72d515f34?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/sparkminds.net\"],\"url\":\"https:\/\/sparkminds.net\/vi\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"T\u00edch h\u1ee3p \u0110\u0103ng nh\u1eadp M\u1ea1ng x\u00e3 h\u1ed9i v\u1edbi T\u00e0i kho\u1ea3n Google, Twitter v\u00e0 GitHub","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sparkminds.net\/vi\/social-login-integration-with-google-twitter-and-github-account\/","og_locale":"vi_VN","og_type":"article","og_title":"Social Login Integration with Google, Twitter and Github Account","og_description":"As we know, social login serves as a common feature in modern apps and websites. Check out our article to […]","og_url":"https:\/\/sparkminds.net\/vi\/social-login-integration-with-google-twitter-and-github-account\/","og_site_name":"SparkMinds","article_publisher":"https:\/\/www.facebook.com\/sparkminds.jsc","article_published_time":"2024-11-27T09:20:53+00:00","article_modified_time":"2025-02-06T02:28:22+00:00","og_image":[{"width":1024,"height":1024,"url":"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"admin","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"13 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#article","isPartOf":{"@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/"},"author":{"name":"admin","@id":"https:\/\/sparkminds.net\/#\/schema\/person\/f4769a5d0dd2b458b03580b337c920b8"},"headline":"Social Login Integration with Google, Twitter and Github Account","datePublished":"2024-11-27T09:20:53+00:00","dateModified":"2025-02-06T02:28:22+00:00","mainEntityOfPage":{"@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/"},"wordCount":1313,"commentCount":0,"publisher":{"@id":"https:\/\/sparkminds.net\/#organization"},"image":{"@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#primaryimage"},"thumbnailUrl":"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp","articleSection":["General"],"inLanguage":"vi","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/","url":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/","name":"T\u00edch h\u1ee3p \u0110\u0103ng nh\u1eadp M\u1ea1ng x\u00e3 h\u1ed9i v\u1edbi T\u00e0i kho\u1ea3n Google, Twitter v\u00e0 GitHub","isPartOf":{"@id":"https:\/\/sparkminds.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#primaryimage"},"image":{"@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#primaryimage"},"thumbnailUrl":"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp","datePublished":"2024-11-27T09:20:53+00:00","dateModified":"2025-02-06T02:28:22+00:00","breadcrumb":{"@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#primaryimage","url":"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp","contentUrl":"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/Social-Login-Integration.webp","width":1024,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/sparkminds.net\/social-login-integration-with-google-twitter-and-github-account\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sparkminds.net\/"},{"@type":"ListItem","position":2,"name":"Social Login Integration with Google, Twitter and Github Account"}]},{"@type":"WebSite","@id":"https:\/\/sparkminds.net\/#website","url":"https:\/\/sparkminds.net\/","name":"SparkMinds","description":"\u0110\u1ed1i T\u00e1c Ph\u00e1t Tri\u1ec3n Ph\u1ea7n M\u1ec1m \u0110\u00e1ng Tin C\u1eady","publisher":{"@id":"https:\/\/sparkminds.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sparkminds.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/sparkminds.net\/#organization","name":"SparkMinds J.S.C","alternateName":"SparkMinds","url":"https:\/\/sparkminds.net\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/sparkminds.net\/#\/schema\/logo\/image\/","url":"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/sticky-logo-menu-sparkmind.png","contentUrl":"https:\/\/sparkminds.net\/wp-content\/uploads\/2024\/11\/sticky-logo-menu-sparkmind.png","width":181,"height":66,"caption":"SparkMinds J.S.C"},"image":{"@id":"https:\/\/sparkminds.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sparkminds.jsc","https:\/\/www.linkedin.com\/company\/sparkminds-j-s-c\/about\/"]},{"@type":"Person","@id":"https:\/\/sparkminds.net\/#\/schema\/person\/f4769a5d0dd2b458b03580b337c920b8","name":"admin","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/sparkminds.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdfb7783cd4581a22bc1899273891ef702c5338854739f578d2f5cb72d515f34?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdfb7783cd4581a22bc1899273891ef702c5338854739f578d2f5cb72d515f34?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/sparkminds.net"],"url":"https:\/\/sparkminds.net\/vi\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/posts\/1866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/comments?post=1866"}],"version-history":[{"count":8,"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/posts\/1866\/revisions"}],"predecessor-version":[{"id":3229,"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/posts\/1866\/revisions\/3229"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/media\/3210"}],"wp:attachment":[{"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/media?parent=1866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/categories?post=1866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sparkminds.net\/vi\/wp-json\/wp\/v2\/tags?post=1866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}