mean-angular4-chat-app

This source code is part of tutorial Building Chat Application using MEAN Stack (Angular 4) and Socket.io

Step to run:

• Prepare Node.js and Angular CLI
• Clone this repo
• Run 'npm install'
• Run 'ng build --prod'
• Run 'nodemon' or 'npm start'

If you think this source code is useful, it will be great if you just give it star or just buy me a cup of cofee

sudo ng serve --poll=2000

Simple MEAN apps

https://www.youtube.com/watch?v=wtIvu085uU0

MongoDB Express Angular NodeJS

Create Read Update Delete

environment: Install npm Install node

Create a MEAN project under the project directory. Server side

• npm init
• npm install dependency components
  • sudo npm install express --save
  • sudo npm install mongoose cors body-parser --save
  • sudo npm install nodemon

Client side under angular project folder - sudo npm install @angular/cli - sudo npm install socket.io-client - sudo npm install @types/socket.io-client

• Create an angular folder, you need to rename the package.json file, after the new ng file is created, rename the package.json

  • ng new client //new projectFolderName

• Create new component under angular project folder

  • Ng g c componentName
  • Ng g s serviceName

Make sure mongoDB is running with auth enabled and admin user set up

• use admin

db.createUser( { user: "admin", pwd: "abc123", roles: [ { role: "userAdminAnyDatabase", db: "admin" } ] } )

//Re-start the MongoDB instance with access control. mongod --auth --port 27017 --dbpath /data/db mongod --auth --port 27017 --dbpath /var/lib/mongodb mongod --port 27017 --dbpath /var/lib/mongodb

//To authenticate during connection mongo --port 27017 -u "admin" -p "abc123" --authenticationDatabase "admin"

//To authenticate after connected use admin db.auth("admin", "abc123" )

//grant the role at first time db.grantRolesToUser("admin", [ { role: "read", db: "admin" } ]) db.grantRolesToUser("owner", [ { role: "readWrite", db: "chatService" } ])

// then admin can assign role to other users use chatService db.createUser( { user: "owner", pwd: "xyz123", roles: [ { role: "readWrite", db: "chatService" }, { role: "readWrite", db: "contactlist" } ] } )

privileges: [ { resource: { db: "products", collection: "inventory" }, actions: [ "find", "update", "insert" ] }, { resource: { db: "products", collection: "orders" }, actions: [ "find" ] } ]

// show users db.getUsers()

//remove users db.dropUser("user")

//change pw to SOh3TbYhxuLiW8ypJPxmt1oOfL db.changeUserPassword("reporting", "SOh3TbYhxuLiW8ypJPxmt1oOfL")

Check mongoDB command

• mongo
• Show dbs
• Show collections
• use dbs
• Db.collectionName.find().pretty()
• db.collection.drop()
• db.user.remove({}) db.chats.remove({})

Execute on server side: npm start

Execute on client side: ng serve -o --port 4080 --host 0.0.0.0 --ssl true --ssl-key ./routes/encryption/pk.pem --ssl-cert ./routes/encryption/cert2.pem --public airpoint.com.hk