CircleCI初心者が、AWS/EC2へWEBページの反映作業を自動化してみた！

by hikaru-miyazawa

Slide 1

Slide 1 text

CIRCLECIॳ৺ऀ͕ɺAWS/EC2΁WEBϖʔδ ͷ൓ө࡞ۀΛࣗಈԽͯ͠Έͨʂ MEILY INC INFRA SRE HIKARU MIYAZAWA

Slide 2

Slide 2 text

2 AGENDA 1. ࣗݾ঺հ 2. CercleCIΛಋೖ͠Α͏ͱࢥͬͨܦҢ 3. CircleCIͰWEBϖʔδͷ൓өࣗಈԽ 4. CircleCIͷIPڐՄͱϒϥϯνʹΑͬͯ൓өઌΛม͑Δ 5. ·ͱΊ

Slide 3

Slide 3 text

3 HIKARU MIYAZAWA ɾ2016/10ʙ2017/3  લ৬ͰΠϯλʔϯɺΠϯϑϥͷۀ຿OJT ɾ2017/4ʙ2017/11  Πϯλʔϯޙೖࣾ ΠϯϑϥSREνʔϜ  ɾ2017/11ʙࠓ·Ͱ  גࣜձࣾMeily ૑ۀ ઐ೚ͰΠϯϑϥΛ୲౰ झຯɿϙέΧ,DQR,͓ञ(ϋΠϘʔϧ͕޷͖)  ޷͖ͳٕज़ɿFargate,Ansible,Terraform,CircleCI←new!

Slide 4

Slide 4 text

4 CERCLECIΛಋೖ͠Α͏ͱࢥͬͨܦҢ ▸ HP΍Q&A౳ͷϖʔδΛߋ৽͢Δͱ͖ʹɺSSHͯ͠υΩϡ ϝϯτϧʔτͰ git pull ͢Δ͜ͱͰߋ৽͍ͯͨ͠ɻ ▸ σβΠφʔ͕SSH΍ίϚϯυϥΠϯΛ࢖͏ඞཁ͕͋ͬͨ ▸ ϝϯόʔ͕৽͘͠PCΛങ͍ସ͑ͨΓॳظԽͨ࣌͠ʹɺ SSHͷઃఆΛ͠௚͢ͷ͕ͭΒ͍ɻɻ ▸ SSH͢ΔͨΊʹIPڐՄ͢Δඞཁ΋

Slide 5

Slide 5 text

5 CERCLECIΛಋೖ͠Α͏ͱࢥͬͨܦҢ ▸ AWS Summit Tokyo 2019ʹࢀՃ͖ͯ͠·ͨ͠ʂ ▸ ༑ਓͷΤϯδχΞʮcircle ci ͸͍͍ͧʯ     ▸ circle ciϒʔεͰฉ͍ͯΈΔʂ      ▸ TγϟπΛ΋Βͬͯ΍Δؾʹˡ ▸ ొஃػձΛ͍͖ͨͩ͋Γ͕ͱ͏͍͟͝·͢ʂ   

Slide 6

Slide 6 text

6 CIRCLECIͰWEBϖʔδͷ൓өࣗಈԽ ΍͍͖ͬͯ·͢ʂ

Slide 7

Slide 7 text

7 WEBαʔόͷߏ੒ ▸ AWS/EC2 ▸ Route53→CloudFront→ALB→EC2 ▸ OS AmazonLinux ▸ H2O 2.2.4

Slide 8

Slide 8 text

8 GITHUB࿈ܞͰϩάΠϯ ▸ ϩάΠϯ ▸ GitHub organization Ͱ circleci ͔ΒͷΞΫηεΛڐՄ ▸ Switch Organization Ͱબ୒

Slide 9

Slide 9 text

9 CONFIG.YML ▸ .circleci/conﬁg.ymlΛ࡞੒ͯ͠ϓογϡ͠·͢ɻ

Slide 10

Slide 10 text

10 SET UP PROJECT ▸ ࢖͏ϦϙδτϦͷSetUpProjectΛΫϦοΫ͠·͢ʂ

Slide 11

Slide 11 text

11 CIRCLECI͋Δ͋Δ ▸ ബ͍ਫ৭ͷϘλϯԡ࣌͢ʹෆ҆ʹͳΔ

Slide 12

Slide 12 text

12 ԡ͠·͢

Slide 13

Slide 13 text

13 ઃఆ ࠷ॳ͸ࣦഊ͠·͕͢ɺؾʹͤͣઃఆΛ͍͖ͯ͠·͢ɻ

Slide 14

Slide 14 text

14 SSH伴࡞੒ ൿີ伴ΛCircleCIʹొ࿥͠ɺެ։伴Λαʔόʹ഑ஔ

Slide 15

Slide 15 text

15 伴ͷొ࿥ ﬁngerprint͸ޙ΄ͲίʔυͰ࢖͏ͷͰίϐʔ͓͖ͯ͠·͢ɻ

Slide 16

Slide 16 text

16 ؀ڥม਺ͷొ࿥ HOST_NAMEͱUSER_NAMEΛొ࿥͠·͢

Slide 17

Slide 17 text

17 ؀ڥม਺ͷొ࿥ HOST_NAMEͱUSER_NAMEΛొ࿥͠·͢

Slide 18

Slide 18 text

18 վΊͯ΍ͬͯΈΔ ίʔυΛมߋͯ͠gitʹ͋͛Δ͚ͩͰɻ੒ޭʂ

Slide 19

Slide 19 text

19 վΊͯ΍ͬͯΈΔ ίʔυΛมߋͯ͠gitʹ͋͛Δ͚ͩͰɻ੒ޭʂ

Slide 20

Slide 20 text

20 ϖʔδ֬ೝ

Slide 21

Slide 21 text

21 ແࣄͰ͖͕͍͔࣮ͨͭ͘ݱ͍ͨ͜͠ͱ͕ ‣ ϒϥϯνຖʹผͷαʔόʹ൓ө͍ͨ͠ɻ ‣ SSH࢖ͬͯΔ͚ͲɺCircleCI͞ΜͷIPຖճมΘΔ͠Ͳ͏ͨ͠ Β͍͍ͷʂ ‣ Ϗϧυத͚ͩCircleCIͷIPڐՄͯ͠ɺϏϧυऴΘͬͨΒϧʔ ϧΛফͤͨΒϕετ

Slide 22

Slide 22 text

22 CIRCLECIͷIPڐՄͱϒϥϯνʹΑͬͯ൓өઌΛม͑Δ ‣ ͍Ζ͍ΖGoogleௐ΂ͯΈΔͱɺ͍͍ײ͡ͷࣄྫ͕͍ͭ͘ ΋ʂ    ͬͦ͘͞΍ͬͯΈ·͢ʂ

Slide 23

Slide 23 text

23 CIRCLECIͷIPڐՄͱϒϥϯνʹΑͬͯ൓өઌΛม͑Δ ‣ AWSCLIΛ࢖ͬͯ൓өத͚ͩIPڐՄɺऴΘͬͨΒด͡Δ ‣ CLIΛ࢖͏ͨΊIAMͷઃఆ ‣ conﬁg.ymlͷॻ͖ํͰϒϥϯνຖʹ൓өઌΛม͑ΒΕΔ ‣ ඞཁͳ؀ڥม਺Λదٓొ࿥

Slide 24

Slide 24 text

24 IAMͷઃఆᶃ αʔϏεɺIAMɺϙϦγʔɺϙϦγʔͷ࡞੒  ηΩϡϦςΟάϧʔϓͷૢ࡞ͷΈΛڐՄ͢ΔϙϦγʔΛ࡞੒

Slide 25

Slide 25 text

25 IAMͷઃఆᶄ άϧʔϓʹϙϦγʔΛΞλον͠ɺάϧʔϓΛ࡞੒͠·͢ɻ

Slide 26

Slide 26 text

26 IAMͷઃఆᶅ Ϣʔβʔ࡞੒͠·͢ɻ

Slide 27

Slide 27 text

27 IAMͷઃఆᶆ ઌఔͷάϧʔϓʹ௥Ճɻ

Slide 28

Slide 28 text

28 IAMͷઃఆᶇ ΞΫηεΩʔͱγʔΫϨοτΞΫηεΩʔΛϝϞ͓͖ͯ͠·͢

Slide 29

Slide 29 text

29 ؀ڥม਺ͷొ࿥ DEVͱPRDͦΕͧΕͷ؀ڥม਺Λొ࿥͠·͢ɻ

Slide 30

Slide 30 text

30 CONFIG.YMLͷղઆᶃ

Slide 31

Slide 31 text

31 CONFIG.YMLͷղઆᶄ

Slide 32

Slide 32 text

32 CONFIG.YMLͷղઆᶅ

Slide 33

Slide 33 text

͍͟PUSHʂ  ˠMergeʂ

Slide 34

Slide 34 text

34 ։ൃɺຊ൪ڞʹ੒ޭʂ

Slide 35

Slide 35 text

35 ·ͱΊ ▸ ൓ө࡞ۀ͸Gitʹ͋͛Δ͚ͩʂૣ͍ʂࣗಈԽૉ੖Β͍͠ ▸ αʔό؅ཧऀͱɺσβΠφʔ΍ΤϯδχΞͱͷྖҬΛ໌֬ʹ ෼͚ΒΕ·ͨ͠ʂ ▸ νϡʔτϦΞϧɺυΩϡϝϯτɺهࣄ͕๛෋Ͱײँɻɻ  ▸ ࠓޙ͸ECS΁ͷσϓϩΠ΋ࣗಈԽ͍͖͍ͯͨ͠ʂ 

Slide 36

Slide 36 text

36 ࢀߟϦϯΫ ‣ެࣜυΩϡϝϯτ ‣https://circleci.com/docs/ja/ ‣Circle CIͰwebαΠτΛࣗಈσϓϩΠ ‣https://esnetk6.com/2018/04/circle-ci-deployment/  ‣CircleCI2.0͔ΒEC2ʹΞΫηε͢Δͱ͖͚ͩಛఆͷIPΛڐՄ ͍ͨ͠ ‣https://qiita.com/rintaro-ishikawa/items/ 02e6a63dbc90ea67a991

Slide 37

Slide 37 text

͝ਗ਼ௌ  ͋Γ͕ͱ͏͍͟͝· ͨ͠ʂ