177 lines
6.2 KiB
JavaScript
177 lines
6.2 KiB
JavaScript
const Interval = 5 * 60 * 1000;
|
|
export default OakComponent({
|
|
isList: false,
|
|
lifetimes: {
|
|
async attached() {
|
|
this.createWechatLogin();
|
|
this.createTimer = setInterval(() => {
|
|
this.createWechatLogin();
|
|
}, Interval);
|
|
this.intervalId = setInterval(() => {
|
|
this.getWechatLogin2();
|
|
}, 1000);
|
|
},
|
|
async detached() {
|
|
if (this.createTimer) {
|
|
clearInterval(this.createTimer);
|
|
}
|
|
if (this.intervalId) {
|
|
clearInterval(this.intervalId);
|
|
}
|
|
},
|
|
},
|
|
data: {
|
|
intervalId: '',
|
|
loading: false,
|
|
successful: false,
|
|
},
|
|
properties: {
|
|
type: 'bind',
|
|
url: '', // 扫码登录/绑定成功跳转的页面
|
|
size: undefined,
|
|
disableBack: false, // 扫码登录/绑定成功后 是否禁用返回
|
|
wechatLoginConfirmPage: '/wechatLogin/confirm',
|
|
qrCodeType: 'wechatPublic',
|
|
},
|
|
methods: {
|
|
async createWechatLogin() {
|
|
const { type = 'bind', wechatLoginConfirmPage, qrCodeType } = this.props;
|
|
const { result: wechatLoginId } = await this.features.cache.exec('createWechatLogin', {
|
|
type,
|
|
interval: Interval,
|
|
router: {
|
|
pathname: wechatLoginConfirmPage
|
|
},
|
|
qrCodeType,
|
|
});
|
|
this.setState({
|
|
wechatLoginId,
|
|
}, () => {
|
|
this.getWechatLogin();
|
|
});
|
|
},
|
|
async getWechatLogin() {
|
|
const { wechatLoginId } = this.state;
|
|
this.setState({
|
|
loading: true,
|
|
});
|
|
const { data: [wechatLogin], } = await this.features.cache.refresh('wechatLogin', {
|
|
data: {
|
|
id: 1,
|
|
userId: 1,
|
|
type: 1,
|
|
qrCodeType: 1,
|
|
remark: 1,
|
|
expired: 1,
|
|
expiresAt: 1,
|
|
successed: 1,
|
|
wechatQrCode$entity: {
|
|
$entity: 'wechatQrCode',
|
|
data: {
|
|
id: 1,
|
|
entity: 1,
|
|
entityId: 1,
|
|
type: 1, //类型
|
|
ticket: 1,
|
|
url: 1,
|
|
buffer: 1,
|
|
expired: 1,
|
|
expiresAt: 1,
|
|
applicationId: 1,
|
|
},
|
|
filter: {
|
|
entity: 'wechatLogin',
|
|
},
|
|
indexFrom: 0,
|
|
count: 1,
|
|
},
|
|
},
|
|
filter: {
|
|
id: wechatLoginId,
|
|
},
|
|
});
|
|
let qrCodeUrl = wechatLogin?.wechatQrCode$entity[0]?.url;
|
|
const buffer = wechatLogin?.wechatQrCode$entity[0]?.buffer;
|
|
if (buffer) {
|
|
const newBuffer = new ArrayBuffer(buffer.length * 2);
|
|
const newBufferToUint16 = new Uint16Array(newBuffer);
|
|
for (let i = 0; i < buffer.length; i++) {
|
|
newBufferToUint16[i] = buffer.charCodeAt(i);
|
|
}
|
|
if (process.env.OAK_PLATFORM === 'wechatMp') {
|
|
const base64Str = wx.arrayBufferToBase64(newBufferToUint16);
|
|
qrCodeUrl = 'data:image/png;base64,' + base64Str;
|
|
}
|
|
else {
|
|
let binary = '';
|
|
const bytes = new Uint8Array(newBufferToUint16);
|
|
const len = bytes.byteLength;
|
|
for (let i = 0; i < len; i++) {
|
|
binary += String.fromCharCode(bytes[i]);
|
|
}
|
|
const base64Str = window.btoa(binary);
|
|
// const buffer2 = Buffer.from(newBufferToUint16, 'base64');
|
|
// const base64Str = buffer2.toString('base64');
|
|
qrCodeUrl = 'data:image/png;base64,' + base64Str;
|
|
}
|
|
}
|
|
this.setState({
|
|
qrCodeUrl,
|
|
loading: false,
|
|
});
|
|
},
|
|
// 每秒调取下面方法，监听用户是否已在微信端授权登录或绑定
|
|
async getWechatLogin2() {
|
|
const { url, disableBack } = this.props;
|
|
const { wechatLoginId } = this.state;
|
|
const { data: [wechatLogin], } = await this.features.cache.refresh('wechatLogin', {
|
|
data: {
|
|
id: 1,
|
|
userId: 1,
|
|
type: 1,
|
|
qrCodeType: 1,
|
|
remark: 1,
|
|
expired: 1,
|
|
expiresAt: 1,
|
|
successed: 1,
|
|
},
|
|
filter: {
|
|
id: wechatLoginId,
|
|
},
|
|
});
|
|
const { successed, type } = wechatLogin || {};
|
|
this.setState({
|
|
successful: successed,
|
|
type,
|
|
}, async () => {
|
|
// 登录/绑定的情况下才走这里
|
|
if (successed) {
|
|
if (type === 'login') {
|
|
await this.features.token.loginByWechatInWebEnv(wechatLoginId);
|
|
}
|
|
// url存在则跳转
|
|
if (url) {
|
|
this.redirectTo({
|
|
url: url,
|
|
});
|
|
return;
|
|
}
|
|
// 登录成功且没有url则返回
|
|
if (!disableBack) {
|
|
this.navigateBack();
|
|
}
|
|
}
|
|
});
|
|
},
|
|
refreshQrCode() {
|
|
if (this.createTimer) {
|
|
clearInterval(this.createTimer);
|
|
}
|
|
this.createWechatLogin();
|
|
this.createTimer = setInterval(() => {
|
|
this.createWechatLogin();
|
|
}, Interval);
|
|
}
|
|
},
|
|
});
|