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 *

関連記事

Collect Rails 5 production.log with td-agent

English 日本語 Abstract Hello everybody It’s me candle. In this article I will show you how to collect rails 5 production.log with td-agent. Rails 5 was changed log format and it cause some problem. I will solve it and explain. relational article If you are using rails 4 please refer to the following article. td-agentでRails 4のproduction.logを取得する Precondition You can work ruby on rails in production mode Before read this article you setup the rails production environment such as webrick, apache, puma and nginx. You already installed td-agent or fluentd. You need td-agent or fluentd. It is installed on the ruby …

Collect the Rails 4 production.log with td-agent

English 日本語 Abstract Hello everybody, It’s me candle. In this time, let’s get the rails 4 production.log by td-agent. I have been written same article, but there was lack of explanation and etc, I will rewrite it again. Also, I will show you how to get Rails 5 production.log at a later date. Precondition You must be able to execute ruby on rails in production mode. It is ok in any environment as long as it has executable. Such as webrick, nginx, puma and apache. td-agent or fluentd is instlled. It is assumed that td-agent or fluentd is installed.

Build up a td-agent server on centos 6.5

English 日本語 Abstract Hello everyone, It’s candle. In this time, we build up a td-agent server on the centos 6.5. Td-agent is service based on fluentd. It daemonizes fluentd and creates a GUI. Premise You have Centos 6.5 server. I use Centos 6.5 on the vagrant for explanation.

Build up td-agent server on the EC2 of aws

English 日本語 Abstract Hello everyone, It’s candle. In this time we will build up td-agent environment on the ec2. Precondition You have a EC2.

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 …


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.