Download as PDF, PPTX
![GraphQL Interface GraphQL By Facebook [BSD (http://opensource.org/licenses/bsd-license.php)], via Wikimedia Commons Your Application Client Request/Response](https://image.slidesharecdn.com/enterprisenode-180516130240/75/Creating-Enterprise-Web-Applications-with-Node-js-61-2048.jpg)
![Dockerfile FROM node:10 # Create app directory RUN mkdir -p /usr/src/app WORKDIR /usr/src/app # Install app dependencies COPY package.json /usr/src/app/ RUN npm install # Bundle app source COPY . /usr/src/app EXPOSE 8080 CMD [ “npm", "start" ]](https://image.slidesharecdn.com/enterprisenode-180516130240/75/Creating-Enterprise-Web-Applications-with-Node-js-81-2048.jpg)
Uploaded bySebastian Springer
Creating Enterprise Web Applications with Node.js
This document outlines best practices and tools for JavaScript development, including initializing projects with npm, managing dependencies through package managers, and employing proper coding styles. It covers async programming techniques, testing methodologies, documentation practices, and strategies for scaling applications using Docker. Additionally, it highlights the importance of performance measurement and security precautions in web development.
Creating Enterprise Web Applications with Node.js
- 2. Basti • Sebastian Springer •from München • work @MaibornWolff • https://github.com/sspringer82 • @basti_springer • sebastian.springer@maibornwolff.de • JavaScript Developer
- 5. That’s what mostpeople think of JavaScript Dieter Schütz / pixelio.de
- 6. Your way Start yourproject Tools Best Practices Development Process Jetti Kuhlemann / pixelio.de
- 7.
- 10. How to starta project? Albrecht E. Arnold / pixelio.de
- 11. First steps npm init NPMScripts “private”: true; README.md .gitignore
- 12. package.json npm init helpsyou create an initial version of a package.json file
- 13. First steps npm init NPMScripts “private”: true; README.md .gitignore
- 14. NPM Scripts Short helperscripts for your application. start: how to start your application test: run your tests … Your own scripts build: … npm run build
- 15.
- 16. First steps npm init NPMScripts “private”: true; README.md .gitignore
- 17. private set “private”: true inyour package.json Prevents you to accidentally publish your application to the npm registry.
- 18. First steps npm init NPMScripts “private”: true; README.md .gitignore
- 19. README.md Document the following: -how to set up the application - how to contribute - Known Issues
- 20. First steps npm init NPMScripts “private”: true; README.md .gitignore
- 21. .gitignore Usually you ignorenode_modules and do not commit them into your repo.
- 22. Use a proxyregistry
- 23. Tools Rainer Sturm /pixelio.de
- 24. NVM The Node VersionManager makes it possible to have more than one Version of Node Installed on your System. Alternatives for Windows users: - nvm-windows - nodist
- 25. Nodemon How Node workswith your code: 1. Read source code 2. Process source code 3. Run and optimize For every change in source code you need to restart your process
- 26. Nodemon Nodemon watches yourfilesystem and restarts your process. DO NEVER EVER USE IT IN PRODUCTION Why not? It clears the memory of your Application
- 27.
- 28. Debugger console.log is nota proper debugger
- 29. Debugger How to debugin the frontend
- 30.
- 31.
- 32. Libraries Andreas Hermsdorf /pixelio.de
- 33.
- 34. Why yarn? Facebook learnedfrom the mistakes of NPM - Ultra fast - Mega secure - Super Reliable NPM learned from yarn
- 35.
- 36. Quality of alibrary? There is no quality gate in NPM So take a look at the numbers NPM GitHub
- 37.
- 38. TypeScript Developed by Microsoft Supportedby Google npm install -g typescript tsc index.ts
- 39. TypeScript TS JSTSC TypeScript isa transpiler
- 40.
- 41. 3rd party librariesin TS
- 42. Code Styles twinlili /pixelio.de
- 43. No more discussions christiaaane/ pixelio.de
- 44. Code Style Your sourcecode should follow a certain ruleset. No matter who wrote it, why or when it was written.
- 45.
- 46.
- 47. Linters jslint jshint eslint tslint https://www.jslint.com/ http://jshint.com/ https://palantir.github.io/tslint/ https://eslint.org/ It willhurt your feelings! https://github.com/douglascrockford
- 48.
- 49. Prettier an opinionated codeformatter
- 50. Prettier - supports differentcode styles - editor integration - configurable
- 51. Async Kurt Michel /pixelio.de
- 52. Async In order tosupport nonblocking I/O you need to go async.
- 53. Async - Callbacks Disadvantages:nested async oprations get messy fs.readFile('input.csv', 'utf-8', (err, data) => { if (err) { console.error(err); } else { console.log(data); } });
- 54. Async - Promises https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Promise Advantages: -async flow control - better nesting Disadvantages: - even more callbacks
- 55. Async - Promises functionpromisedRead(file) { return new Promise((resolve, reject) => { fs.readFile(file, 'utf-8', (err, data) => { if (err) { reject(err); } else { resolve(data); } }); }); } promisedRead('input.csv').then((data) => { console.log(data); }).catch((e) => { console.error(e); });
- 56. Async - async/await Makesuse of Promises but provides a cleaned up interface
- 57. Async - async/await functionpromisedRead(file) { return new Promise((resolve, reject) => {}); } (async () => { try { const data = await promisedRead('input.csv'); console.log(data); } catch (e) { console.error(e); } })();
- 58.
- 59. APIs R. B. /pixelio.de
- 60.
- 61. GraphQL Interface GraphQL By Facebook[BSD (http://opensource.org/licenses/bsd-license.php)], via Wikimedia Commons Your Application Client Request/Response
- 62. GraphQL npm install graphql 1.Build a schema 2. Write resolvers 3. Write queries
- 63. Tests Dieter Schütz /pixelio.de
- 64. We don’t havetime for tests.
- 65. Unit tests - Coversingle functions - Run fast - Don’t have external dependencies
- 66. Unit tests describe('read', ()=> { beforeEach(() => { csvDb = new CsvDb(file.read, columns); }); it('should read the contents of the file', async () => { const data = await csvDb.getFileContent(); expect(data).to.equal(‘1;admin;***;n2;user;***;’); }); });
- 67.
- 68. Integration tests Supertest describe('GET /user',function() { it('respond with json', function(done) { request(app) .get('/user') .set('Accept', 'application/json') .expect('Content-Type', /json/) .expect(200, done); }); });
- 69. Documentation Lisa Spreckelmeyer /pixelio.de
- 70. I don’t needany documentation, my code is self documenting
- 71. Documentation http://usejsdoc.org/ At least documentyour public API
- 72.
- 73.
- 74. Jenkins integration Most ofthe Tools generate output that can be used in jenkins. e.g. Mocha -> xunit Report
- 75.
- 76.
- 77. Scaling Node is singlethreadedand runs in a single process. The good news: only your own code blocks
- 78. npm install -gpm2 - Cluster Mode - Log management - Monitoring - …
- 79.
- 80. Docker Your Node applicationruns in a self contained container with defined interfaces to the outside world. Node provides images for all Versions. All images include NPM and yarn.
- 81. Dockerfile FROM node:10 # Createapp directory RUN mkdir -p /usr/src/app WORKDIR /usr/src/app # Install app dependencies COPY package.json /usr/src/app/ RUN npm install # Bundle app source COPY . /usr/src/app EXPOSE 8080 CMD [ “npm", "start" ]
- 82. Docker docker build -tbasti/docker . docker run -p 8080:8080 -d basti/docker
- 83.
- 84. Performance Performance Timing APIfor exact measurements Process object: - Memory usage - CPU usage
- 85. Performance Chrome Dev Toolsfor profiling and memory analysis
- 86. Security Katharina Wieland Müller/ pixelio.de
- 87. Security Never trust yourusers. Filter input, escape output. Use validators: https://github.com/chriso/validator.js Escape Database Queries
- 88.
- 89. CONTACT Sebastian Springer sebastian.springer@maibornwolff.de MaibornWolff GmbH Theresienhöhe13 80339 München @basti_springer https://github.com/sspringer82