강좌

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

?

단축키

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

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




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

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

Who's 퓨처마츠

profile

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

  • profile
    이니스프리 2018.10.04 00:48
    좋은 팁 알려주셔서 감사합니다!
    앞으로도 시간 나실 때 위키와 관련된 팁을 올려주시면 정말 감사하겠습니다 ^^
  • profile
    퓨처마츠 2018.10.06 22:50
    감사합니다 :) 앞으로 자주 올리겠습니다 :)
  • profile
    Piedots 2018.11.21 20:46
    여기서 나오는 cmd와 git은 자신의 컴퓨터의 것을 말하는 것인가요?

강좌

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

List of Articles
번호 게시판 제목 글쓴이 날짜 조회 수
공지 사이트 정보 등록에 경고로 변경된 분들 참고하세요. 7 마스터 2019.06.19 1119
공지 [중요 공지 포함] 사이트가 복구 되었습니다. 42 마스터 2019.06.18 1402
공지 호스팅 신청이 다시 가능합니다. 18 마스터 2019.04.18 2182
공지 회원 전용 페이지가 생겼습니다. 15 file 마스터 2018.03.20 8037
227 강좌 파이썬 Pillow 라이브러리를 이용하여 이미지의 배경을 transparent하게 만들기 4 file 이니스프리 2019.08.04 85
226 강좌 나무위키의 서술 중 법률용어의 사용에 있어 바로잡아야 할 부분 file 이니스프리 2019.07.17 50
225 강좌 [유튜브] Youtube API를 이용하거나 또는 이용하지 않고 채널ID를 추출하는 방법 1 file 이니스프리 2019.07.16 72
224 라이츄 과학츄 24. 메탄올과 에탄올 듀오였츄 14 file title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄 2019.07.07 130
223 강좌 Selenium에서 send_keys를 막아놓은 경우 해결책 이니스프리 2019.07.04 85
222 Pr의 웹디자인 가이드 웹디자인 第三강 <head> 上 1 file PRASEOD- 2019.05.03 264
221 강좌 [2019 고1] 통합사회_ 내멋대로 정리 끝 {협스} 16 협스 2019.04.26 503
220 네모의 코딩 팁 0. Git 명령어 (작성중) 6 네모 2019.04.26 416
219 강좌 [제르엘의 인문사회 산책] 세계사 맛보기 강의. 오리엔트 문명과 진시황 7 file title: 애프터 이펙트제르엘 2019.04.10 292
218 강좌 [제르엘의 인문사회 산책] 0. OT 7 file title: 애프터 이펙트제르엘 2019.04.04 281
217 Pr의 웹디자인 가이드 웹디자인 第二강 html5로 구조 짜보기 6 file PRASEOD- 2019.03.25 281
216 라이츄 과학츄 23. 완충용액이츄 2 file title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄 2019.03.24 411
215 강좌 간단한 JS 강의 #2 2 도토리묵 2019.03.20 226
214 Pr의 웹디자인 가이드 웹디자인 第一강 홈페이지는 어떻게 만드는건가 3 PRASEOD- 2019.03.19 365
213 강좌 간단한 JS강의 #1 2 도토리묵 2019.03.02 325
212 라이츄 과학츄 22. 혈액입니츄 1 file title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄 2019.02.05 429
211 강좌 [아미나] Basic Youtube Title Widget 1.0에서 처음에 엑박으로 뜨는 경우의 해결책 3 file 이니스프리 2018.12.15 352
210 강좌 아미나의 회원 이미지와 관련하여 x2 3 file 이니스프리 2018.12.10 308
209 라이츄 과학츄 21. 혈액형입니츄 12 file title: 머그잔(명탐정 피카츄)왕뚠뚠돈까스라이츄 2018.12.08 652
208 강좌 현행 저작권법 제30조(사적이용을 위한 복제)에 대하여 - 음원 다운로더의 처벌과 관련하여 6 이니스프리 2018.12.07 462
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 12 Next
/ 12
서버에 요청 중입니다. 잠시만 기다려 주십시오...