• 목록
  • 아래로
  • 위로

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

준비물

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
);

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




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

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

마카롱님 마카롱 포함 2명이 추천

작성자
퓨처마츠 3 Lv. (71%) 1200/1280EXP

안녕하세요 애니를 좋아하는 중학생 퓨처마츠입니다.

댓글 4

이니스프리
profile image
좋은 팁 알려주셔서 감사합니다!
앞으로도 시간 나실 때 위키와 관련된 팁을 올려주시면 정말 감사하겠습니다 ^^
comment menu
2018.10.04. 00:48

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

퓨처마츠 작성자 → 이니스프리
profile image
감사합니다 :) 앞으로 자주 올리겠습니다 :)
comment menu
2018.10.06. 22:50

신고

"퓨처마츠님의 댓글"

이 댓글을 신고 하시겠습니까?

title: 생일 케이크 (1년권)Estrella3
profile image
여기서 나오는 cmd와 git은 자신의 컴퓨터의 것을 말하는 것인가요?
comment menu
2018.11.21. 20:46

신고

"Estrella3님의 댓글"

이 댓글을 신고 하시겠습니까?

논문쓰는중3
profile image
ㅠㅠ 잘 되다가 마지막에 오류를 뿜네요...
comment menu
2020.02.27. 11:46

신고

"논문쓰는중3님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [매우 중요 공지] 접속안되는 사태가 발생했습니다. 24 마스터 마스터 20.05.24.04:10 1098
공지 알림판 기능과 로또 기능이 추가 되었습니다. 6 마스터 마스터 20.05.14.00:09 2197
공지 사이트 디자인 변경 안내 19 마스터 마스터 20.05.03.22:16 2455
245 27. 멘델의 유전법칙이였츄 (부제: 파란 장미는 어떻게 교배해야 나오나요) 1 image 왕뚠뚠돈까스라이츄 title: 인스타그램왕뚠뚠돈까스.. 3일 전03:29 27
244 26. Next generation sequencing이었츄 2 image 왕뚠뚠돈까스라이츄 title: 인스타그램왕뚠뚠돈까스.. 20.05.17.02:01 126
243 [Requests-HTML] Requests와 비교할 때의 장점! (네이버 뉴스 등 크롤링) 3 image 이니스프리 이니스프리 20.05.14.19:08 303
242 [생화학] 세포호흡 Part I (에너지 투자기) 1 image sweetenpotato sweetenpotato 20.04.10.01:24 231
241 ['Till Shutter Die] Chapter I. 카메라의 종류 9 image 협스 title: 포토샵협스 20.04.02.11:22 208
240 [샷투샷] 오티 1 image 협스 title: 포토샵협스 20.04.01.16:04 189
239 [XE] 관리자 권한을 보유한 경우에만 애드온 작동하도록 하기 1 네모 네모 20.03.23.16:08 308
238 [XE] 회원가입 시 사용자 IP를 설명란에 기록하기 1 네모 네모 20.03.23.16:08 244
237 [mod_rewrite] Apache2 의 mod_rewrite 사용 시 index~ 만 Rewrite가 되지 않을 경우 네모 네모 20.03.23.16:07 217
236 [jQuery] jQuery로 Checkbox 제어하기 네모 네모 20.03.23.16:06 215
235 22. [OpenPyXL] 엑셀 문서 저장하기 / 시트 추가하기 / 셀에 입력하기 14 image 이니스프리 이니스프리 20.02.02.00:46 751
234 21. [OpenPyXL] 엑셀 문서를 열고 시트에서 셀의 값을 얻기 2 image 이니스프리 이니스프리 20.02.01.23:46 433
233 특별편-보건용 마스크란 2 image 왕뚠뚠돈까스라이츄 title: 인스타그램왕뚠뚠돈까스.. 20.01.30.00:14 550
232 [Java] 아무튼 대충 알아보는 NPE 예방법! 네모 네모 20.01.21.11:50 331
231 [BeautifulSoup] 자식태그를 제거하기 - .decompose() & .extract() 2 image 이니스프리 이니스프리 20.01.16.00:07 716
230 25. GHS였츄 3 image 왕뚠뚠돈까스라이츄 title: 인스타그램왕뚠뚠돈까스.. 20.01.15.02:02 403
229 [python-telegram-bot] 4096자 글자수 제한을 우회하는 방법 image 이니스프리 이니스프리 20.01.12.11:25 408
228 [Requests] Selenium을 이용한 Cloudflare의 우회 3 image 이니스프리 이니스프리 20.01.08.19:51 663
227 9. [정리] 파이써닉한 파이썬 문법 팁 for COS Pro image 이니스프리 이니스프리 20.01.04.23:47 365
226 [번외편] 네이버 동영상에서 자막을 파일로 추출하는 방법 2 image 이니스프리 이니스프리 19.12.25.22:34 674