https://github.com/kennytian/github-oauth-app-with-express

https://github.com/kennytian/github-oauth-app-with-express

Last synced: 1 day ago
JSON representation

• Host: GitHub
• URL: https://github.com/kennytian/github-oauth-app-with-express
• Owner: Kennytian
• Created: 2020-04-06T08:11:32.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T09:52:15.000Z (about 2 years ago)
• Last Synced: 2024-11-08T21:09:37.996Z (about 2 months ago)
• Language: JavaScript
• Size: 42 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## GitHub OAuth 登录与简单的 OAuth App 示例

### 一、在 GitHub 后台添加一个 OAuth Apps

https://github.com/settings/developers

注意：在后台里填写的回调要与本地测试一样（如果是线上，同样要保持一致），http://localhost:3005/oauth-callback

### 二、大致流程

User 调用 Login -> GitHub 验证后，调用本地 Callback -> 得到 GitHub token -> 拿到 token 做我们爱做的事

### 三、代码

```javascript

const axios = require('axios');

const express = require('express');

const file = require('fs');

const app = express();

const clientId = 'e265bb5b4107c0d8保密'; // 在 https://github.com/settings/developers 的 OAuth Apps 里获取

const clientSecret = '9501e7f0b6ecee76763f0b0037b4ca87e4f0保密'; // 同上

const commentUrl = 'https://api.github.com/repos/Kennytian/meiqia-react-native/issues/comments';

const host = '127.0.0.1'; // 这里的域名和端口需要填写至 GitHub 后台

const port = 3005;

const tokenPath = `${ process.cwd() }/token.txt`;

app.get('/', (req, res) => {

  const localToken = readLocalToken();

  if (!localToken) {

    res.redirect(`https://github.com/login/oauth/authorize?client_id=${ clientId }&scope=repo`);

  } else {

    updateComment().then(() => {

      res.json({ok: 1, message: '内容更新成功'});

    }).catch(err => {

      res.json({ok: 0, message: err.message})

    })

  }

});

const readLocalToken = () => {

  if (!file.existsSync(tokenPath)) {

    return '';

  }

  return file.readFileSync(tokenPath).toString();

};

const writeLocalToken = (content) => {

  file.writeFileSync(tokenPath, content);

};

const updateComment = async () => {

  const token = readLocalToken();

  if (!token) {

    return;

  }

  await axios.get(commentUrl).then(async res => {

    const [comment] = res.data;

    const {id, body} = comment;

    await axios.patch(`${ commentUrl }/${ id }`, {

      body: body.replace('版本', '版本本')

    }, {headers: {authorization: `token ${ token }`}}).then((({data}) => {

      return data.body;

    }));

    return res.data;

  }).catch(err => {

    if (err.message.indexOf('401')) {

      writeLocalToken('');

      throw new Error('授权失效，请重新授权');

    }

    throw err;

  });

};

app.get('/oauth-callback', (req, res) => {

  const data = {

    client_id: clientId,

    client_secret: clientSecret,

    code: req.query.code,

  };

  const config = {headers: {accept: 'application/json'}};

  axios.post(`https://github.com/login/oauth/access_token`, data, config).then(async ({data}) => {

    const {access_token} = data;

    writeLocalToken(access_token);

    await updateComment();

    await res.json({ok: 1, message: '授权成功，内容也更新成功！'});

  }).catch(err => {

    res.status(500).json({message: err.message});

    writeLocalToken('');

  });

});

app.listen(port, host);

console.log(`App listening on http://${ host }:${ port }`);

```

### 四、需求与结果

给某一个 repo 的 issue，评论内容追加「本」字

https://github.com/Kennytian/meiqia-react-native/issues/32