我正在与Firebase一起使用以构建身份验证系统。我的App.js如下所示:
import React, { Component } from 'react'
import firebase from './firebase'
export class App extends Component {
handleClick=()=>{
var recaptcha = new firebase.auth.RecaptchaVerifier('recaptcha');
var number = '+918777698604';
firebase.auth().signInWithPhoneNumber(number, recaptcha).then( function(e) {
var code = prompt('Enter the otp', '');
if(code === null) return;
e.confirm(code).then(function (result) {
console.log(result.user);
document.querySelector('label').textContent += result.user.phoneNumber + "Number verified";
}).catch(function (error) {
console.error( error);
});
})
.catch(function (error) {
console.error( error);
});
}
render() {
return (
<div>
<label></label>
<div id="recaptcha"></div>
<button onClick={this.handleClick}>Click</button>
</div>
)
}
}
export default App
工作正常。但是我需要将其分离为黑白和前端代码。就像我可以将b / w编写为节点函数,并希望使用axios将其包含在前端中一样。
如果我分离出代码,则需要使用POSTMAN进行测试。
这两项都是可行的吗?