관리 메뉴

솔트펀 티스토리

Bitnami 아파치 웹서버 설치 본문

SERVER/Apache

Bitnami 아파치 웹서버 설치

SALTFUN 2020. 1. 13. 22:05

원본사이트 https://www.opentutorials.org/course/3084/18895

https://seomal.org/?i=GIT2-CLI-VERSION-CONTROL

이 페이지에는 다음의 내용들이 있다.

  1.     Window에서  bitnami 설치
  2.     Mac에서 bitnami 설치
  3.     Linux(Ubuntu)에서 bitnami 설치
  4.     웹페이지에 동영상 삽입(Youtube)
  5.     댓글 기능 구현(DISQUS)
  6.     채팅 기능 추가(tawk.to)
  7.     방문자 분석기(Google Analytics)

 

웹호스팅(github pages)

웹서버 운영하기

https://news.netcraft.com/archives/2019/09/27/september-2019-web-server-survey.html

검색어: how to install apache http server os[windows/linux/mac ...]

현시점에서 추천 드리고 싶은 서비스들은 이런 것들이 있습니다.


하지만 미래에는 없어졌을 수도 있고,
더 좋은 서비스도 있을 수 있기 때문에
더욱 중요한 것은 검색을 통해서
찾아낼 수 있는 능력

다른 사람들의 웹사이트 구경

https://opentutorials.org/course/3084/18891

 

 

 

 

 

TOP

윈도우

apache 서버는 설치가 까다로움. 여러 가지 설치도우미프로그램들이 있음.  

검색어: how to easy install apache on window  https://httpd.apache.org/docs/2.4/platform/windows.html

한글판과 영문판의 내용이 다름

영문판에서 bitnami 로 넘어가도 좋고 검색해보는 것도 좋을 듯. 검색어: bitnami wamp stack

https://bitnami.com/stack/wamp   Windows Apache MySQL PHP[미들웨어]

 

다운로드 후 설치.  MySQL 비밀번호[슈퍼유저 즉 'root'의 비밀번호] 잘 기억해야 함.

설치후 phpAdmin 에 접속할 때 필요. 잘 기억해둘 것. 사용자이름은 'root'

설치 후 127.0.0.1 또는 localhost에 접속해보면

잘 설치됨. localhost 또는 127.0.0.1 에 접속

bitnami 매니저 [관리 프로그램]

Manage Servers 탭에서 웹서버와 MySQL 서버를 끄고 켜고 할 수 있음.

실행파일은 bitnami가 설치 되어있는 디렉토리(\Bitnami\wampstack-7.3.13-0)에서

manager-windows.exe 이다.

bitnami 매니저 [관리프로그램] 실행파일

홈페이지 root 폴더와 파일    /Bitnami/wampstack-7.3.13-0/apache2/htdocs/index.html

root 경로를 바꾸려면 \Bitnami\wampstack-7.3.13-0\apache2\conf\bitnami\bitnami.conf 를 수정해야 한다.

root 경로는 Directory 의 내용을 바꾸면 변경된다

http://localhost/phpmyadmin/index.php 에서 mysql 관리 프로그램에 접속할 수 있다.

index.php 가 저장되어 있는 위치는 \Bitnami\wampstack-7.3.13-0\apps\phpmyadmin\htdocs  이다.

접속하기 위해서는 username 과 앞서 설치 시 설정한 password를 입력해야 한다.

MySQL 관리 페이지 로그인

 

MySQL 관리페이지

 

 

 TOP

맥에는 Apache가 기본적으로 깔려있음. 설정변경 등이 까다로우므로 윈도우에서와 마찬가지로 bitnami를 설치해보기로 함

검색어: bitnami mamp stack 

MAMP : Mac Apache MySQL PHP[미들웨어]

bitnami를 설치하면 아파치에 별다른 설정이 필요없이 자동으로 설치됨.

bitnami 매니저의 위치: Applications/mampstack-7.1.11-0/manager-osx

root의 위치: 윈도우와 마찬가지로 설치폴더에서 apache2/htdocs/index.html

127.0.0.1:8080/index.html 맥에 원래 웹서버가 있기 때문에 새로 설치한 웹서버는 다른 포트를 사용.

맥의 제어판: system Preferences -> Network [네트워크 설정]

 

 

TOP

리눅스

검색어: apache install ubuntu https://www.digitalocean.com/community/tutorials/how-to-install-the-apache-web-server-on-ubuntu-18-04-quickstart 

sudo: 슈퍼관리자의 권한으로 실행
  apt-get: 일부 linux에서 appstore에서와 같이 프로그램을 다운로드 받아 설치해주는 프로그램
  
  $ sudo apt update                    최신버전으로 목록을 업데이트
  $ sudo apt install apache2
  
  
  $ sudo apt-get update
  $ sudo apt-get install apache2
  
  설치 후.  자신의 IP 주소 확인
  $ hostname -I

브라우저에서 확인된 IP/index.html에 접속해보면 

이 페이지는 설명서라고 봐도 되는데, 잘 살펴보면 홈페이지 파일의 위치가 나와있다. 

$ cd /var/www/html       index.html 파일을 확인하기 위해 경로를 변경해봄
  $ ls -al
  
  
  $ sudo mv index.html index2.html           이름을 바꾸어 보면 홈페이지에 접속할 수 없음
  
  $ sudo cp * /var/www/html/                현재 디렉토리에 작업한 파일들이 있다고 할 때 모든 파일을 root에 이동하여 홈페이지로 만들어본다

 

TOP

웹페이지에 동영상 삽입

유튜브 동영상 하단에 있는 공유버튼 [SHARE]
퍼가기[EMBED/Source] 버튼
HTML 코드가 있고 그것을 복사하여 원하는 페이지의 코드에 붙여넣기 한다

TOP

댓글 기능 구현

HTML로는 불가, php, jsp, python의 django 등 백엔드 기술, database 까지 활용해야 함. 또한 스팸일 달리기 때문에 상당한 기술이 요구됨. 기계가 스팸을 달기 때문에 스팸차단기능을 자동화해야 함. 

DISQUS, LiveRe 등의 서비스가 있음. 

https://disqus.com 

http://livere.com/

disqus 의 댓글 기능 추가하기[무료]

로그인/Admin[관리자]/Your Sites/+New/Website Name 입력/Category/Create/Got it. Let's get started!

연결이 가능한 기타 서비스들을 볼 수 있음
맨 하단에 있는 Universal Code 버튼
생성된 댓글 기능 코드.  https://???.disqus.com/embed.js 의 자바스크립트 코드로 보임

회원가입 후 실제 해보니 유료로 바뀌것 같음.  https://saltfun.disqus.com/embed.js 자바스크립트를 배우고 다시 볼 것.

TOP

채팅 기능 추가

https://www.tawk.to 로그인 후.

설정 클릭
위젯 코드 복사 후 홈페이지에 삽입
삽입한 위젯 코드
오른쪽 하단에 위젯이 생성됨. 채팅 가능
기능 별로 각이한 요금제가 준비되어 있음

TOP

방문자 분석기

웹페이지 분석기 서비스는 여러 가지가 있음. 방문자 수, 유입경로, 이동경로, 웹사이트 탐색환경, 등 고급정보들을 제공

Google Analytics 서비스에 대해 알아보자

https://analytics.google.com 

계정을 설정해야 함

모바일앱도 다운 가능함 Android, iOS 모두 가능

관리/속성만들기/<>추적정보/추적코드/범용사이트 태크(gtag.js)

추적코드를 클릭하면 보이는 코드를 복사하여 추적하려는 웹페이지 모든 페이지의 <head>태그 사이에 넣어준다
보고서/실시간/개요 를 보면 방문자 수를 실시간으로 확인 가능
핸드폰과 컴퓨터로 접속해본 결과
영어 한국어 대조

오픈튜토리얼스 사이트의 몇 가지 분석 데이터 들

언어별 Language
지역별 접속 분포
브라우저에 따른 접속자 수

웹사이트를 만들 때에는 이런 분석기를 이용하여 분석할 수 있는 데이터는 반드시 쌓아두는 것이 좋다.

어떻게 분석을 잘 할지는 나중에 고민, 데이터가 없으면 분석자체가 불가, 우선 데이터부터 쌓아놓고 나중에 데이터나 웹사이트가 너무 중요하게 발전하면 그때 정교한 분석을 하면 된다.

TOP

 

Comments