authing-login-form

Generate a login form on the fly.

by yelexin

HTML

<script src="https://cdn.authing.cn/sdk/javascript/authing-login-form-1.3.0.js"></script>
<button onclick="showForm()" class="btn">
show me the form
</button>
<div id="form-node">

</div>
<!--
扫码登录会跳转到在 Authing 控制台配置的链接，可以通过打开开发者工具查看 Network 中返回的用户相关数据
-->

CSS

.btn {
  background-color: #45bbee;
  border: none;
  border-radius: 4px;
  padding: 5px 10px;
  color: #fff;
}
.btn:hover {
  background-color: #45aaff;
  cursor: pointer;
}

JavaScript

var myForm = new AuthingForm({
    clientId: '5a9fa26cf8635a000185528c',
    secret: '427e24d3b7e289ae9469ab6724dc7ff0',
    mountId: 'form-node'
  });

  function showForm() {
    myForm.show('form-node');
  }