NODEFONY V5

Nodefony is Node.js full-stack web framework.

Nodefony can be used to develop a complete solution to create a web application.

The Nodefony project is inspired by the PHP Symfony framework, a developer can find most of the concepts, configurations and patterns of Symfony framework.

Nodefony is not an exhaustive port of symfony !

Table of content

Features

Requirements

Linux OSX Installation

Windows Installation

Build Nodefony Project with CLI (Command Line Interface)

Build Nodefony Project with STARTER

Start Development Mode

Start Production Mode

Configurations

Quick Start

HTTPS Access

References / Thanks

Authors

License

Demo

Nodefony features :

Servers (http(s), websocket(s), statics, sockjs)

HTTP2 http2 ready node module provides an implementation of the HTTP/2 (push server ready).

Dynamics routing

ORM (Sequelize, mongoose)

Simple Databases Services connections (Redis, Mongo, Elasticsearch, mysql, sqlite ...).

MVC templating (Twig)

Notion of real-time context in Action Controller (websocket).

Notion of synchronous or asynchronous execution in Action Controller (Promise, Async, Await).

Services Containers, Dependency Injection (Design Patterns)

Sessions Manager (ORM, memcached)

Authentication Manager (Digest, Basic, oAuth, Local, ldap, jwt, openid)

WAF ( Web application firewall )

Cross-Origin Resource Sharing (CORS)

Production Management (PM2)

RealTime API (Bayeux Protocol)

Webpack Assets management (Like WDS with HMR hot module Replacement)

C++ Addons (Binding in Bundle)

Translations

CLI (Command Line Interface)

Monitororing , Debug Bar

Unit Test Api in framework context (MOCHA)

Nodefony assimilates into the ecosystem of node.js with services like :

WEBPACK Module bundler for assets management of application .

SockJS Server ( Like WDS 'Webpack Dev Server' and HMR management )

WATCHER node.js for auto reload-files in developement mode .

PM2 Production Process Manager for Node.js .

Passport Simple, unobtrusive authentication for Node.js .

~~Angular Experimental Bundle Generator ( Angular cli no longer allows the ejection of a webpack config)~~

Nodefony 5 adds the following features :

C++ Addons (Binding in Bundle)

Authorisations

HTTP2

WEBPACK 4

React Experimental Bundle Generator ( Now an React Project can be merge into a Nodefony Bundle )

Vue.js Experimental Bundle Generator ( Now an Vue.js Project can be merge into a Nodefony Bundle )

Evolution priorities for the next version will focus on robustness, unit testing, documentation and security.

Nodefony is ported with ECMAScript 6 ( Class, Inheritance ).

You can follow Nodefony build on travis at https://travis-ci.org/nodefony/nodefony

Resources for Newcomers

- Nodefony Demo

- Nodefony Documentation

- Nodefony Monitoring

Documentation in progress !!

Requirements

On your system you must have Installed :

GIT is Distributed version control system

Node.js ® is a Platform built on Chrome's JavaScript runtime ( >= 8 )

npm or yarn Packages Manager for javascript application

nvm Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

OpenSSL Toolkit for the Transport Layer Security (TLS) and Secure Sockets Layer (SSL) protocols

GNU Bash Bash is the GNU Project's shell

Operating Systems :

LINUX
- Debian, Ubuntu (Checked, Tested)
- RASPBIAN Raspberry Pi (Checked)

MACOS (Checked, Tested)

WINDOWS (Checked)

FreeBSD (Checked)
- pkg install bash gmake gcc6
- setenv CC "/usr/local/bin/gcc"
- setenv CXX "/usr/local/bin/g++"
- cd /usr/local/bin/ ;ln -s pythonx.x python

~~OpenBSD (Not Checked yet )~~

~~ELECTRON Experimental Nodefony Electron ( Now an Electron Context can be use in Nodefony Project )~~

EMBEDDED SYSTEM ( Very difficult : large memory footprint )

Linux or OSX Installation (Recommanded)

NVM Installation (Node Version Manager ) :

NVM Node Version Manager - Simple bash script to manage multiple active node.js versions

To install or update nvm, you can use the install script:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

# or

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash



$ source ~/.bashrc # or source ~/.bash_profile

$ nvm ls-remote # show all remote versions  

$ nvm ls # show local versions

Node.js Installation with NVM :

nvm install node # "node" is an alias for the latest version

Nodefony Excutable Installation (Globally Recommanded) :

npm -g install nodefony



# or with yarn



yarn global add nodefony

Error that you can usually find :

EACCES error See Global install How to Prevent Permissions Errors (Reinstall npm with a Node Version Manager)

Different Node.js version (NODE_MODULE_VERSION XX) use 'nodefony rebuild'

Windows Installation

Node.js Installation : nvm-windows to easily switch Node versions between different projects. or To install or update Node.js, you can download installer here Node.js

Nodefony Excutable Installation :

Launch a CMD terminal

npm -g install nodefony



# or with yarn



yarn global add nodefony

Add NPM global bin in $Path windows :

On the Windows System Property Menu, configure Path environment variable by adding :

C:\Users\myuser\AppData\Roaming\npm

or

C:\Users\myuser\AppData\Roaming\npm\bin

Build Project with nodefony cli (recommended):

Cli Usage INTERACTIVE MODE :

YOU CAN USE CLI INTERACTIVE MODE (nodefony without args) :

$ nodefony



?  Nodefony CLI :  (Use arrow keys)

❯ Create Nodefony Project

  PM2 Tools

  --------

  Help

  Quit

Cli Usage NO INTERRATIVE :

YOU CAN USE CLI NO INTERACTIVE (nodefony with args) :

#  CLI generate project name : myproject



$ nodefony create myproject

$ cd myproject

Cli Help :

$ nodefony -h



nodefony                                                                                              

    create [-i] name [path]                       Create New Nodefony Project

Build Project with Github Starter :

CLI :

Clone nodefony starter

$ git clone https://github.com/nodefony/nodefony.git

$ cd nodefony

$ nodefony build

  ...

  ...

$ npm start

CLI INTERATIVE :

YOU CAN USE CLI INTERACTIVE MODE TO BUILD PROJECT (nodefony without args)

$ git clone https://github.com/nodefony/nodefony.git

$ cd nodefony

$ ls -l

-rw-r--r--     1 cci  staff   21306 27 mar 19:22 README.md

drwxr-xr-x    12 cci  staff     384 27 mar 19:25 app

drwxr-xr-x     3 cci  staff      96 27 mar 19:22 bin

drwxr-xr-x     7 cci  staff     224 27 mar 19:26 config

drwxr-xr-x     3 cci  staff      96 27 mar 19:22 doc

drwxr-xr-x  1342 cci  staff   42944 27 mar 19:24 node_modules

-rw-r--r--     1 cci  staff     997 27 mar 19:22 package.json

drwxr-xr-x     3 cci  staff      96 27 mar 19:22 src

drwxr-xr-x     4 cci  staff     128 29 mar 11:13 tmp

drwxr-xr-x    12 cci  staff     384 29 mar 11:01 web

-rw-r--r--     1 cci  staff  542660 27 mar 19:24 yarn.lock



$ nodefony



?  Nodefony CLI :  (Use arrow keys)

❯ Build Project

 Generater

 Tools

 PM2 Tools

 --------

 Help

 Quit

Serving a Nodefony project via an development server

Starting Development Servers :

$ nodefony dev



# TO STOP

$ <ctrl-c>

Starting Development Servers in Debug Mode (-d) :

$ nodefony -d dev



# TO STOP

$ <ctrl-c>

OR YOU CAN USE CLI INTERACTIVE MODE (nodefony without args)

 _   _    ___    ____    _____   _____    ___    _   _  __   __

| \ | |  / _ \  |  _ \  | ____| |  ___|  / _ \  | \ | | \ \ / /

|  \| | | | | | | | | | |  _|   | |_    | | | | |  \| |  \ V /

| |\  | | |_| | | |_| | | |___  |  _|   | |_| | | |\  |   | |  

|_| \_|  \___/  |____/  |_____| |_|      \___/  |_| \_|   |_|  



Version : 4.0.0 Platform : linux  Process : nodefony PID : 31635



Fri Jul 27 2018 17:01:11 INFO nodefony : WELCOME PROJECT : myproject 1.0.0



?  Nodefony CLI :  

❯ Start Servers Development

  Start Servers Pre-Production

  Start Servers Production

  Install Project

  Rebuild Project

  Generater

  Tools

  PM2 Tools

  Run Test

  --------

  Help

  Quit

Starting Development Servers in Inspector mode (--inspect) :

Nodejs Debugging Guide

$ npm -g install npx



$ npx --node-arg=--inspect nodefony dev



# check chrome://inspect in your browser

Serving a Nodefony Project via a Production server :

Starting a Nodefony project with PM2 :

$ nodefony prod

Tools PM2 You can see PM2 config : config/pm2.config.js

# To See log

$ nodefony logs



# To List Status of Production projects

$ nodefony list



# TO KILL PM2 DEAMON

$ nodefony kill



# TO STOP APPLICATION WITHOUT KILL PM2 DEAMON

$ nodefony stop

Checking a Nodefony Project Pre-Production (Usefull to check Clusters Node) :

$ nodefony preprod

Serving a Nodefony project with HTTPS

By default nodefony listen secure port in 5152 @see config/config.js

During the installation process all the openssl parts were generated ( self-signed localhost certificate ).

You can Change default openssl configuration in :

ls -l config/openssl



├── ca

│   └── openssl.cnf

└── ca_intermediate

    └── openssl.cnf

You must Add a Trusted CA in your Browser : projectName-root-ca.crt.pem You can find certificate authority (ca) here:

config/certificates/ca/projectName-root-ca.crt.pem

Access to Secure App with URL : https://localhost:5152

Access to App with URL : http://localhost:5151

Framework Configurations

Open config/config.js if you want change httpPort, domain ,servers, add bundle, locale ...

/**

 *  NODEFONY FRAMEWORK

 *

 *       KERNEL CONFIG

 *

 *   Domain listen : Nodefony can listen only one domain ( no vhost )

 *     Example :

 *      domain :  0.0.0.0      // for all interfaces

 *      domain :  [::1]        // for IPV6 only

 *      domain :  192.168.1.1  // IPV4

 *      domain :  mydomain.com // DNS

 *

 *   Domain Alias : string only "<<regexp>>" use domainCheck : true

 *     Example :

 *      domainAlias:[

 *        "^127.0.0.1$",

 *        "^localhost$",

 *        ".*\\.nodefony\\.com",

 *        "^nodefony\\.eu$",

 *        "^.*\\.nodefony\\.eu$"

 *      ]

 */

const path = require("path");



module.exports = {

  system: {

    domain: "0.0.0.0",

    domainAlias: [

      "^127.0.0.1$",

      "^localhost$"

    ],

    httpPort: 5151,

    httpsPort: 5152,

    domainCheck: false,

    locale: "en_en",

    /**

     * BUNDLES CORE

     */

    security: true,

    realtime: true,

    monitoring: true,

    mail: true,

    documentation: false,

    unitTest: true,

    redis: false,

    mongo: false,

    elastic: false,

    /**

     * SERVERS

     */

    servers: {

      statics: true,

      protocol: "2.0", //  2.0 || 1.1

      http: true,

      https: true,

      ws: true,

      wss: true,

      certificats: {

        key: path.resolve("config", "certificates", "server", "privkey.pem"),

        cert: path.resolve("config", "certificates", "server", "fullchain.pem"),

        ca: path.resolve("config", "certificates", "ca", "nodefony-root-ca.crt.pem"),

        options: {

          rejectUnauthorized: true

        }

      }

    },

    /**

     * DEV SERVER

     */

    devServer: {

      inline: true,

      hot: false,

      hotOnly: false,

      overlay: true,

      logLevel: "info", // none, error, warning or info

      progress: false,

      protocol: "https",

      websocket: true

    },

    /**

     *  BUNDLES LOCAL REGISTRATION

     *    Example :

     *       bundles: {

     *         hello-bundle : "file:src/bundles/hello-bundle",

     *         test-bundle  : path.resolve("src","bundles","test-bundle")

     *       }

     */

    bundles: {}

    ...

Quick Start

Install Nodefony :

$ npm -g install nodefony

See Global install How to Prevent Permissions Errors

Create Project :

$ nodefony create myproject

$ cd myproject

Generating a New Bundle :

CLI Generate new bundle : default path src/bundles

$ nodefony generate:bundle name [path]



# Or Generate a New Bundle Interactive

$ nodefony



?  Nodefony CLI :  Generater

?  Nodefony CLI :  (Use arrow keys)

❯ Generate New Bundle

  Generate New Controller

  Generate New Service

  Generate New Entity

  Generate New Nodefony Project

  Generate Openssl Certificates

  Generate Haproxy Configuration

  Generate Nginx Configuration

  Generate letsEncrypt Webroot Configuration

  --------

  Quit

Starting Servers to check new Bundle hello:

$ npm start

or

$ nodefony dev

Access to bundle route with URL : http://localhost:5151/hello

Access to bundle route with URL : https://localhost:5152/hello

Now hello-bundle is auto-insert in framework with watcher active and auto-config Webpack Module bundler

Example controller : src/bundles/hello-bundle/controller/defaultController.js

module.exports = class defaultController extends nodefony.controller {



  constructor (container, context){

    super(container, context);

  }

  /**

   *

   *  @method indexAction

   *

   */

  indexAction (){

    return this.render("hello-bundle::index.html.twig", {

      name: "hello-bundle"    

    }).catch((e) =>{

      throw e ;

    });

  }

};

Example view (twig) : src/bundles/hello-bundle/Resources/views/index.html.twig

{% extends '/app/Resources/views/base.html.twig' %}

{% block title %}Welcome {{name}}! {% endblock %}

{% block stylesheets %}

  {{ parent() }}

  <!-- WEBPACK BUNDLE -->

  <link rel='stylesheet' href='{{CDN("stylesheet")}}/hello-bundle/assets/css/hello.css' />

{% endblock %}

{% block body %}

  {% block header %}

    {{ render( controller('app:app:header' )) }}

  {% endblock %}

  <div class='container' style='margin-top:100px'>

    <div class='row'>

      <div class='col text-center'>

        <img src='{{CDN("image")}}/app/images/app-logo.png'>

        <a href='{{url('documentation')}}'>

          <strong style='font-size:45px'>{{name}}</strong>

        </a>

        <p class='display-4 mt-5'>{{trans('welcome')}}</p>

        <p>{{binding}}</p>

        </div>

    </div>

  </div>

  {% block footer %}

    {{ render( controller('app:app:footer' )) }}

  {% endblock %}

{% endblock %}

{% block javascripts %}

  {{ parent() }}

  <!-- WEBPACK BUNDLE -->

  <script src='{{CDN("javascript")}}/hello-bundle/assets/js/hello.js'></script>

{% endblock %}

watchers :

The bundle generation engine build bundle config with node.js watcher configuration

In developement mode is very usefull to auto-reload files as controllers , views , routing , translations

without having to reboot the server.

You can see hello-bundle config : src/bundles/hello-bundle/Resources/config/config.js

/**

*

*

*  nodefony-starter CONFIG BUNDLE  hello-bundle

*

* ===============================================================================

*

*  Copyright © 2019/2019        admin | admin@nodefony.com

*

* ===============================================================================

*

*        GENERATE BY nodefony-starter BUILDER

*/

module.exports = {

  type        : "nodefony",

  locale      : "en_en",

  /**

   *    WATCHERS

   *

   *  watchers Listen to changes, deletion, renaming of files and directories

   *  of different components

   *

   *  For watch all components

   *      watch:                    true

   *  or

   *      watch:{

   *        controller:             true,

   *        config:                 true,        // only  routing.js

   *        views:                  true,

   *        translations:           true,

   *        webpack:                true

   *      }

   *

   */

  watch: true

  /**

   *

   *  Insert here the bundle-specific configurations

   *

   *  You can also override config of another bundle

   *  with the name of the bundle

   *

   *  example : create an other database connector

   */

};

Webpack Module bundler :

The bundle generation engine build bundle config with a predefined webpack configuration

In this way webpack is very usefull to manage all assets of bundle

In developement mode watch is very usefull to auto-compile webpack module bundle

without having to reboot the server

You can see hello-bundle config webpack : src/bundles/hello-bundle/Resources/config/webpack.config.js

const path = require("path");

const MiniCssExtractPlugin = require("mini-css-extract-plugin");

const webpackMerge = require('webpack-merge');



// Default context <bundle base directory>

//const context = path.resolve(__dirname, "..", "Resources", "public");

const public = path.resolve(__dirname, "..", "public", "assets");

const bundleName = path.basename(path.resolve(__dirname, "..", ".."));

const publicPath = bundleName + "/assets/";



let config = null;

let dev = true;

if (kernel.environment === "dev") {

  config = require("./webpack/webpack.dev.config.js");

} else {

  config = require("./webpack/webpack.prod.config.js");

  dev = false;

}

module.exports = webpackMerge(config, {

  //context: context,

  target: "web",

  entry: {

    hello  : [ "./Resources/public/js/hello.js" ]

  },

  output: {

    path: public,

    publicPath: publicPath,

    filename: "./js/[name].js",

    library: "[name]",

    libraryExport: "default"

  },

  externals: {...},

  resolve: {...},

  module: {...},

  plugins: [...],

  devServer: {

    inline: true,

    hot: false

  }

});

Monitoring FRAMEWORK

Access to monitoring route with URL : http://localhost:5151/nodefony

Monitoring in progress !!!

Who Use Nodefony:

Big thanks:

D-Lake French specialist in infrastructure and data security.

Authors

Christophe CAMENSULI github/ccamensuli

License

CeCILL-B

nodefony-starterNodefony Starter Node.js Framework