Node.jsによるWebサイト制作のデプロイ環境構築

Transcript

1. WebαΠτ deploy؀ڥͷߏங Takanori Oki @౦ژNodeֶԂೖֶࣜ
2. ໨࣍ • ࣗݾ঺հ • ֓ཁ • ॲཧͷྲྀΕ • ·ͱΊ
3. ࣗݾ঺հ
4. ࣗݾ঺հ • େ໦ଚلʢ@takanoripʣ • גࣜձࣾϑΥʔσδοτσβΠϯ • ϑϩϯτΤϯυΤϯδχΞ
5. ֓ཁ
6. ಈػ • FTPखಈΞοϓϩʔυ΍Ί͍ͨ • ࣗಈԽ͍ͨ͠ • Gulp࢖͍ͨ͘ͳ͍
7. npm scripts
8. npm scripts ͱ͸ʁ • npmͷύοέʔδ + Shell • λεΫϥϯφʔ • ϥούʔϓϥάΠϯෆཁ • JavaScript, stylusͷwatch, build, deployͳͲ ΍ͬͯ͘ΕΔ
9. ෳࡶͳ͜ͱ͕ۤख ↓ ֎෦ϑΝΠϧԽ
10. ߏ੒
11. ߏ੒ ├── package.json ├── scripts/ │ ├── ... │ ├── build.js │ ├── upload.js │ └── deploy.js ├── htdocs/ (公開ディレクトリ) ├── node_modules/ └── config.js
12. ߏ଄ • package.json : npmઃఆϑΝΠϧ • deploy.js : build + upload • build.js : JS, stylusͷbuild • upload.js : SFTPܦ༝ͰαʔόʔʹΞοϓ • config.js : ύε΍FTPͷ৘ใͳͲΛهड़
13. ࢖༻Ϟδϡʔϧ • bluebird : PromiseͷϥΠϒϥϦ • path : ϑΝΠϧύεΛѻ͏Ϟδϡʔϧ • fs : ϑΝΠϧ΁ΞΫηε͢ΔͨΊͷϞδϡʔϧ • ssh2 : SSH઀ଓ͢ΔϞδϡʔϧ
14. ॲཧͷྲྀΕ
15. package.json { "scripts": { … "build": "node scripts/build.js", "watch": "node scripts/watch.js”, "deploy": "node scripts/deploy.js” … }, }
16. ॲཧͷྲྀΕ 1. ίϯϑΟά͔Βެ։σΟϨΫτϦͷύεऔಘ 2. SFTP઀ଓ 3. ϑΝΠϧΛΞοϓϩʔυ 4. ϑΝΠϧͷଘࡏΛ֬ೝˠͳ͔ͬͨΒσΟϨΫ τϦ࡞Δ
17. ·ͱΊ • npm scripts ศར • ϑϩϯτΤϯυ։ൃͰ΋؆୯ʹσϓϩΠ؀ڥ ΛߏஙͰ͖ͨ • ΋ͬͱ͍ΖΜͳ࢖͍ํΛ໛ࡧ͍͖͍ͯͨ͠