강좌

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

?

단축키

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
    감사합니다 :) 앞으로 자주 올리겠습니다 :)
  • profile
    Blessed_Umbrella 2018.11.21 20:46
    여기서 나오는 cmd와 git은 자신의 컴퓨터의 것을 말하는 것인가요?

강좌

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

List of Articles
번호 게시판 제목 글쓴이 날짜 조회 수
공지 Project HOSTING 서비스 시작 시기 및 안내사항 11 update 마스터 2018.12.16 108
공지 회원 전용 페이지가 생겼습니다. 12 file 마스터 2018.03.20 2493
211 강좌 [아미나] Basic Youtube Title Widget 1.0에서 처음에 엑박으로 뜨는 경우의 해결책 3 updatefile 이니스프리 2018.12.15 35
210 강좌 아미나의 회원 이미지와 관련하여 x2 3 file 이니스프리 2018.12.10 54
209 라이츄 과학츄 21. 혈액형입니츄 8 file title: 애프터 이펙트허니버터뚠뚜니라이츄 2018.12.08 68
208 강좌 현행 저작권법 제30조(사적이용을 위한 복제)에 대하여 - 음원 다운로더의 처벌과 관련하여 6 이니스프리 2018.12.07 61
207 강좌 그누보드/아미나에서 게시글의 날짜를 최종수정일로 변경하고, 목록스킨 및 위젯을 최종수정일 순으로 정렬하기 2 file 이니스프리 2018.11.11 95
206 강좌 [스페인어 강좌] CH1) 스페인어란? 1 file 도토리묵 2018.10.12 104
205 강좌 리뉴얼된 구글 뉴스에서 RSS 피드를 생성하는 방법 3 file 이니스프리 2018.10.07 148
204 라이츄 과학츄 20. 알레르기츄 3 file title: 애프터 이펙트허니버터뚠뚜니라이츄 2018.10.03 121
» 강좌 아실분들은 아실 미디어위키 웹호스팅상에서의 시각편집기 설치방법(게시판 이동) 3 file 퓨처마츠 2018.10.03 115
202 강좌 [ASP.NET Core를 이용한 웹사이트 만들기] 1. 시작하기 3 file 0x00000FF 2018.09.07 191
201 강좌 [ASP.NET Core를 이용한 웹사이트 만들기] OT. ASP.NET Core란 무엇인가?, 작업 환경 구성 5 0x00000FF 2018.09.06 133
200 라이츄 과학츄 19. 카리킨에 대해 알아보시츄 9 file title: 애프터 이펙트허니버터뚠뚜니라이츄 2018.08.26 220
199 라이츄 과학츄 18. C3, C4, CAM이츄 3 file title: 애프터 이펙트허니버터뚠뚜니라이츄 2018.07.22 309
198 라이츄 과학츄 17. 형질전환입니츄-풀때기 3 file title: 애프터 이펙트허니버터뚠뚜니라이츄 2018.07.03 258
197 Doge의 잡것 프로그래밍 4. 디스코드 봇을 시작해보자 file Doge아시다시피 2018.05.08 1892
196 강좌 정말정말 기본적인 XE 위젯 반응형 적용하기 (라이믹스도 OK!) 7 file 망할윈도우미 2018.04.29 458
195 라이츄 과학츄 16. 형질전환입니츄-박테리아 3 file title: 애프터 이펙트허니버터뚠뚜니라이츄 2018.04.15 547
194 강좌 DNS가 어떻게 작동하는지 알아봅시다: 2. 각 DNS 레코드의 기능 2 abnoeh 2018.03.30 311
193 강좌 DNS가 어떻게 작동하는지 알아봅시다: 1. DNS 질의 절차 따라가 보기 3 abnoeh 2018.03.27 731
192 라이츄 과학츄 15. bp와 Da츄 file title: 애프터 이펙트허니버터뚠뚜니라이츄 2018.03.11 592
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 11 Next
/ 11
서버에 요청 중입니다. 잠시만 기다려 주십시오...