t_wの輪郭

Amplify

2023/11/10 23:14:00

あれ『Customize your data model - JavaScript - AWS Amplify Gen 1 Documentation』あれ『Export Amplify project to CDK - JavaScript - AWS Amplify Gen 1 Documentation』あれ

あれ

2025/9/20 12:40:00

私はAmplifyで苦労したが、AmplifyをBFFとしてのみ使えば良かったのかもしれない。

あれ

Amplify

『Customize your data model - JavaScript - AWS Amplify Gen 1 Documentation』

2024/11/5 13:11:00

https://docs.amplify.aws/gen1/javascript/build-a-backend/graphqlapi/data-modeling/

あれ

2024/10/8 0:49:00

{
	"formatter": {
		"enabled": true
	},
	"linter": {
		"enabled": true,
		"rules": {
			"complexity": {
				"noStaticOnlyClass": "off"
			}
		}
	},
	"files": {
		"ignore": [
			"**/node_modules/**",
			"**/amplify/**",
			"**/ui-components/**",
			"**/models/**",
			"**/graphql/**",
		]
	}
}

あれ

CDK Amplify

『Export Amplify project to CDK - JavaScript - AWS Amplify Gen 1 Documentation』

2024/9/7 17:22:00

https://docs.amplify.aws/gen1/javascript/tools/cli/usage/export-to-cdk/

あれ

Amplify

あれ

2024/5/17 13:09:00

最近「Amplifyの波動はこう言っている」とか言うようになってきた。Amplifyの裏で何が動いているかわからないので、「これまでの動きからいってなんかこうなりそうな気がする（けどアップデートされてるから今回どうなるかわからん）」という感じ。

あれ

Amplify 悪い

Amplifyが悪い

2024/5/13 10:13:00

あれ

Amplifyが悪い Amplify

あれ

2024/5/13 10:12:00

なんかAmplifyのWebコンソールの見た目変わってるし、デプロイがなぜかこけよる。

今日中にデプロイしようぜって言ってたチケットあったけど、Amplifyのせいかデプロイできなかったので、同僚と「Amplifyが悪い」って言って、そのまま互いに帰宅した。

あれ

Amplify

Amplify Hosting

2024/4/18 12:42:00

『AWS Amplify Hosting Adds Web Application Firewall Protection – Public Preview | Front-End Web & Mobile』『AmplifyにIP制限を設ける』『[アップデート] Amazon S3 コンソールから Amplify ホスティングへのデプロイが簡単に行えるようになりました | DevelopersIO』『AWS Amplify ホスティングで Amazon S3 静的ウェブサイトホスティングを簡素化および強化 | Amazon Web Services ブログ』『AWS Amplify Hosting でのアプリのパフォーマンスを向上させるための CDN キャッシュの改善 | Amazon Web Services ブログ』

あれ Server Actions 2024年3月22日 App Router Amplify DataStore Next.js キャッシュ

あれ

2024/3/22 9:43:00

「AmplifyのDataStoreやめるかぁ」
→ついでにNext.jsのServer Actionに統一するかぁ
→AmplifyのGraphQLのAPIをいい感じに叩けるようにするかぁ
→ついでにAmplifyJSをv5からv6にバージョン上げるかぁ（互換性なし）
→DataStoreのキャッシュ使わなくなったから画面遷移が遅くなったし、サーバー側で動かせるキャッシュ機構作るかぁ

とかやってたら、これまで作ったシステムの土台部分がほぼ書き換えになった。

あちこちのReact ComponentでDataStoreが使われているのを、いつかDataStoreを辞めようと思って少しずつまとめていたが、それでもかなりの量のコードを書き換えることになった。

あれ

Amplify SPA

Amplify上でSPAをホスティングする時のリダイレクト

2024/1/28 2:50:00

設定

元のアドレス: </^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|woff2|ttf|map|json|webp)$)([^.]+$)/>

送信先アドレス: /index.html

リダイレクトの種類: 200

国コード

典拠

https://docs.aws.amazon.com/ja_jp/amplify/latest/userguide/redirects.html#redirects-for-single-page-web-apps-spa

</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|woff2|ttf|map|json|webp)$)([^.]+$)/>

Lambda Amplify

Amplify Function

2023/12/21 13:11:00

実質Lambda

Amplify FunctionをDynamoDB Streamsをトリガーに動かす Amplify Functionに固定IP あれ amplify overrideはAmplify Functionは非対応

Amplify

import-backend-storage

2023/12/4 22:58:00

https://awscli.amazonaws.com/v2/documentation/api/latest/reference/amplifybackend/import-backend-storage.html

あれ

import-backend-storage Amplify

あれ

2023/12/4 22:58:00

AWS CLIのimport-backend-storageを使えば、Amplifyのアプリをバックアップから復旧させるのが楽そう。

あれ

『Amplifyでアクセストークンをin-memoryに置いてみる』Amplify

AmplifyでNext.jsのgetServerSideProsにユーザーアカウントを割り当ててAPIを叩く

2023/12/3 7:19:00

idTokenをぶっこ抜く

InMemoryTokenStorage.ts

export class InMemoryTokenStorage implements Storage {
    private storage: { [key: string]: string | null } = {}
    get length(): number {
        return Object.keys(this.storage).length
    }
    key(index: number): string | null {
        return Object.keys(this.storage)[index]
    }
    getItem(key: string): string | null {
        return this.storage[key]
    }
    setItem(key: string, value: string): void {
        this.storage[key] = value
    }
    removeItem(key: string): void {
        delete this.storage[key]
    }
    clear(): void {
        this.storage = {}
    }
}

設定

const token_storage = new InMemoryTokenStorage();
Amplify.configure({
    ...awsmobile,
    Auth: {
        storage: token_storage,
    }
})

ぶっこ抜いたidTokenを使ってAPIを叩く

async function idToken_get() {
    (await public_user_account_get());
    return Object.entries(token_storage.storage).map(([key, value]) => `${key}=${value}`).join("; ");
}

async function public_user_account_get() {
    return await (async () => {
        try {
            return await Auth.currentAuthenticatedUser();
        } catch (error) {
            try {
                return await Auth.signIn(process.env.PUBLIC_EMAIL_ADDRESS ?? "", process.env.PUBLIC_PASSWORD ?? "");
            } catch (error) {
                return undefined;
            }
        }
    })()
}

const SSR = withSSRContext({ req: { headers: { cookie: await idToken_get() } } });

const result = await SSR.API.graphql({
    query: deleteRelation,
    variables: {
        input: {
            id: relation.id,
            _version: relation._version,
        }
    }
})

参考

InMemoryTokenStorageのパクリ元：『Amplifyでアクセストークンをin-memoryに置いてみる』

あれ

Amplify amplify

amplify override

2023/12/3 5:54:00

amplify overrideはAmplify Functionは非対応『Amplify override でバックエンドリソースをCDKでカスタマイズ』あれ

AmplifyでNext.jsのgetServerSideProsにユーザーアカウントを割り当ててAPIを叩く

2023/12/3 7:19:00

idTokenをぶっこ抜く

InMemoryTokenStorage.ts

export class InMemoryTokenStorage implements Storage {
    private storage: { [key: string]: string | null } = {}
    get length(): number {
        return Object.keys(this.storage).length
    }
    key(index: number): string | null {
        return Object.keys(this.storage)[index]
    }
    getItem(key: string): string | null {
        return this.storage[key]
    }
    setItem(key: string, value: string): void {
        this.storage[key] = value
    }
    removeItem(key: string): void {
        delete this.storage[key]
    }
    clear(): void {
        this.storage = {}
    }
}

設定

const token_storage = new InMemoryTokenStorage();
Amplify.configure({
    ...awsmobile,
    Auth: {
        storage: token_storage,
    }
})

ぶっこ抜いたidTokenを使ってAPIを叩く

async function idToken_get() {
    (await public_user_account_get());
    return Object.entries(token_storage.storage).map(([key, value]) => `${key}=${value}`).join("; ");
}

async function public_user_account_get() {
    return await (async () => {
        try {
            return await Auth.currentAuthenticatedUser();
        } catch (error) {
            try {
                return await Auth.signIn(process.env.PUBLIC_EMAIL_ADDRESS ?? "", process.env.PUBLIC_PASSWORD ?? "");
            } catch (error) {
                return undefined;
            }
        }
    })()
}

const SSR = withSSRContext({ req: { headers: { cookie: await idToken_get() } } });

const result = await SSR.API.graphql({
    query: deleteRelation,
    variables: {
        input: {
            id: relation.id,
            _version: relation._version,
        }
    }
})

参考

InMemoryTokenStorageのパクリ元：『Amplifyでアクセストークンをin-memoryに置いてみる』