How to create dynamic Website

          Creating a dynamic website is a challenging task for new developers who are learning technology.
But here I will drive you to create a dynamic website with simple steps.

Technology Details
  •     keystone is the CMS framework and 
  •     Node.js is the server scripting language, 
  •     MongoDB is the database.

     You have to configure node.js and MongoDB for local instances. Configure Heroku for a free hosting service.Heroku provides up to 5 free hosting services for Node.js, Php, Java, Python technologies.

 1.   Login to http://keystonejs.com/getting-started/ website and download and install node.js, MongoDB.      While installing node.js and MongoDB, copy the path and paste in environment variables (control panelàSystemàenvironment variables ).   

      Configuration of mongo DB

NOTE: All installation steps that run in the Command Prompt (Admin) are done as an administrator.



MongoDB Configuration for localhost 


// Add MongoDB bin path to your system path environment variable

c:\mongodb\bin
Make MongoDB directories:

mkdir c:\mongodb\data
mkdir c:\mongodb\data\db
mkdir c:\mongodb\logs
mkdir c:\mongodb\conf
Download MongoDB 2.6.1 64-bit the ZIP version, unzip and move the bin folder to the folder c:\mongodb so it becomes c:\mongodb\bin

// Create the config file mongodb.conf on c:\mongodb\ with the following contents:

# mongodb.conf

# Data
dbpath=c:\mongodb\data\db

# Log
logpath=c:\mongodb\logs\mongodb.log
logappend=true

# Only run on localhost for development
bind_ip=127.0.0.1

# Default MongoDB port
port=27017

Install MongoDB as a service:

mongod –config --install c:\mongodb\mongodb.conf --logpath c:\mongodb\logs\mongodb.log
Start MongoDB service:

net start MongoDB

     Configuration of Node.js

In your root directory run:

npm install –g yo
npm install -g generator-keystone
                                
 Create a folder wherever you want,

mkdir my-test-project
cd my-test-project
yo keystone
node keystone

 Then open http://localhost:3000 to view it in your browser.

For Heroku hosting, create an Account in Heroku 

Download and install the Heroku tool bet

Copy  and paste the path in environment variables

Go to Command prompt and type npm install heroku

mLAB Account

Create a mLab account for the database, copy and paste the URL in. Env file in your project file

Create a Cloudinary account(if want), copy and paste the URL in. Env file in your project file 

Heroku hosting

Copy and paste all your config values and keys in Heroku config fields, then follow the following steps,

$Heroku login
$Git init
$ heroku git:clone -a urlname
$Git add .
$Git commit –am “your changes”
$ Git push heroku master

Type Heroku open, and see the website that you are created…



Popular posts from this blog

How to extract information from xml using node.js

There are plenty of methods available to extract information from an XML file and I have used the XPath select method to fetch the tag values. The following modules have to install using the NPM install Method. var fs = require ( 'fs' ), xml2js = require ( 'xml2js' ); const parser = new xml2js . Parser (); const xpath = require ( 'xpath' ), dom = require ( 'xmldom' ). DOMParser ; sample XML file name as test.xml. < groceryShop > < ownerName > xxxx </ ownerName > < name > DepartmentalStore </> < address > bangalore </ address > < pincode > 562320 </ pincode > </ groceryShop > The above modules will drive the process to fetch the information. //To read the file by using the readFile method which may be sync or async function fs . readFile ( 'test.xml' , function ( err , data ){ if ( err ){ //display error } else { // d
Read more

How to clone a record using custom button in salesforce

Image
USE CASE  A user wants to create new records by mirroring the existing records with minimal clicks using the “Button” (Cloning the records). SOLUTION  Create the custom button where all the user-requested fields will be mapped. Add created a custom button on the page layout. Create a Custom Button  Go to Setup  - Object - Buttons, Links, and Actions Section -- Click New button or Link ->  Enter Label Name(Account Transfer) Select Display Type as “Detail Page Button” and Content Source as “ URL ” Add all the user-requested fields with their IDs and add the  return URL  with the Object id. If the field is Lookup, Prefix  CF  with field id (See the below Image) Finally  Save  all the works you did. 6.       Add created “ Custom Button ” on the Page Layout. 7.            When Clicking on the “ Account Transfer ” Button, Whatever the mapped fields in the button will populate from the existing record. (Highlighted in orange color) 8.            Click the “ Save ” button and save the recor
Read more

salesforce questions and answers

Image
1. What is Lightning? A lightning Component framework is a UI framework for developing responsive web apps, Single Page Application FrameWork, It Supports partitioned multi-tier component development that bridges the client and server, It uses JavaScript on the client-side and Apex on the server-side. 2. What is the use of Lightning Component Framework? Out-of-the-box set of components, Event-driven Architecture, Framework optimized for performance. 3. What is a component?  Self-contained and reusable units of an app, A single line of code can use the entire app wherever want. 4. What is an aura framework? Aura is an open-source framework. Enables building apps completely independent of your data in Salesforce. 5. What is lightning App Builder? The Lightning App Builder, To build apps visually, without code, quicker than ever before using off-the-shelf and custom-built Lightning components. Make your Lightning components available in the Lightning
Read more