A Noob's Guide to Hosting a Website on Banana Pi with Apache2

Maybe you are a nub, maybe you are not, it doesn't matter, let's host a website on Banana Pi.


My website can be found http://projectbananapi.ddns.net/ (it is hosted on Banana Pi)



Overview

Apache2 is  a software that can host websites! Yay! And with a Banana Pi, we can host multiple websites from your home for free. This guide will walk you through on how to:
  • Install Apache2 on Banana Pi
  • Build a website
  • Upload a website
  • Configuring settings for a website or multiple sites
  • Setting up an URL for a website
  • Setting up Port Forwarding for a website
  • Going to your website on Chrome

Installing Apache2 on Banana Pi

This step is not hard and I think you can even do it without a brain! I have wrote previous guides on how to do this and I will share it with you here.

To set up Bananian

To set up Apache2

Building a Website

Building a website is fun and might be just a little challenging for those who lost their brains, but I think it can be managed without brains also!

There are many different programs and formats for a website and I recommend a basic html website with css and javascript. It is the foundations of most websites and it has unlimited potential. (unless you want to make a forum or link databases)

The Weebly Way

If you have no brains, type "weebly" in a search bar and press "enter". Click on the first link that appears and follow the instructions on the page. You don't even have to host it on Banana Pi!

The DIY Way

Download a template or start from scratch and make a html document. I suggest w3 templates since they are free and pretty decent too. Open up a html editing software like Dreaweaver and edit your way around the html tags.



<h>here is what will be displayed and it HAS to be followed by</h>
<p>this is a smaller version of what will be displayed</p>

the labels here correspond to a section in style.css 

.h {
color: 5f5f5f;
}

and you can see that it specified that the color of "h" is "5f5f5f" which is a grey.

Uploading a Website

Go back to my guide if you are reading this line

Basically just install FileZilla and make an entry with the local ip and logins of your Banana Pi.

Configuring Settings

On Bananian navigate to
cd /etc/apache2/
ls
Now you can see the file directory for the Apache2 application (it is not where your website is uploaded)



To edit the settings, go to
nano /etc/apache2/sites-enabled/000-default 
Now be careful, here is where all the configuration takes place. You will already have texts in here and what is important to take out is the below lines. Below is ALL you need to have in your configuration. I went out of my way to find the simplest way to make it work:)
<VirtualHost *:80>
DocumentRoot /var/www
ServerName projectbananapi.ddns.net
<VirtualHost>
and the only thing you need to change is the ServerName. Change it to the domain for your website.
ServerName yourdomain.com
ServerAlias www.yourdomain.com
and to host multiple websites on different domains, just add another entry starting with
<VirtualHost *:80>
and fill in the rest accordingly.

Setting up URL

If you do not have a domain, then get a free one 
Google noip and you will find a free domain name service, add a new host and you are good to go.
Do not change any settings, just specify the domain name and your public IP



Find your public IP by searching "my ip" on google and it should look like
  • 63.248.288.16
and you will get a sub domain like below from noip
  • iamawesome.ddns.net
This is the URL you will put in your configuration

Setting up Port Forwarding

Go to your router's configuration page, it is usually
192.168.0.1
or
192.168.1.1
Under QoS or NAT, there is a port forwarding option

Forward port from 80 to 80
to IP of your Banana Pi

Google this if you do not get it. It is self explanatory, but it may be confusing. I am not really in the mood to write a guide for every router in the world:)

Going to Your Website on Chrome or FireFox or Spartan(you know what)

 Open up your browser and type in the noip address without "www"



Hope you enjoyed my horrible humor

and i am not telling you to like my blog or my channel, but please do it if you don't feel like it.
https://plus.google.com/+projectbananapiblogspotz/about

 









99 comments:

  1. Thumbs up for sharing this wonderful information, please do write more about best web hosting in Pakistan 2019. Thanks

    ReplyDelete
    Replies
    1. Very Precious Information Regarding The Web Hosting Here Is Also a Blog i.e how can you take a web hosting in usa.
      you can check here

      Delete
  2. Webcare360 Provides you safe and secure cheap Offshore Hosting Best offshore hosting and offshore dedicated servers with 99.9% Up time Guarantee, with Ddos protection.

    ReplyDelete
  3. Many Many congrats for Project Banana Pi. Found very good just like "Installing Apache2 on Banana Pi". Indeed Apache2 is one of the Best Web Hosting.

    ReplyDelete
  4. dmcaignoredhosting.com is a leading offshore hosting company. Providing Quality Web Hosting Since 2014 to 1200+ Happy Clients.

    ReplyDelete
  5. Very useful information for me. I like because this is best Domain hosting Company in Islamabad,
    Domain hosting Company in Islamabad

    ReplyDelete
  6. Great to read the article on A Noob's Guide to Hosting a Website on Banana Pi with Apache2. According to me, jiWebHosting is the Best Web Hosting Provider that provides cutting-edge services, premium performance features, and a professional team who offer 24/7 support.

    ReplyDelete
  7. Wow, this is fascinating reading. I am glad I found this and got to read it. Great job on this content. I liked it a lot. Thanks for the great and unique info. free domain names

    ReplyDelete
  8. That blog was amazing, I am impressed with your thoughts. I got the best information from this site, It’s very useful to all and us. Thanks for sharing this post.
    best web development company multan

    ReplyDelete
  9. Amazing and a great post ! really a appreciable work. Thanks for sharing information.
    Dedicated Server in USA, Best Dedicated Server US, Cheap Dedicated Server US, Dedicated Server US, Dedicated Server USA

    ReplyDelete
  10. Thank you for provinding such as important information about server and also i can apply for my web page Best VPS Hosting USA . so keep going on such type of work.

    ReplyDelete

  11. wordpress developer

    Wordpress Website Design - If you are looking at the wordpress developer, then we are the best wordpress developer. we provide the best wordpress web design service.

    to get more - https://webdesignbymatt.com/product/wordpress-website/

    ReplyDelete
  12. You can earn as much discount as possible using this https://latest-web-hosting-coupons.blogspot.com/2020/01/best-wordpress-hosting-sites.html FastComet Coupon Code 2020. Learn more about it here: our blog feeds

    ReplyDelete
  13. Great work done by author of this blog. Its an Amazing blogger. We are one of the best
    Web Development Chakwal

    ReplyDelete
  14. Thanks for your article. I want to recommend NetShop ISP as the best hoster, it has been tested not only by me but also by many satisfied customers

    ReplyDelete
  15. Thanks for such a great information! Find the best Shared Web Hosting plan for your website at lowest monthly cost!

    ReplyDelete
  16. This comment has been removed by the author.

    ReplyDelete
  17. It was a fantastic article. Allow me to introduce My Self Nitin Gupta. I'm a Digital Marketing Expert. Let me know if you need any help. To get vps hosting please visit the link

    ReplyDelete
  18. Here is the affordable best hosting company for woocommerce websites to grow your business on all search engine, get more sales and save your money. Just try one Time.

    ReplyDelete
  19. This is a great article thanks for sharing this informative information. I will visit your blog regularly for some latest post.
    web development in Lahore

    ReplyDelete
  20. Email marketing system

    Welcome to Operion web design company. Get the best web design services in Malaysia. Check our website design portfolio and get the best services. We offer the best web design & email marketing system services.

    to get more - https://www.operion.com.my/

    ReplyDelete
  21. Thanks for sharing these suggestion regarding web hosting. This is really nice
    iPhone Apps Development Islamabad

    ReplyDelete
  22. your article is so convincing that I never stop myself to say something about it. You’re doing a great job digital marketing agency

    ReplyDelete
  23. This Article is very helpful for me. it full to explain about Web Hosting, Domain Hosting, Website Building ect..
    VPS server Hosting

    ReplyDelete
  24. Indeed, it's very tough to opt the Secure Web Hosting service provider.Because of intense competition all web hosting providers offer promotions with discounts and other stuffs that would benefit its users. Microhost is very good with their hosting service and i have came across microhost review,which are very useful for end user to choose the hosting.

    ReplyDelete
  25. This is a great walk-through! Very needful topic and the way you present is excellent. Thank you so much for this content on Web Hosting Definition and it looks interesting.Keep up with this tremendous work.

    ReplyDelete
  26. Very interesting blog. A lot of blogs I see these days don't really provide anything that I'm interested in, but I'm most definitely interested in this one. Just thought that I would post and let you know. You can also check up dedicated server in Calgary.

    ReplyDelete
  27. Thank a lot. You have done excellent job. I enjoyed your blog . Nice efforts jasa pembuatan website terbaik

    ReplyDelete
  28. You made such an interesting piece to read, giving every subject enlightenment for us to gain knowledge. Thanks for sharing the such information with us to read this... Prowebhosting

    ReplyDelete
  29. Hi dude! Thanks for the FastComet Hosting Review. You can learn more here https://tinyurl.com/y5vfv9dx about FastComet Coupon Code 2020.

    ReplyDelete
  30. Very interesting Post. Thank you for sharing.
    Hosting Facts

    ReplyDelete
  31. Thanks For This Informative Article. It Helps All Those People Who Are Confused In Selecting Hosting Like me.
    Web Hosting in UAE

    ReplyDelete
  32. This is really a nice and informative. containing all information and also has a great impact on the new technology. Thanks for sharing,
    Web Hosting Company Islamabad

    ReplyDelete
  33. STARTER WEBSITE PACKAGES
    Safe and secure online storage
    Never lose music, videos or documents again
    Safe and secure online storage
    Never lose music, videos or documents again

    ENTERPRISE HOSTING SOLUTIONS
    Scalable infrastructure to suit your business needs
    Enhanced load balancing technologies provided with all servers
    Scalable infrastructure to suit your business needs
    Enhanced load balancing technologies provided with all servers
    https://asolink.us/

    ReplyDelete
  34. replica watches uk, combining elegant style and cutting-edge technology, a variety of styles of replica breitling aviator 8 watches, the pointer walks between your exclusive taste style.

    ReplyDelete
  35. You have performed a great job on this article. It’s very precise and highly qualitative. You have even managed to make it readable and easy to read.
    Web hosting Islamabad

    ReplyDelete
  36. Very interesting, good job and thanks for sharing such a good blog.
    Website Designing in Islamabad

    ReplyDelete
  37. Thanks for sharing this wonderful blog. Click here for - Dedicated hosting provider

    ReplyDelete
  38. I am obliged to you for sharing this informative content here among us. I am certain that it might be beneficial for many of the visitors. Keep blogging and continue updating us with your knowledge.. Thank you so much for this content.
    Web Hosting in Lahoreit looks interesting.

    ReplyDelete
  39. world-class web hosting and web designing company - 7Hoster is a world-class web hosting and web designing company that provide the best web hosting and web designing service.

    ReplyDelete

  40. Hey,
    Hope you are doing great in this uncertain time.
    Really Great Stuff ! especially like your comments around IT.
    (Web & App Development Company In USA, UK).


    You wrote amazing things about web development, But the market for app development is booming in the last few years.
    various technologies are coming into the market and many more.

    we request you to kindly write some blogs on Web Design & Mobile App
    Development Company In India




    ReplyDelete
  41. Thanks for sharing such beautiful information with us. You are sharing really awesome content with us. It helped me a lot and i hope it will help freelancers. I hope you will share useful content for us.
    Web Development Company Islamabad

    ReplyDelete
  42. I read your post, this post is very useful for every needy person. Thank you so much for sharing this post.
    Web Hosting Company Islamabad

    ReplyDelete
  43. MexiServer es una empresa consolidada en los servicios destreaming. La empresa nace en 2011 motivadapor las malas prestaciones que ofrecen otras empresas del sector y la escasa variedad que se oferta en el mercado sobre los servicios de streaming.
    MexiServer se ubica en la ciudad de Toluca, Estado deMéxico, siendo una empresa 100% mexicanaque ofrece a sus clientes un trato personalizado y adaptado para todos los ámbitos: empresarial, personal y/o laboral. La seguridad de contratar un servicio con esta empresa es la clave del éxito para su negocio de hosting México.
    Ofrecemos algunos servicios como video HD por internet, webhosting; dominios, diseño web, radiostreaming; radio hosting y además disponemos de planes para revendedores. Siestán buscando un Hosting México,contacta con MexiServer y sabrán cuál es elmejor plan que se adapta a su negocio de radio streaming.
    MexiServer cuenta con un equipo cualificado y profesionalque le ayudará a seleccionar su mejor radio hosting para emitir con toda la calidad que se merece una radio streaming. Su proyecto tendrá éxito asegurado con el respaldo de un equipo experimentado en el ámbito de los servicios streaming.
    Una de nuestras muchas garantías es que contamos con laacreditación de REGISTRY.MX apegándonos en los estándares internacionales tecnológicos con la máxima calidad en nuestro servicio y atención al cliente.Nuestro asesoramiento busca su comodidad y confianza hacia nuestra empresa para que su proyecto de Hosting México de Radio Streaming sea rentable y llegue a lomás alto de su sector.
    A diferencia de otras empresas de Hosting México, MexiServercuenta con la transparencia de la profesionalidad ya que todos los servicios que usted contrate de Radio Streaming, web hosting, o Radio Hosting, entre muchos otros, están faturados y realizados en un marco seguro de legalidad. El I.V.A se incluye en los precios finales sin sorpresas ni cargos adicionales que le supongan un mal trago a la hora de pagar sus servicios de Hosting México.
    Las opiniones de nuestros usuarios de Radio Streaming sonsatisfactorias frente a otras de la competencia del sector Hosting México porlo que es una oportunidad excelente para que su empresa cambie de Streaming Radio y contrate nuestros servicios, siempre profesionales y adaptados a susnecesidades empresariales, personales y/o laborales.
    MexiServer es la solución a tu Hosting México: calidad y precio van de la mano en nuestraempresa. Tenemos su plan para que su Radio Streaming tenga la mejor calidad de todo el sector y sea un referente cuando se encuentre emitiendo su programa.radio streaming

    ReplyDelete
  44. I have just gone through your blog......your information is so valuable. Im logu from Chennai Shared Hosting Services India

    ReplyDelete
  45. I have just gone through your blog......your information is so valuable. Im logu from Chennai Web Hosting Services Chenna

    ReplyDelete

  46. Thank you so much for the great article. It’s quite informative. We offer reviews of the best web hosting services available on the internet. We earn a bit of money from referring clients to the best web hosting platforms. Please note we only promote web hosting platforms we have utilized or have conducted a thorough research on.
    Follow us at Best Web Host

    ReplyDelete
  47. Know your Status in Real TimeCheck if you site is online and get notified by email, telegram or custom requests, when it is getting offline.

    ReplyDelete

  48. Perfect Blog. More informative I love it. Readable and valueable. keep up the good stuff like this.
    Thank You.
    If any one need Website hosting services

    then contact us

    ReplyDelete

  49. This is amazing. More informative and valueable. keep going on and provide us a good stuff like this.
    Thank You.
    If any one need Best web hosting
    then contact us

    ReplyDelete
  50. since my childhood, I was a fan of websites. When I grew up, I left my hometown to get a specialization in the technology field. Now, my hard work has been spoken and my website best email hosting is providing hosting in almost all aspects from windows to Linux hosting as well as for e-commerce websites.

    ReplyDelete
  51. You provide such a great and informative blog.
    We are providing best hosting services and cheap domain in Pakistan.
    cheap domain in Pakistan

    ReplyDelete
  52. Outstanding article!I want people to know just how good this information is in your article. Your views are much like my own concerning this subject. I will visit daily your blog because I know. It may be very beneficial for me.
    Best Web Development Company in Lahore

    ReplyDelete
  53. There are a lot of blogs over the Internet. But I can surely say that your blog is amazing in all. It has all the qualities that a perfect blog should have.
    Best SEO Services in Lahore

    ReplyDelete
  54. Thank you for such a well written article. It’s full of insightful information and entertaining descriptions. Your point of view is the best among many. https://onohosting.com/

    ReplyDelete
  55. Thank a lot. You have done excellent job. I enjoyed your blog . Nice efforts cek nomor smartfren

    ReplyDelete
  56. Alex Ross Mentor produced the romantic comedy The List starring Wayne Brady, Sydney Poitier, Brad Dourif, Ileana Douglas, and Jane Lynch. The movie was acquired by Warner Bros. He was appointed as an expert by the EU’s: Education, Audiovisual and Culture Executive Agency MEDIA Program in 2016 and is continuing to advise them on the funding of various film projects.

    ReplyDelete
  57. This is amazing. More informative and valueable. keep going on and provide us a good stuff like this.
    Thank You.
    If any one need then contact us...
    Web Hosting Company Islamabad

    ReplyDelete
  58. You are obviously very good with words. This article shows your true talent for expressing unique thoughts other writers only aspire to think.
    <a href="https://mrmaintenanceservices.com/services/hvac-repair-installation/>hvac-repairing and installation services in Islamabad</a>

    ReplyDelete
  59. Thank a lot. You have done excellent job. I enjoyed your blog . Nice efforts
    If you are looking for the services of Dedicated server hosting in Pakistan or Best Web hosting in Pakistan do visit us.

    ReplyDelete
  60. This is a great article. I am very much pleased with your good work. You put really very helpful information. Also Visit Site

    ReplyDelete
  61. This is really helpfull article.

    ReplyDelete
  62. Thank a lot. You have done excellent job. I enjoyed your blog . Nice efforts
    If you are looking for Shared hosting in Pakistan or Windows hosting in Pakistan do visit us around.

    ReplyDelete
  63. Individuals would often take screen shots of something they saw on Instagram. This was the best they could do and then hopefully remember to research it or buy it later. auto followers instagram

    ReplyDelete
  64. The distinction of having a standard YouTube channel and having a YouTube Brand Account is that with the last you have the choice to change proprietors and administrators while a YouTube channel is related 100% of the time with a particular individual and their email address. youtube channel for sale

    ReplyDelete
  65. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. It is critical to understand your website's requirements. You can only find them in web hosting solutions if you have a clear notion of what you require.
      If you want to buy hosting Hostonfox

      Delete
  66. Full-stack development refers to developing both front-end (client-side) and back-end (server-side) portions of a web application. You can hire full stack developer depending on your company’s needs.

    Full-stack web Developers: Full-stack web developers can design complete web applications and websites. They work on the front-end, back-end, database, and debugging of websites.

    ReplyDelete
  67. Its really very informative about IPTV ABONNEMENT IPTV

    ReplyDelete

  68. This is incredibly useful information! This blog is a fantastic source of knowledge that I find really beneficial. Thank you very much for bringing this to our attention!

    Visit DedicatedHosting4u.com!</a

    ReplyDelete
  69. Perfect Blog. More informative I love it. Readable and valuable. keep up the good stuff like this.
    Thank You.
    top long island advertising agencies

    ReplyDelete
  70. Best Content Website thanks for this…!!!!
    you are try to do some best of peoples…!!!!
    i WILL share the content with my friends….
    once again thanku so much….. >>>>>>>>>
    innova8ors web development company

    ReplyDelete
  71. Good post! This is a very good blog that I will definitely come back to many more times! Thanks for the article.괴산콜걸샵추천
    음성콜걸샵추천
    단양콜걸샵추천
    담양콜걸샵추천
    곡성콜걸샵추천
    구례콜걸샵추천

    ReplyDelete
  72. Thank you for this, it's exactly what we looking for in order to host our fintech software on the cloud.

    ReplyDelete
  73. IndiaTransform is recognized as one of the leading Website development services in Delhi.

    ReplyDelete
  74. A home buying guide for first-time buyers with current information and calculators and every step of the buying process. Buying Home in Canada

    ReplyDelete
  75. Hello
    Thank you very much for sharing this blog with all of us. Hostnet LV offers a wide range of web hosting and multiple hosting services. If you want to get information or benefits of website hosting then join us.

    ReplyDelete