さくらインターネットサーバでQuoridorn(コリドーン)ベータ版11を設置する方法 [非公式]

Quroidornベータ版11のさくらインターネットサーバでの設置方法です。現在個人でどどんとふやユドナリウム等を設置する際に多く使われているだろうさくらインターネットサーバでの設置方法を解説します。内容はhttps://twitter.com/i/moments/1127393912832663553こちらと同じです (転載・こちらのまとめを元により詳細な解説作成・その際必要な改変等も大歓迎)
コリドーン quoridorn TRPG
3
必要なもの
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
●必要なもの ・Chrome(公式推奨のブラウザ) ・さくらインターネットのレンタルサーバ契約 ・FFFTP ・SkyWayのAPIキー ・Quoridorn本体 ・解凍ソフト
Chromeの導入
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
Chromeはこちらのサイト(google.com/intl/ja/chrome/)あるいは「Chrome」で検索して入手。(コリドーンが動作検証済みなのはWindows・Mac共にChromeのみの為、コリドーン起動時は必ずChoromeを使う事) 他の必要なものの手に入れ方は後ほど順次解説。
さくらインターネットのレンタルサーバ契約
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
●さくらインターネットのレンタルサーバ契約 自鯖どどんとふの設置方法さくらインターネットでの解説|TRPG every day 4d4l.net/sakura-interne… こちらのページの『まずはレンタルサーバを設置しよう』と『さくらインターネット契約』を参考に契約。
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
筆者のお薦めは一番安いライトプラン。設置が初めての人は2週間無料お試し期間を利用してみるのもよいだろう。
FFFTPの設定
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
●FFFTPの設定方法 自鯖どどんとふの設置方法さくらインターネットでの解説|TRPG every day 4d4l.net/sakura-interne… こちらのページの 『準備』内の"FFFTP (エフエフエフティーピー)"から、『どどんとふ設置!』内の"気長に待ちましょう。"までを参照。 pic.twitter.com/mFTg8y9nUx
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
FFFTPの解説が上記のURLでわからない場合はこちらのページも参考に。 FFFTPを利用する - さくらのサポート情報 help.sakura.ad.jp/hc/ja/articles…
SkyWayの登録と設定
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
●SkyWayの登録と設定 webrtc.ecl.ntt.com/signup.html リンク先でCommunityEditionの[無料で新規登録]を選択→開発者登録の画面で必要事項を記入し[利用規約に同意して登録]を選択。 登録したメールアドレスに本登録のメールが届くので、メール内のURLをクリック。これで登録完了。 pic.twitter.com/zUrNQSFqo6
 拡大
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
Skyway webrtc.ecl.ntt.com リンク先で[ログイン]→Community Editionの[ダッシュボードにログイン]→ログイン画面に登録したメールアドレスとパスワードを入れて[ログインする]→アプリケーション一覧という画面が表示される。 pic.twitter.com/LBmAkn73nq
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
[+新しくアプリケーションを追加する]→アプリケーションの説明文に任意の文字入力→利用可能ドメイン名にドメイン名を入力→権限の TURNを利用する・SFUを利用する・listAllPeers APIを利用するにチェックを入れ、APIキー認証を利用するのチェックを外す→[アプリケーションを作成をする] pic.twitter.com/W2hOUyvYGL
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
アプリケーション一覧 console-webrtc-free.ecl.ntt.com に戻ると、先ほど作成した設定からSkyWayのAPIキーが表示されている。この文字列が後の設定に必ず必要になる。 pic.twitter.com/RI49JmivHU
 拡大
コリドーンのダウンロードと設置
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
●コリドーンのダウンロードと設置 Releases · HillTopTRPG/quoridorn-vue-cli-3 · GitHub github.com/HillTopTRPG/qu… リンク先の一番上の記事を選択 (現在は[ベータ版11]を選択する。今後新バージョンリリースによって別の記事になる可能性あり) pic.twitter.com/IdWbw5Kw2j
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
コリドーンをダウンロードできるページが開かれるので、公式推奨のファイルをダウンロード。現時点では一番上のファイル。 pic.twitter.com/mIjwEbPDmQ
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
ダウンロードしたファイルを解凍ソフトで解凍。 解凍するとフォルダが表れるので、中身がcss,img,js,staticという4つのフォルダとindex.htmlとなっていることを確認。とりあえずこの状態にしておく。 pic.twitter.com/iEEOJeVQat
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
FFFTPを起動→ホスト一覧からコリドーンを置きたいホストを選ぶ→[接続]→接続されたら右側のアドレス欄が"/home/アカウント名/www"となるように移動。アカウント名の部分はさくらインターネットと契約したアカウント名となる。 pic.twitter.com/Fw95o4adHO
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
右側のアドレス欄の下の枠内の空白を右クリック→メニューが現れるので[フォルダの作成]→フォルダ作成画面で名前を求めれるので必ず"quoridorn"(ダブルクォーテーションを外す)と入力し[OK]→quoridornというフォルダができる !quoridornフォルダを作るときは必ず半角英数小文字で入力する事! pic.twitter.com/6FbKSRtzzN
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
FFFFTPの右側のアドレスが"/home/アカウント名/www/quoridorn"となるよう移動→解凍しておいた5項目のファイル(twitter.com/Harunoki_MAO/s…)をFFFTPのquoridornの中にドラックアンドドロップ→quoridornフォルダの中に5項目がコピーされる。 途中FFFTPエラーが出た場合は、後で上書きにチェック→OKで解決 pic.twitter.com/uQH7iE6bof
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
さくらインターネットサーバコントロールパネル secure.sakura.ad.jp/rscontrol/ サイトを開きログインする→サーバーコントロールパネルが開くので右側のメニューから[ファイルマネージャー]→サーバーコントロールファイルマネージャーが開く pic.twitter.com/kSMECPBpiq
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
右側の家マークがついている[/home/アカウント/www]→[quoridorn]→[static]→[conf]→するとconfフォルダに入っているファイル一覧が右側に現れる。その中のconnect.yamiを右クリック→現れるメニューの中から[編集] pic.twitter.com/eRZFfbffKk
 拡大
まおうハルノキ※コリドーン設置書き中 @Harunoki_MAO
編集画面が現れる。その中からskywayKeyの項目のダブルクォーテーションで囲まれた部分をSkyWayのAPIキー()に書き換える→文字がUTF-8であることを確認→[保存]→[閉じる] pic.twitter.com/hibH5uNJBK
 拡大
残りを読む(5)

コメント

ログインして広告を非表示にする
ログインして広告を非表示にする