生成一段Github报告

github:github.com/pengliheng/…

效果展示:chat.pipk.top/githubRepor…

先拿到github的私人access_token

将token保存在环境变量中。

再post

axios({
  url: 'https://chat.pipk.top/graphql',   // 你的接口
  method: 'post',
  // url: `https://api.github.com/graphql`,
  // method: 'post',
  // headers: {
  //   'Authorization': `bearer ${process.env.access_token}`,
  //   'Content-Type': 'application/json'
  // },
  data: {
    query: `{
      search(query: "${args.name||'pengliheng'}", type: USER, first: 1) {    
        edges {
          node {
            ... on User {
              avatarUrl login bio url createdAt
              contributedRepositories(first: 100,orderBy: {field: CREATED_AT, direction: DESC}) {
                totalCount
                nodes{
                  nameWithOwner url
                }
              }
              starredRepositories(first:100) {
                nodes {
                  primaryLanguage {
                    name color
                  }
                }
              }
            }
          }
        }
      }
    }`,
  },
}).then(res => resolve(res.data.data))
  .catch(err => reject(err))
})复制代码
通过githubV4接口拿到接口数据复制代码

再将数据展示到前台页面

// 通过react 使用方法

// package
import React, { Component } from "react";
import Github from "@pengliheng/github-report";
import '@pengliheng/github-report/lib/index.less';

class Root extends Component {
  render() {
    return (
      <div className="github">
        <Github name="yinxin630"/>
      </div>
    );
  }
}

render(
  <Root />,
  document.getElementById('root'),
);复制代码


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值