joppot

コピペで絶対動く。説明を妥協しない

サーバ

Allocate original domain of Route53 to React hosted at S3

投稿日:


Abstract

Hello everyone it’s me candle. We will allocate original domain of Route53 to React hosted in S3.

Condition

  1. You have a domain at Route53
  2. You have a bucket with the same name as domain in S3
  3. Your React is already hosting on S3

Importantly, the bucket of S3 and the domain name acquired by Route53 must be the same name.If you have not created a bucket yet in S3 or React web app is not hosted in S3, please refer to the previous article.

Checking

The domain of Route53

I have joppot.info domain at Route53. I will allocate “reacttest.joppot.info” which is this sub domain to S3.

The bucket of S3

I had created the S3 bucket named “reacttest.joppot.info” and deployed React application to there.

http://reacttest.joppot.info.s3-website-ap-northeast-1.amazonaws.com

Allocate a domain

Actually this work is easy. Go to Route53 screen and select “Hosted zones” from the left menu.

Select the domain you want to allocate.

First push the “Create Record Set”. You will fill in these items afterwards.

  • “Name” is empty if you don’t use sub domain.
  • “Type” is “A – IPv4 address”
  • “Alias” is “Yes”
  • “Alias Target” is your created bucket name.

Finally click “Create” button to complete.

After few minutes, you will be able to access it in the allocated domain.

Conclusion

Now you can publish the React application rapidly.

スポンサードリンク

If you think this article is good, share it please

-サーバ
-, , ,

執筆者:


comment

Your email address will not be published. Required fields are marked *

関連記事

How to get nginx error.log and access.log with td-agent

English 日本語 Abstract Hello everyone, It’s candle. In this time, we collect nginx log with td-agent. I explain with td-agent, but basic configuration is similer with fluentd. Precondition Td-agent or fluentd is installed You have a nginx server.

React + S3 + Route53 + CloudFront HTTPS connection using SSL

Abstract Hello everyone it’s me candle. This time we would like to try SSL connection with the React web application deployed to S3. Programers recently develop web services on the API server and React front end. Then SSL connection is often required on the React side as well. Not only that, but recently https is being standardized. We try to taht. Condition React web is deployed to S3 You have the S3 bucket that name is same as Route53 domain name Create a CloudFront distribution First we will create the distribution of CloudFront. Go to the CloudFront management console, select …

Setup of td-agent-ui and operation check

English 日本語 Abstract Hello everyone, It’s candle. In this time, I will show you how to set up td-agent-ui and operation check. Td-agent is easier than fluentd to operate on the server. Precondition Td-agent is installed Please refer to the following article when building td-agent to Centos 6.5. Build up a td-agent server on centos 6.5 For EC2, here Build up td-agent server on the EC2 of aws

Monitor the memory state of ec2 with watch and free command

English 日本語 Abstract Hello everyone, It’s candle. In this time, I will show you how to monitor ec2 memory in real time. EC2 server of t2.micro has only 1GB of memory, If you run composer, rails, mysql on it, memory may be barely. It is useful if you can monitor the memory and tune the server. Precondition EC2 server

Install only mysql command for RDS in EC2

Abstract Hello everyone it’s me candle. This topic is a little thing but I note to self. If we use RDS, we don’t need Mysql server in the EC2. You may want to install only the mysql command. I will explain it. Precondition You use EC2 and RDS


I work in the venture company as a CTO. I start to write program in University, first I learned java, C++ and PHP. In the company, I'm developing web services by Rails. I do like to automation.