OIDC服务能做什么如何创建OIDC应用如何引入OIDC服务（1）如何引入OIDC服务（2）如何引入OIDC服务（3）如何引入OIDC服务（4） OIDC的使用示例(JS) OIDC的使用示例(HTML) OIDC的使用示例(.Net) OIDC的使用示例(Java) OIDC的调用流程 OIDC相关资源下载什么是OAuth OAuth 1.0 OAuth 2.0 OAuth 2.0的授权模式 OIDC（OpenId Connect）身份认证 OAuth 与 OIDC

如何引入OIDC服务（1）

如下为使用默认风格的代码示例：

a、引入样式：

<link rel="stylesheet" href="http://oidc.org.cn/app/oidc.css" />

b、引入数据；

<script type="text/javascript" src="http://oidc.org.cn/oauth/osp.js?key=YOUR_APP_KEY" charset="utf-8"></script>

c、引入脚本：

<script type="text/javascript" src="http://oidc.org.cn/app/oidc.js" charset="utf-8"></script>

e、添加容器标签：

<div id="oidc" name="oidc"></div>

d、初始化调用：

<script type="text/javascript">
    // 使用默认参数
	oidc.init("oidc");
	
	// 使用自定义参数
	var option = {};
	oidc.init("oidc", option);
</script>

e、option选项说明

属性	类型	说明
columns	Number	显示的列数，默认为1；
view	String	显示样式，可选值有：icon(图标方式)，card(卡片方式)，item(列表方式，默认)；
state	String	用户回调参数，用于区分不同的场景。
showHead	Boolean	是否显示卡片头部信息
headHtml	String	卡片头部自定义内容（HTML格式）
showFoot	Boolean	是否显示卡片尾部信息
footHtml	String	卡片尾部自定义内容（HTML格式）
log	Boolean	是否输出Log，默认否。