Add Test file for trying to access the API, Not successful

This commit is contained in:
williameriksson126
2020-11-23 16:22:13 +01:00
parent 45c2922f1f
commit 3a1d06f53a
5 changed files with 76 additions and 2 deletions

View File

@ -4,6 +4,7 @@ import NavigationDrawer from './components/NavigationDrawer.js'
import Header from './components/Header.js'
import PageArea from './components/PageArea.js'
import BottomMenu from './components/BottomMenu.js'
import AccessToken from './components/AccessToken.js'
class App extends Component {
render() {
@ -15,6 +16,7 @@ class App extends Component {
destination = "placeholderDestination"
/>
*/}
<AccessToken />
<NavigationDrawer />
<Header />
<PageArea />

View File

@ -0,0 +1,63 @@
import React from 'react';
import axios from 'axios';
class AccessToken extends React.Component {
state = {
token: 'No token',
responseFromVT: 'No response'
}
handleChange = event => {
this.setState({ token: event.target.value});
}
handleSubmit = event => {
event.preventDefault();
const headers = {
'Content-Type': 'application/x-www-form-urlencoded',
'Authorization': 'Basic ' + this.state.token
};
this.setState({
token: 'Attempting to send token'
})
axios.post('https://api.vasttrafik.se/token', { headers })
.then(response => {
this.setState({
responseFromVT: response.data.access_token,
token: 'token sent'
})
})
}
render() {
return (
<div>
<form onSubmit={this.handleSubmit}>
<label>
Key:
<input type="text" name="token" onChange={this.handleChange} />
</label>
<button type="submit">Get Token</button>
</form>
<h1>
{this.state.responseFromVT}
</h1>
<h1>
{this.state.token}
</h1>
</div>
)
}
}
export default AccessToken
//'https://reqres.in/api/articles'
//'https://api.vasttrafik.se/token'
//grant_type=client_credentials&scope=<device_id>
//BPvMjPidHckBtETZxr3dHP1rptQa
//z5MFCS_wwmqprc0s4iLZWBAUJdga

View File

@ -1,4 +1,4 @@
import React, {Component} from 'react'
import React, {Component} from 'react';
class Button extends Component {
render() {
@ -11,4 +11,4 @@ class Button extends Component {
}
}
// TODO Add css
export default Button
export default Button