강좌

|  다양한 분야에 다소 전문적인 도움이 되는 강좌들입니다.

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form

안녕하세요..! 웹호스팅의 한계점일 수 있는(?) 미디어위키 시각편집기를 웹호스팅에서 쓰는 방법을 알려드릴게요

준비물

1. VisualEditor가 호스팅폴더의 미디어위키 확장기능폴더에 있어야 함

2. Heroku 계정

3. git bash

4. Heroku CLI

5. notepad++(권장)

방법

우선 시각편집기를 확장기능 폴더에 넣으세요 그리고 http://heroku.com 에서 회원가입을 하시는데 Primary development language 에서 Node.js선택 후 가입한 뒤 cmd켜신후

heroku login

하시면 이메일 물어보는데 가입하신 이메일 입력하면 비번도 물어봐요 그러면 비번도 물어보는데 입력하면 로그인되었다고 뜹니다. 그러면 cmd 끄시고

git bash키세요 그리고

git config --global user.name "(원하는 이름)"

하시고

git config --global user.email (원하는 메일주소)

하세요 그리고 C:\에 folder1 과 folder2를 만드신후 git bash에서

cd C:\folder1

하시고

git clone https://gerrit.wikimedia.org/r/p/mediawiki/services/parsoid.git 

하세요

그다음 C:\folder1\parsoid 들어가셔서 .gitignore라는 것을 notepad++로 여시고 11번째 줄인 config.yaml라는 것을 지우세요 그리고 config.example.yaml을 notepad++로 여시고 uri "(localhost뭐시기)"에서 괄호 쳐져있는것을 http(혹은 https)://(위키주소)/api.php

라고 입력하시는데 꼭 위키엔진이 있는 디렉토리여야 합니다. 그리고 저장을 하는데 이름을 config.yaml로 저장 하시고

localsettings.example.js 도 마찬가지로 uri를 수정하신뒤 이름을 localsettings.js 로 저장 하세요 

이제 다시 git bash로 돌아와서

cd .. (2번 해주세요)

하시고

cd c:\folder2

하신뒤

heroku create (원하는 이름)

하시고 heroku사이트로 가셔서 아까 만든 앱을 찾습니다.

그리고 설정탭에 들어가서 Config Vars 를 찾으면

Reveal Config Vars 라고 적힌 버튼을 누르고

key: NODE_ENV  VALUE: production 을 추가하시고 key: Buildpack  VALUE: nodejs 도 추가 해주세요 그리고 폴더1에 있던 parsoid폴더 안에있는 파일 전부를 folder2에 복사해주세요(parsoid 폴더 채로 말고 폴더 내부 파일만) 그리고 git bash로 돌아와서

git init 

하시고

git add .

하시고

git commit

하시면 어떤 파일이 뜨는데 그냥 무시 하시고

heroku git:remote -a (heroku앱 이름)

하시고

git commit -m "initial commit"

하시고

git push heroku master

하시면 뭐가 쫙 뜨면서 완료 됩니다 그러면 마지막으로

heroku ps:scale web=1

하시고 http://(heroku 앱이름).herokuapp.com 들어가셨을때 Welcome to the Parsoid web service 뜨면 정상이고 애플리케이션 오류가 뜬다면 처음부터 다시 해야합니다 :( 

이제 완벽하게 되었다면 위키폴더의 Localsettings.php만 수정 하면 끝납니다..!

Localsettings.php를 여시고 맨아래 wf뭐시기 맨아래에


wfLoadExtension( 'VisualEditor' );
 
//Enable VisualEditor by default for everybody
$wgDefaultUserOptions['visualeditor-enable'] = 1;  
 
// Optional: Set VisualEditor as the default for anonymous users
// otherwise they will have to switch to VE
// $wgDefaultUserOptions['visualeditor-editor'] = "visualeditor";
 
// Don't allow users to disable it
$wgHiddenPrefs[] = 'visualeditor-enable';
 
// OPTIONAL: Enable VisualEditor's experimental code features
#$wgDefaultUserOptions['visualeditor-enable-experimental'] = 1;
 
// Parsoid configuration
$wgVirtualRestConfig['modules']['parsoid'] = array(
// URL to the Parsoid instance
// Use port 8142 if you use the Debian package
// url must not end in a slash, otherwise it might give a 404 error
'url' => '(heroku 앱이름).herokuapp.com',
// Parsoid "domain", see below (optional)
'domain' => 'localhost',
// Parsoid "prefix", see below (optional)
'prefix' => '(원하시는 접두어)',
//If you run a private wiki then you have to set the following variable to true:
'forwardCookies' => true
);

 아래의 괄호의 내용을 수정해서 올리시면 아래 사진과 같이 잘 된답니다..!




이상으로 이 길고도 험한 것을 따라오신 여러분 수고 하셨습니다 :) 이것을 하고 나시면 엄청난 성취감이 들었어요..!

질문이나 안되는것이 있다면 댓글로 남겨주시기 바랍니다 감사합니다.

  • profile
    이니스프리 2018.10.04 00:48
    좋은 팁 알려주셔서 감사합니다!
    앞으로도 시간 나실 때 위키와 관련된 팁을 올려주시면 정말 감사하겠습니다 ^^
  • profile
    퓨처마츠 2018.10.06 22:50
    감사합니다 :) 앞으로 자주 올리겠습니다 :)

강좌

다양한 분야에 다소 전문적인 도움이 되는 강좌들입니다.

  1. 앞으로 ssh 사용시 한글 사용이 가능합니다.

    Date2018.10.12 By마스터 Views12882
    read more
  2. 접속 불가 사태 수습은 진행중입니다.

    Date2018.10.05 By마스터 Views13521
    read more
  3. 회원 전용 페이지가 생겼습니다.

    Date2018.03.20 By마스터 Views14157
    read more
  4. [스페인어 강좌] CH1) 스페인어란?

    Date2018.10.12 By도토리묵 Views173
    Read More
  5. 리뉴얼된 구글 뉴스에서 RSS 피드를 생성하는 방법

    Date2018.10.07 By이니스프리 Views106
    Read More
  6. 아실분들은 아실 미디어위키 웹호스팅상에서의 시각편집기 설치방법(게시판 이동)

    Date2018.10.03 By퓨처마츠 Views358
    Read More
  7. [ASP.NET Core를 이용한 웹사이트 만들기] 1. 시작하기

    Date2018.09.07 By0x00000FF Views244
    Read More
  8. [ASP.NET Core를 이용한 웹사이트 만들기] OT. ASP.NET Core란 무엇인가?, 작업 환경 구성

    Date2018.09.06 By0x00000FF Views93
    Read More
  9. 정말정말 기본적인 XE 위젯 반응형 적용하기 (라이믹스도 OK!)

    Date2018.04.29 By망할윈도우미 Views423
    Read More
  10. DNS가 어떻게 작동하는지 알아봅시다: 2. 각 DNS 레코드의 기능

    Date2018.03.30 Byabnoeh Views310
    Read More
  11. DNS가 어떻게 작동하는지 알아봅시다: 1. DNS 질의 절차 따라가 보기

    Date2018.03.27 Byabnoeh Views550
    Read More
  12. 웹호스팅에 쉽게 Let's Encrypt 설치하기 (2) - SSL For Free 이용하기

    Date2018.01.04 Bytitle: YJSoft 로고YJSoft Views819
    Read More
  13. Hanam09 의 보안(?)강좌(2)

    Date2017.11.20 ByHanam09 Views411
    Read More
  14. Hanam09 의 보안(?)강좌

    Date2017.11.18 ByHanam09 Views616
    Read More
  15. [Tip or 강좌] 카카오톡 미리보기 없애는 방법

    Date2017.11.01 Bytitle: 황금 서버 (30일)humit Views947
    Read More
  16. 밑에 공유 폴더 시리즈가 있길래 공유 폴더 팁

    Date2017.10.14 By맛스타 Views552
    Read More
  17. 현재 내 컴퓨터에서 공유되어있는 공유폴더 확인하기

    Date2017.10.14 By아이노 Views865
    Read More
  18. [시놀로지NAS] 로그아웃 타이머 시간 늘리기

    Date2017.10.05 By막시모:) Views552
    Read More
  19. 간단한거지만 윈도우 공유폴더 만들기

    Date2017.10.05 By막시모:) Views932
    Read More
  20. 이것만 알면 호스팅 초보도 무료로 할 수 있습니다!

    Date2017.09.26 By기특한크리퍼 Views689
    Read More
  21. 웹호스팅에 쉽게 Let's Encrypt 설치하기 (1) - ZeroSSL 이용하기

    Date2017.07.12 Bytitle: YJSoft 로고YJSoft Views1808
    Read More
  22. 윈도우 10 정품을 싸게 구매해보자!

    Date2017.07.08 Bytitle: 도밥위키!Dobob Views7799
    Read More
  23. 쿠키 삭제하기

    Date2017.06.12 By맛수타 Views431
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 Next
/ 7
서버에 요청 중입니다. 잠시만 기다려 주십시오...