BitBucket OAuth Consumer

Mr.Hope ... 2020-10-13 大约 1 分钟

# BitBucket OAuth Consumer

# 创建一个新的 OAuth Consumer

  • 前往 Bitbucket settings - OAuth
  • 点击 Add consumer

配置 OAuth App - Bitbucket 01 配置 OAuth App - Bitbucket 02 配置 OAuth App - Bitbucket 03

  • Callback URL 设置为你的网站 URL (这里我们用 localhost:8080 作为示例)
  • 取消选择 This is a private consumer
  • 勾选 Account - ReadIssues - Write 权限

配置 OAuth App - Bitbucket 04 配置 OAuth App - Bitbucket 05

# 获取 Client ID

现在你已经创建了一个新的 OAuth Consumer,并得到了相应的 Key (Client ID).

配置 OAuth App - Bitbucket 06

# 配置并启动你的 Vssue

复制 Client ID,并设置 ownerrepo

Bitbucket repository 的 URL 模式为 https://bitbucket.org/${owner}/${repo}

这里我们以 https://bitbucket.org/meteorlxy/vssue-demo 为例,并把 issue 的 title 设置为 Vssue Demo

然后运行 anywhere -h localhost 8080,在 localhost:8080 监听一个 http server 并返回 index.html

配置 OAuth App - Bitbucket 07

# 在本地尝试 Vssue

Vssue 已经成功运行。点击 Login 使用 Bitbucket 帐号登录。

配置 OAuth App - Bitbucket 08

重定向到 Bitbucket 授权页面。点击 Grant access 来登录。

配置 OAuth App - Bitbucket 09 配置 OAuth App - Bitbucket 10

如果出现加载评论失败,你需要确认你的仓库是否开启了 Issue Tracker 功能。

配置 OAuth App - Bitbucket 11

在当前页面写下评论吧 ~

配置 OAuth App - Bitbucket 12 配置 OAuth App - Bitbucket 13

提示

你可以前往 meteorlxy/vssue-demo (opens new window) 来获取 demo 代码。前往该仓库的 #1 issue (opens new window) 看看发生了什么。