Code2Run: 2016

Wednesday, 3 February 2016

Publish node module to access by NPM command

Publishing public node module is easy process like some command and you have it

create directory "demo-example-package"
cd demo-example-package
npm init

type module name, description, version, author, entry point,etc..

create file index.js which is entry point of your module

I share one example module on https://www.npmjs.com/package/n-random, take it as example and right yout own code in to index.js and your have your module ready to go.

now publish this by : npm publish

you can simply import your module by npm command like as like as other module.

npm install demo-example-package

for more information you can refer youtube video : https://www.youtube.com/watch?v=3I78ELjTzlQ

Angularjs - RequreJS - Lazy loading Template for beginner

Simply install Node.js : https://nodejs.org/en/download/

install Git : https://git-scm.com/downloads

clone seed project from

https://github.com/mastermoin/angular-require-seed

run project by command

npm start

type url on browser : http://localhost:8000/app/#/view1

Please read more about it on GIT repository home page

Wednesday, 27 January 2016

AngularJs supporting libraries for performance, date, icons, and utilities

Date

http://momentjs.com/

Icons

https://fortawesome.github.io/Font-Awesome/icons/

utilities

https://lodash.com/

Tuesday, 26 January 2016

HTML5 set responsive background image

CSS
_______________________________________________________

html, body {
margin: 0;
padding: 0;
color: white;
height: 100%;
text-align: center;
}

#background {
background: #000000 url('image/bg.jpeg') no-repeat bottom left;
background-size: 100% 100%;
width: 100%;
height: auto !important;
}

HTML
_______________________________________________________

<htlm>
<body id="background">
</body>
</html>

gulp Minify tasks for javascript, json, css, html fiels

Java Script Minify
________________________________________________________

npm install --save-dev gulp-minify

var minify = require('gulp-minify');
gulp.task('compress', function() {
gulp.src('lib/*.js')
.pipe(minify({
exclude: ['tasks'],
ignoreFiles: ['.combo.js', '-min.js']
}))
.pipe(gulp.dest('dist'))
});

Minify CSS & HTML file
________________________________________________________

npm install --save-dev gulp-minify-css

var minifyCss = require('gulp-minify-css');
gulp.task('minify-css', function() {
return gulp.src('styles/*.css')
.pipe(minifyCss({compatibility: 'ie8'}))
.pipe(gulp.dest('dist'));
});

var minifyHTML = require('gulp-minify-html');
gulp.task('minify-html', function() {
return gulp.src('src/*.html')
.pipe(minifyHTML({ empty: true }))
.pipe(gulp.dest('dist'));
});

JSON file minify
________________________________________________________

npm install gulp-jsonminify --save-dev

var jsonminify = require('gulp-jsonminify');
gulp.task('minify', function () {
return gulp.src(['path/to/files/*.json'])
.pipe(jsonminify())
.pipe(gulp.dest('dist'));
});

Monday, 25 January 2016

Nodejs working with JWT (JSON Web Token)

npm install jsonwebtoken

var jwt = require('jsonwebtoken');

var auth = {
id : id,
name : 'moin',
email : 'mastermoin409@gmail.com',
}

var token = jwt.sign({ authToken: auth }, 'shhh.....', {expiresIn : 1800});

'shhh.....' is private key or secret key of your application, it is normally string

1800 is token expiry time

More about API : https://github.com/auth0/node-jsonwebtoken

Expressjs Module for Returning Random 6 digit number

var express = require('express');

module.exports = {
getToken: function() {
return Math.round(Math.random()*100000);
},
};

Rest API example by Express JS

Application File

var express = require('express');
var bodyParser = require('body-parser');

var routerObject = require('router file path'); //routes are defined here

var app = express(); //Create the Express app

app.listen(8000);

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));

app.use('/api', routerObject); //This is our route middleware

module.exports = app;

router file

var express = require('express');
var router = express.Router();

router.get('/sample', function (request, response) {
response.json({response:'hello world'});
});

module.exports = router;

Call API As

http://localhost:8000/api/routerObject/sample

Enable CROS origin NODEJS and EXPRESSJS

Add this chunk to app.js

http://code2run.blogspot.ca/2016/01/rest-api-example-by-express-js.html

app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});

you can replace * with specific domain when your application in turn to production mode

e.g. enable cros request for domain - mastermoin.com

res.header("Access-Control-Allow-Origin", "mastermoin.com");

* is only recommended for development purpose.