Start an HTTPS server with 'npm run dev'

[iamsin]

Description

talk で同様のログインができない現象が出たので、露軍できるように修正してみました。

IPアドレス指定で接続する場合は、https でないとPOST通信ができないようです。よって、npm run dev で https サーバーを立ち上げるpakcage を使いました。自己証明書も作ってくれます。

「今の状態では繋がらない、対応するとつながる」というのは、ローカル開発環境でも確認できます。

また、これにより Playwright のテストの変更が必要でしたので合わせて調整しました。

以下のタスクを行ってください

• 同じIssue を作成する
• 同じように対応する
• ローカルでテストする
• PRレビューを依頼する
• その後、岩崎にPRレビューを依頼する
• テストサーバーを更新する
• 接続確認を行う
• お客様にURLをお送りする

Tasks

Memo

vite.config.ts に以下があること

	server: {
		host: true,
	},

setup

• npm i vite-plugin-mkcert -D
• Update a vite.config.ts
• npm run dev

connect

• connect https://192.168.XXX.XXX:5173
• Sign in

tests

• npx vitest --run
• Update a playwright.config.ts
• npx playwright test

Estimated Time: 60min

Writing the Issue

• Write each task for this issue using checkboxes
• Write all verbal instructions as tasks
• Add labels and assignees

Before Working on the Issue

• Assign yourself
• Share your screen on Discord
• Write which issue you are starting on Slack
• Git: Fetch the latest main
• Git: Create a branch with the name of the issue

Pre-PR Checks

• Insure that changes include only what is necessary for this PR
• Implement necessary Unit tests
• Implement necessary E2E tests
• Perform functionality checks