Coldfusion and heroku

Welcome again to coder by gleentech. Today we will introduce how to code coldfusion and heroku hosting.

Coldfusion is an old architecture for server-side since 1995. It works on the server-side. It’s a tag language. Written in JAVA. Since the rewritten in java since 2002, the tags evolved so much. It can be written with html5, css and javascript. There are a few tags for generation forms. On this tutorial I will explain how the heroku interacts with coldfusion (Lucee version)

Go to lucee website and download the file. It can be downloaded as jar or even in war file.

Download the GitHub as it follows for our example.

-> git clone https://github.com/mikesprague/lucee5-heroku

-> cd lucee5-heroku && mvn package

-> foreman start

You will need to register for an account on heroku and create an app for the tutorial as it follows.

Then you will need to clone the deploy from GitHub online on heroku.

Now, open your folder on the Netbeans. Go to webroot, open index.cfm then copy paste:

refURL=”http://docs.lucee.org”;

wikiURL=”https://bitbucket.org/lucee/lucee/wiki/Home”;

bbURL=”https://bitbucket.org/lucee/lucee”;

adminURL=”#CGI.CONTEXT_PATH#/lucee/admin.cfm”;

webAdminURL=”#CGI.CONTEXT_PATH#/lucee/admin/web.cfm”;

serverAdminURL=”#CGI.CONTEXT_PATH#/lucee/admin/server.cfm”;

mailinglistURL=”https://groups.google.com/forum/##!forum/lucee”;

profURL=”https://www.lucee.org/support.html”;

issueURL=”https://bitbucket.org/lucee/lucee/issues”;

newURL=”http://docs.lucee.org/guides/lucee-5.html”;

</cfscript>

<!DOCTYPE html>

<html>

<head>

<title>Home – Pedro Dias Vicente</title>

</head>

<div class=”container”><a class=”navbar-brand” href=”#page-top”>Pedro Dias Vicente</a><button data-bs-toggle=”collapse” data-bs-target=”#navbarResponsive” class=”navbar-toggler text-white bg-primary navbar-toggler-right text-uppercase rounded” aria-controls=”navbarResponsive” aria-expanded=”false” aria-label=”Toggle navigation”><i class=”fa fa-bars”></i></button>

<li class=”nav-item mx-0 mx-lg-1″><a class=”nav-link py-3 px-0 px-lg-3 rounded” href=”#portfolio”>Portfolio</a></li>

<li class=”nav-item mx-0 mx-lg-1″><a class=”nav-link py-3 px-0 px-lg-3 rounded” href=”#about”>About</a></li>

<li class=”nav-item mx-0 mx-lg-1″><a class=”nav-link py-3 px-0 px-lg-3 rounded” href=”#contact”>Contact</a></li>

</ul>

</div>

</nav>

<h1>Pedro Dias Vicente</h1>

<h2 class=”font-weight-light mb-0″>Web Developer – C/C++ – devOPS</h2>

</div>

</header>

<h2 class=”text-uppercase text-center text-secondary”>Portfolio</h2>

</div><img class=”img-fluid” src=”assets/img/portfolio/cabin.png”>

</a></div>

</div><img class=”img-fluid” src=”assets/img/portfolio/cake.png”>

</a></div>

</div><img class=”img-fluid” src=”assets/img/portfolio/circus.png”>

</a></div>

</div><img class=”img-fluid” src=”assets/img/portfolio/game.png”>

</a></div>

</div><img class=”img-fluid” src=”assets/img/portfolio/safe.png”>

</a></div>

</div><img class=”img-fluid” src=”assets/img/portfolio/submarine.png”>

</a></div>

</div>

</section>

<h2 class=”text-uppercase text-center text-white”>About</h2>

<p class=”lead”>Freelancer is a free bootstrap theme. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional LESS stylesheets for easy customization.</p>

</div>

<p class=”lead”>Whether you’re a student looking to showcase your work, a professional looking to attract clients, or a graphic artist looking to share your projects, this template is the perfect starting point!</p>

</div>

<div class=”text-center mt-4″><a class=”btn btn-outline-light btn-xl” role=”button” href=”#”><i class=”fa fa-download me-2″></i><span>Download Now!</span></a></div>

</div>

</section>

<h2 class=”text-uppercase text-center text-secondary mb-0″>Contact Me</h2>

</div>

<div class=”mb-0 form-floating controls pb-2″><input class=”form-control” type=”email” id=”email” required=”” placeholder=”Email Address”><label class=”form-label”>Email Address</label><small class=”form-text text-danger help-block”></small></div>

</div>

<div class=”mb-0 form-floating controls pb-2″><input class=”form-control” type=”tel” id=”phone” required=”” placeholder=”Phone Number”><label class=”form-label”>Phone Number</label><small class=”form-text text-danger help-block”></small></div>

</div>

<div class=”mb-5 form-floating controls pb-2″><textarea class=”form-control” id=”message” required=”” placeholder=”Message” style=”height: 150px;”></textarea><label class=”form-label”>Message</label><small class=”form-text text-danger help-block”></small></div>

</div>

</form>

</div>

</section>

<h4 class=”text-uppercase mb-4″>Location</h4>

<p>2215 John Daniel Drive<br>Clark, MO 65243</p>

</div>

<h4 class=”text-uppercase”>Around the Web</h4>

</ul>

</div>

<h4 class=”text-uppercase mb-4″>About Freelancer</h4>

<p class=”lead mb-0″><span>Freelance is a free to use, open source Bootstrap theme. </span></p>

</div>

</footer>

</div>