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.

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

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 …

How to define environment variables for each virtual host in apache 2.4 and use it in php

English 日本語 Abstract Hello everyone, It’s candle This time I’ll show you how to define environment variables for each virtualhost in apache 2.4 and use it in php For example, when you are developing with wordpress, you don’t want to put password or access key or anything else under the control of git. So, you can define it on apache and require it with getenv for use. Premise apache2.4 anything php project you have already built some kind of virtual host.

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.


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.