@gaopeng123/rc-login-module
v1.3.7-alpha.1
Published
登录模块
Downloads
152
Readme
rc-login-module
登录组件
Usage
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import {RcLoginModule} from "@gaopeng123/rc-login-module";
const App = () => {
return (
<div>
<RcLoginModule
id={`test`}
user="userId"
password="password"
publicKey=""
method="GET"
url="/assets/login.json"
mainStyle={{backgroundImage: 'url(./assets/background.jpg)'}}
bodyStyle={{right: '200px;'}}
keeplogged={true}
title="食堂管理系统"
/>
</div>
);
};
ReactDOM.render(<App/>, document.getElementById('root'));
useFeishuLogin
飞书免登录
const [code, resetCode] = useFeishuLogin({
id: 'testapp', // 应用标识 字符串即可
url: 'https://xxx', // 飞书登录地址
app_id: '', // 申请的飞书应用id
redirect_uri: 'https://xxx' // 配置的重定向地址 不需要转义
});
useEffect(() => {
if (code) {
// 调用服务端接口去交换token 交换完成后最好在调用下setCode();
// 登录成功或者失败后 code就不能用了 所以要调用下
resetCode();
}
}, [code]);
feishuShareSdk
飞书h5分享sdk封装
export const feishuShare = feishuShareSdk({
"proxy_prefix": "/feishuAPI", // 处理跨域
"app_id": process.env.REACT_APP_FEISHU_APP_ID as string,
"app_secret": process.env.REACT_APP_FEISHU_APP_SECRET as string
});
// 调用分享
feishuShare.share({url, title, image, content, onSuccess});