강좌

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

?

단축키

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
    감사합니다 :) 앞으로 자주 올리겠습니다 :)

강좌

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

List of Articles
번호 게시판 제목 글쓴이 날짜 조회 수
공지 앞으로 ssh 사용시 한글 사용이 가능합니다. 7 마스터 2018.10.12 4243
공지 접속 불가 사태 수습은 진행중입니다. 35 마스터 2018.10.05 4458
공지 회원 전용 페이지가 생겼습니다. 10 file 마스터 2018.03.20 5369
15 맛스타의 Study For Us 일반 웹 호스팅과 VPS와 서버 구입의 차이점 6 맛스타 2018.03.08 2632
14 맛스타의 Study For Us 도메인 연결 방식 이해하기 (2) 5 맛스타 2017.11.21 785
13 맛스타의 Study For Us 도메인 연결방식 이해하기 (1) 1 맛스타 2017.11.19 503
12 맛스타의 Study For Us IIS 에서 PHP 설정하기 file 맛스타 2017.11.14 736
11 맛스타의 Study For Us IIS에서 MySQL 5.7 설치하기 13 file 맛스타 2017.11.09 456
10 맛스타의 Study For Us 사이트 미러링 스크립트. 7 file 맛스타 2017.11.06 383
9 맛스타의 Study For Us IIS10에서 PHP 설치하기 file 맛스타 2017.11.04 586
8 맛스타의 Study For Us SSH 암호 없이 로그인 하기 4 file 맛스타 2017.11.02 711
7 맛스타의 Study For Us 웹서버 IIS 설치하기 2 file 맛스타 2017.11.01 486
6 맛스타의 Study For Us 관리자 계정 활성화하기 3 맛스타 2017.10.30 631
5 맛스타의 Study For Us 본격적으로 서버 구축하기 - 인트로 9 맛스타 2017.10.29 768
4 맛스타의 Study For Us 서버 선택하기 - (2) 6 file 맛스타 2017.10.26 520
3 맛스타의 Study For Us 서버 선택하기 - (1) 5 file 맛스타 2017.10.24 862
2 맛스타의 Study For Us OS 선택하기 15 file 맛스타 2017.10.22 1521
1 맛스타의 Study For Us 맛스타의 Study For Us 입니다. 5 맛스타 2017.10.21 559
Board Pagination Prev 1 Next
/ 1
서버에 요청 중입니다. 잠시만 기다려 주십시오...