メニューのDomainsに移動します
![image.png (21.8 kB)](https://qiita-user-contents.imgix.net/https%3A%2F%2Fimg.esa.io%2Fuploads%2Fproduction%2Fattachments%2F5658%2F2024%2F02%2F28%2F145821%2F41c7e151-bc9e-4ce9-bde1-3c9e53cc3b4e.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=55e42b3f075b6f84e7a9cfd61e38cb40)
New Domainをクリックします
無料プランでは1つしか作れないです
![image.png (89.8 kB)](https://qiita-user-contents.imgix.net/https%3A%2F%2Fimg.esa.io%2Fuploads%2Fproduction%2Fattachments%2F5658%2F2024%2F02%2F28%2F145821%2F6ab9bf3c-dbb8-424c-92d3-a4471e7a7fe9.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=cd5e1622b8fb4e683ad57a1f05d86b21)
docker-compose.ymlのservicesにngrok container追加
docker-compose.yml
ngrok:
image: ngrok/ngrok:latest
ports:
- 4040:4040
volumes:
- ./ngrok.yml:/etc/ngrok.yml
environment:
NGROK_AUTHTOKEN: ${NGROK_AUTH_TOKEN}
NGROK_CONFIG: /etc/ngrok.yml
docker-compose.ymlと同じディレクトリにngrok.ymlを作ります
ngrok.yml
tunnels:
website:
addr: web
basic_auth:
- "user:password"
schemes:
- https
host_header: "domain"
inspect: false
proto: http
domain: domain
version: 2
DockerのBuildをし直す
docker compose build
終わりです〜!