使用这个工具，可以让你一行代码生成登录表单

<script src="https://cdn.authing.cn/sdk/javascript/authing-login-form-1.0.0.js"></script>

  new AuthingForm({
    clientId: '填入_Authing_的_client_ID',
    secret: '填入_Authing_client_ID_的_secret'
  });

<script src="https://cdn.authing.cn/sdk/javascript/authing-login-form-1.0.0.js"></script>
<script>
  new AuthingForm({
    clientId: '填入_Authing_的_client_ID',
    secret: '填入_Authing_client_ID_的_secret'
  });
</script>

  var form = new AuthingForm({

      // 必选，client ID
    clientId: '5b7f79f519915500015f18ac',
    // 必选，secret
    secret: '82f36cba243e13f81f06675193732af7',

    title: 'Authing',
    logo: 'https://cdn.authing.cn/authing-logo.png',

    forceLogin: false,
    hideQRCode: false,
    hideUP: false,
    hideOAuth: false,
    hideUsername: false,
    hideClose: true,

    mountId: 'app',

    // 输入框的placeholder
    placeholder: {
      username: '',
      email: '',
      password: '',
      confirmPassword: '',
      verfiyCode: '',
      newPassword: ''
    },

    qrcodeScanning: {
      redirect: true, // 可选，是否执行跳转（在用户后台配置的URL），默认为true，相关用户信息回传至url上
      onSuccess: function (res) {
      }, // 可选，登录成功后回调函数，redirect为true时不回调此函数
      onError: function (error) {
      }, // 可选，登录失败后回调函数，一般为网络问题
      onIntervalStarting: function (intervalNum) {
      }, // 可选，轮询时的回调函数，intervalNum 为 setInterval 返回的数值，可使用 clearInterval 停止轮询
      interval: 1500, // 可选，每隔多少秒检查一次是否扫码，默认1500
      tips: '使用 微信 或小程序 身份管家 扫码登录', // 可选，提示信息，可写HTML
    }
  });

var form = new AuthingForm({ clientId: 'xxxx', secret: 'xxxxx'});
form.on('login', function(user) {
    // 成功登录后的回调事件，参数 user 为用户数据
});

form.on('authingLoad', function (authing) {
    console.log('on authing load', authing);
});

form.on('authingUnload', function (error) {
    console.log('on authing load error', error);
});

form.on('oauthLoad', function (oauthList) {
    console.log('on oauth load', oauthList);
});

form.on('oauthUnload', function (error) {
    console.log('on oauth unload', error);
});

form.on('login', function (user) {
    console.log('on login', user);
});

form.on('loginError', function (error) {
    console.log('on login error', error);
});

form.on('register', function (user) {
    console.log('on register', user);
});

form.on('registerError', function (error) {
    console.log('on register error', error);
});

form.on('emailSent', function (data) {
    console.log('on email sent', data);
});

form.on('emailSentError', function (error) {
    console.log('on email sent error');
});

form.on('resetPassword', function (result) {
    console.log('on reset password');
});

form.on('resetPasswordError', function (error) {
    console.log('on reset password error', error);
});

form.on('scanning', function (data) {
    console.log('on scanning success', data);
});

form.on('scanningError', function (error) {
    console.log('on scanning error', error);
});

form.on('scanningIntervalStarting', function (interval) {
    console.log('on scanning interval starting', interval);
});

form.on('formClosed', function () {
    console.log('on form closed');
});