yyLogin

安装

    yarn add @100tal-yach/yylogin

使用

浏览器使用

<!-- 引入 -->
<script src="node_modules/@100tal-yach/yylogin/lib/yyLogin.browser.js"></script>
<!-- 使用 -->
window.yyLogin(options);

npm 使用

// 引入
import yyLogin from "@100tal-yach/yylogin";
// 使用
yyLogin(options);

options

参数	必填	备注
goto	是	goto 参数结构：https://yach-oapi-test.zhiyinlou.com/connect/oauth2/sns_authorize?appid=APPID&response_type=code&scope=snsapi_login&state=STATE&redirect_uri=REDIRECT_URI，并且要将goto参数urlencode编码。
style	否	渲染二维码的区域的样式，可以自定义去除背景颜色和边框
width	否	表示显示二维码的区域的宽 二维码大小是固定的 210px*210px
height	否	表示显示二维码的区域的
env	否	环境：dev、test、pre、online(default)

示例

import yyLogin from "@100tal-yach/yylogin";
/*
 * 解释一下goto参数，参考以下例子：
 * const url = encodeURIComponent('http://localhost.me/index.php?test=1&aa=2');
 * const goto = encodeURIComponent('https://yach-oapi-test.zhiyinlou.com/connect/oauth2/sns_authorize?appid=appid&response_type=code&scope=snsapi_login&state=STATE&redirect_uri='+url)
 */
const obj = yyLogin({
  id: "login_container", //这里需要你在自己的页面定义一个HTML标签并设置id，例如<div id="login_container"></div>或<span id="login_container"></span>
  goto: "", //请参考注释里的方式
  style: "border:none;background-color:#FFFFFF;",
  width: "365px",
  height: "400px",
  env: "test"
});

CHANGELOG

v3.0.0

2020-04-17

• 更换二维码地址，此版本不向下兼容
• 增加env参数 方便用户切换环境