115 lines
4.1 KiB
Markdown
115 lines
4.1 KiB
Markdown
---
|
|
id: 589a69f5f9fc0f352b528e71
|
|
title: Implementación de la autentificación social II
|
|
challengeType: 2
|
|
forumTopicId: 301557
|
|
dashedName: implementation-of-social-authentication-ii
|
|
---
|
|
|
|
# --description--
|
|
|
|
La última parte de configurar tu autentificación de GitHub es crear la propia estrategia. Para esto, necesitarás agregar la dependencia de `passport-github@~1.1.0` a tu proyecto y requiérelo en tu `auth.js` como `GithubStrategy` así: `const GitHubStrategy = require('passport-github').Strategy;`. No olvides requerir y configurar `dotenv` para usar tus variables de entorno.
|
|
|
|
Para configurar la estrategia de GitHub, debes decirle a Passport que utilice una instancia de `GitHubStrategy`, que acepta 2 argumentos: un objeto (que contiene `clientID`, `clientSecret`, y `callbackURL`) y una función a ser llamada cuando un usuario es autentificado con éxito, que determinará si el usuario es nuevo y qué campos guardar inicialmente en el objeto de base de datos del usuario. Esto es común en muchas estrategias, pero algunas pueden requerir más información como se indica en el README de GitHub de esa estrategia específica. Por ejemplo, Google requiere un *ámbito* también que determina qué tipo de información está pidiendo que se le devuelva y pide al usuario que apruebe dicho acceso. La estrategia actual que estamos implementando tiene su uso descrito [aquí](https://github.com/jaredhanson/passport-github/), ¡pero estamos pasando por todo aquí mismo en freeCodeCamp!
|
|
|
|
Así es como debe ser tu nueva estrategia en este punto:
|
|
|
|
```js
|
|
passport.use(new GitHubStrategy({
|
|
clientID: process.env.GITHUB_CLIENT_ID,
|
|
clientSecret: process.env.GITHUB_CLIENT_SECRET,
|
|
callbackURL: /*INSERT CALLBACK URL ENTERED INTO GITHUB HERE*/
|
|
},
|
|
function(accessToken, refreshToken, profile, cb) {
|
|
console.log(profile);
|
|
//Database logic here with callback containing our user object
|
|
}
|
|
));
|
|
```
|
|
|
|
Tu autentificación no tendrá éxito todavía, y de hecho lanzará un error sin la lógica de la base de datos y el callback, ¡pero debería registrar tu perfil de GitHub en tu consola si lo intentas!
|
|
|
|
Envía tu página cuando creas que lo has hecho bien. Si te encuentras con errores, puedes revisar el proyecto completado hasta este punto [aquí](https://gist.github.com/camperbot/ff3a1166684c1b184709ac0bee30dee6).
|
|
|
|
# --hints--
|
|
|
|
debe añadirse la dependencia passport-github.
|
|
|
|
```js
|
|
(getUserInput) =>
|
|
$.get(getUserInput('url') + '/_api/package.json').then(
|
|
(data) => {
|
|
var packJson = JSON.parse(data);
|
|
assert.property(
|
|
packJson.dependencies,
|
|
'passport-github',
|
|
'Your project should list "passport-github" as a dependency'
|
|
);
|
|
},
|
|
(xhr) => {
|
|
throw new Error(xhr.statusText);
|
|
}
|
|
);
|
|
```
|
|
|
|
passport-github debe ser requerido.
|
|
|
|
```js
|
|
(getUserInput) =>
|
|
$.get(getUserInput('url') + '/_api/auth.js').then(
|
|
(data) => {
|
|
assert.match(
|
|
data,
|
|
/require.*("|')passport-github("|')/gi,
|
|
'You should have required passport-github'
|
|
);
|
|
},
|
|
(xhr) => {
|
|
throw new Error(xhr.statusText);
|
|
}
|
|
);
|
|
```
|
|
|
|
La estrategia de GitHub debe configurarse correctamente hasta ahora.
|
|
|
|
```js
|
|
(getUserInput) =>
|
|
$.get(getUserInput('url') + '/_api/auth.js').then(
|
|
(data) => {
|
|
assert.match(
|
|
data,
|
|
/passport\.use.*new GitHubStrategy/gis,
|
|
'Passport should use a new GitHubStrategy'
|
|
);
|
|
assert.match(
|
|
data,
|
|
/callbackURL:\s*("|').*("|')/gi,
|
|
'You should have a callbackURL'
|
|
);
|
|
assert.match(
|
|
data,
|
|
/process\.env(\.GITHUB_CLIENT_SECRET|\[(?<q>"|')GITHUB_CLIENT_SECRET\k<q>\])/g,
|
|
'You should use process.env.GITHUB_CLIENT_SECRET'
|
|
);
|
|
assert.match(
|
|
data,
|
|
/process\.env(\.GITHUB_CLIENT_ID|\[(?<q>"|')GITHUB_CLIENT_ID\k<q>\])/g,
|
|
'You should use process.env.GITHUB_CLIENT_ID'
|
|
);
|
|
},
|
|
(xhr) => {
|
|
throw new Error(xhr.statusText);
|
|
}
|
|
);
|
|
```
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
/**
|
|
Backend challenges don't need solutions,
|
|
because they would need to be tested against a full working project.
|
|
Please check our contributing guidelines to learn more.
|
|
*/
|
|
```
|