我一直在关注可用的Ember Simple Auth演练here。我按照指示添加了各种代码片段,但是当我提交登录表单时,我收到了'grant_type'未定义的错误。
以下是当前设置:
// Login Form
<form {{action 'authenticate' on='submit'}}>
<label for="identification">Login</label> {{input value=identification placeholder='Enter Login' class='form-control'}}
<br>
<label for="password">Password</label> {{input value=password placeholder='Enter Password' class='form-control' type='password'}}
<br>
<button type="submit" class="btn btn-default">Login</button>
</form>
{{#if errorMessage}}
<p>
<strong>Login failed: </strong>
<code>{{errorMessage}}</code>
</p>
{{/if}}
//index.js controller
import Controller from '@ember/controller';
export default Controller.extend({
session: Ember.inject.service('session'),
actions: {
invalidateSession() {
this.get('session').invalidate();
},
authenticate() {
let {identification, password } = this.getProperties('identification', 'password');
this.get('session').authenticate('authenticator:oath2', identification, password).catch((reason) => {this.set('errorMessage', reason.error)
})
}
}
});
//application route
import Route from '@ember/routing/route';
import ApplicationRouteMixin from 'ember-simple-auth/mixins/application-route-mixin';
export default Ember.Route.extend(ApplicationRouteMixin);
// authenticators/oath.js
import OAuth2PasswordGrantAuthenticator from 'ember-simple-auth/authenticators/oauth2-password-grant';
export default OAuth2PasswordGrantAuthenticator.extend({
serverTokenEndpoint: 'http://server:port/api/token',
});
//api endpoint
var tokenRouter = express.Router();
tokenRouter.post('/api/token', function(req, res) {
if (req.body.grant_type === 'password') {
if (req.body.username === 'letme' && req.body.password === 'in') {
res.status(200).send('{"access_token": "secret token!"}');
} else {
res.status(400).send('{ "error": invalid_grant_type" }')
}
} else {
res.status(400).send(' { "error": "unsupported_grant_type" }')
}
})
app.use('/', tokenRouter)
请求已成功发送到我的端点,并生成500错误,并显示未定义grant_type的消息。查看请求,它看起来不像用户名或密码。
据我所知,我的代码与文档和补充视频中的代码相同,但我显然遗漏了一些东西。
答案 0 :(得分:0)
我最终想到了这一点。
在Chrome调试工具的“网络”标签中查看表单数据后,很明显grant_type正在正确发送。
我的问题是缺少身体解析器中间件:
app.use(bodyParser.urlencoded({ extended: false }))