「A client attempted to write unauthorized attribute」エラー対処法！ │ Traveler

Angular×Cognitoでサインアップの処理を書いている時に、

「A client attempted to write unauthorized attribute」

というエラーが出ました。

僕の場合はクソしょうもないことが原因でしたが、一応備忘録として書いておこうと思います。

1. 「A client attempted to write unauthorized attribute」とは
2. Cognitoの属性って？
3. Cognitoの属性に対する書き込み権限とは？
4. で、エラーの原因は？
5. 間違いのあるソースコード
6. まとめ

「A client attempted to write unauthorized attribute」とは

翻訳すると、「クライアントが不正な属性を書き込もうとしました。」です。

つまり、Cognitoの属性に対して、書き込み権限がないということですね。

Cognitoの属性って？

「ユーザプール」⇒「属性」を押すと、上記のような画面が表示されます。

属性は、Cognitoユーザ登録時に設定したい値のことです。

つまり、認証に使うものではなく、あくまでユーザ作成時に登録させたいものを指します。

※「email」にはデフォルトでチェックが入っています。

Cognitoの属性に対する書き込み権限とは？

属性の書き込み権限

「ユーザプール」⇒「アプリクライアント」⇒「属性の読み込みおよび書き込みアクセス権限を設定する」で、上記の画面が表示されます。

ここで属性の書き込み権限を設定できます。

が、僕はここにチェックを入れていたので、エラーの対処法としては不適切でした。

で、エラーの原因は？

ここで一度冷静になってみました。

属性の権限は確実に付与されているので、そもそも属性の指定が間違っているのではないかと思ったのです。

つまり、Cognitoに存在しない属性を間違って指定しているのではないかと。

ということで、ソースコードを再度確認してみました。

間違いのあるソースコード

var poolData = { UserPoolId : 'us-east-1_TcoKGbf7n',
    ClientId : '4pe2usejqcdmhi0a25jp4b5sh3'
};
var userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);

var attributeList = [];

var dataEmail = {
    Name : 'emali',
    Value : 'email@mydomain.com'
};
var dataPhoneNumber = {
    Name : 'phone_number',
    Value : '+15555555555'
};
var attributeEmail = new AmazonCognitoIdentity.CognitoUserAttribute(dataEmail);
var attributePhoneNumber = new AmazonCognitoIdentity.CognitoUserAttribute(dataPhoneNumber);

attributeList.push(attributeEmail);
attributeList.push(attributePhoneNumber);

userPool.signUp('username', 'password', attributeList, null, function(err, result){
    if (err) {
        alert(err);
        return;
    }
    cognitoUser = result.user;
    console.log('user name is ' + cognitoUser.getUsername());
});

var poolData = { UserPoolId : 'us-east-1_TcoKGbf7n',

ClientId : '4pe2usejqcdmhi0a25jp4b5sh3'

};

var userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);

var attributeList = [];

var dataEmail = {

Name : 'emali',

Value : 'email@mydomain.com'

};

var dataPhoneNumber = {

Name : 'phone_number',

Value : '+15555555555'

};

var attributeEmail = new AmazonCognitoIdentity.CognitoUserAttribute(dataEmail);

var attributePhoneNumber = new AmazonCognitoIdentity.CognitoUserAttribute(dataPhoneNumber);

attributeList.push(attributeEmail);

attributeList.push(attributePhoneNumber);

userPool.signUp('username', 'password', attributeList, null, function(err, result){

if (err) {

alert(err);

return;

}

cognitoUser = result.user;

console.log('user name is ' + cognitoUser.getUsername());

});

見て分かる通り、9行目の「email」が「emali」になっています。

クソみたいな間違いですが、これが原因でエラーが出ていました。

■ソースコードは以下から拝借。

URL：「https://docs.aws.amazon.com/ja_jp/cognito/latest/developerguide/using-amazon-cognito-user-identity-pools-javascript-examples.html」

まとめ

しょうもない原因でしたが、1時間くらいハマってしまいました。

冷静に考えれば分かるものなので、落ち着いて対処しないとだめですね。

ではまた！

Travelerを知らないの？

とりあえず見てみろよ

Author：いずみん投稿一覧

中学時代にいじめに遭い、友達を失う経験をする。高校時代は陸上競技に明け暮れ、大学時代はアルバイト三昧の日々を送る。社会人になり、IT企業で業務を行ない資格を取りまくる。そこからWebビジネスに興味を持ち、インターネットビジネスに乗り出す。「旅」「IT」「環境」に関する情報を日々発信中。システムエンジニアとして独立後、現在は転職し、エンジニアとして武者修行中。 ※「Traveler」は月間18,000PV達成！ ※ギランバレー症候群に関する情報を集めています。システムエンジニア／旅人／アフィリエイター