Skip to content

Latest commit

 

History

History
84 lines (53 loc) · 2.3 KB

README.zh-CN.md

File metadata and controls

84 lines (53 loc) · 2.3 KB

Vue 快速集成 Authing Demo

License

简体中文 | English

简介

你可以使用 Authing 快速为新开发的或已有的 Vue 应用集成认证能力。此 Demo 程序将为你演示如何使用 Authing Browser SDK 为 Vue 应用添加认证能力。

参考文档

Authing 控制台配置

在控制台的自建应用中，修改你的应用设置：

  • 认证配置：将 登录回调 URL 配置为 https://localhost:3000
  • 授权配置：授权模式 选中 authorization_code、refresh_token
  • 授权配置：返回类型 选中 code

填写你的应用配置

进入到你正在使用的 Vue 版本对应的 demo 目录，在 /.env 配置文件中，填入你的应用配置：

# 应用 ID
VUE_APP_SDK_APPID = 应用 ID

# 应用的认证地址
VUE_APP_SDK_DOMAIN = 应用的认证地址

# 登录回调地址
VUE_APP_SDK_REDIRECT_URI = 登录回调地址

# 应用侧向 Authing 请求的权限，以空格分隔，默认为 'openid profile'
# 成功获取的权限会出现在 Access Token 的 scope 字段中
VUE_APP_SDK_SCOPE = openid profile order:read

# 用于验证 Access Token 是否有权限访问的 API。
# 例如： http://localhost:5000/api/protected
VUE_APP_RESOURCE_API = scope 授权范围

安装依赖

$ yarn install

运行

运行本示例程序：

$ yarn start

开源共建

  • Fork 此仓库
  • 创建自己的 git 分支 (git checkout -b my-new-feature)
  • 提交你的修改 (git commit -am 'Add some feature')
  • 将修改内容推送到远程分支 (git push -u origin my-new-feature)
  • 创建一个 Pull Request

License

MIT

Copyright (c) 2019-present, Authing