UbuntuVPSにWebベースのIDEであるCodiadをインストールして構成する方法
ステータス：非推奨
この記事では、サポートされなくなったバージョンのUbuntuについて説明します。 現在Ubuntu12.04を実行しているサーバーを運用している場合は、サポートされているバージョンのUbuntuにアップグレードまたは移行することを強くお勧めします。
理由： Ubuntu 12.04は2017年4月28日に保守終了（EOL）に達しました and no longer receives security patches or updates. This guide is no longer maintained.
代わりに参照してください：このガイドは参照として役立つ場合がありますが、他のUbuntuリリースでは機能しない場合があります。 可能な場合は、使用しているUbuntuのバージョン用に作成されたガイドを使用することを強くお勧めします。 ページ上部の検索機能を使用して、より新しいバージョンを見つけることができます。
インストール
ほとんどの開発者は好ましい開発環境を持っており、使い慣れた特定のツールとプロセスを持っていますが、通常の場所にいない場合、これが機能しなくなることがあります。 幸いなことに、 Codiad のようなプロジェクトがあり、Webアクセスがあればどこからでもプロジェクトを開発できます。
Codiadは、任意のWebブラウザーからアクセスできる完全なIDE（統合開発環境）です。 多くの異なる言語で複数のプロジェクトに取り組むことができ、Webベースのプロジェクトのライブプレビューにアクセスすることもできます。 IDEには、ファイル管理、自動構文の強調表示、および機能セットを拡張するための優れたプラグインシステムが含まれています。
このガイドでは、Ubuntu12.04VPSインスタンスでCodiadを起動して実行する方法について説明します。
PHPとApacheをインストールする
プロジェクトは基本的に自己完結型のWebディレクトリであるため、これを実行するには、WebサーバーとPHP処理をセットアップする必要があります。
コンポーネントをインストールすることから始めましょう。 パッケージデータベースを更新してから、必要なパッケージをインストールしましょう。 後で必要になるため、gitもインストールします。
sudo apt-get update sudo apt-get install apache2 php5 libapache2-mod-php5 php5-mcrypt git
ソフトウェアをインストールした後、いくつかの値を編集する必要があります。 まず、ファイルを開いて、ディレクトリリストを取得するときにHTMLよりもPHPファイルを優先することをApacheWebサーバーに伝えます。
sudo nano /etc/apache2/mods-enabled/dir.conf
DirectoryIndexの中央からindex.phpの行を削除し、次のように前に移動します。
DirectoryIndex <span class="highlight">index.php</span> index.html index.cgi index.pl index.xhtml index.htm
ファイルを保存して閉じます。
Apache仮想ホストを構成します
次に、IDEファイルの場所を追加できるように、仮想ホストファイルを変更する必要があります。 ルート権限で今すぐデフォルトの仮想ホストファイルを開きます。
sudo nano /etc/apache2/sites-available/default
VirtualHostセクション内、他のDirectoryセクションの外に、設定しているプロジェクトに関する情報を含むディレクトリセクションを追加します。
Codiadディレクトリをホームディレクトリに配置して、ファイルに簡単にアクセスできるようにします。次の設定では、demouserの代わりにユーザー名を使用してください。 エイリアスを作成してから、ディレクトリのルールを作成します。
。 . . オプションインデックスFollowSymLinksMultiViewsAllowOverrideなし注文許可、すべての許可を拒否
<span class="highlight">Alias /codiad /home/demouser/Codiad</span>
<span class="highlight"><Directory "/home/demouser/Codiad"></span>
<span class="highlight">Options -Indexes FollowSymLinks MultiViews</span>
<span class="highlight">AllowOverride All</span>
<span class="highlight">Order allow,deny</span>
<span class="highlight">allow from all</span>
<span class="highlight"></Directory></span>
ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
. . .
終了したら、ファイルを保存して閉じます。
終了したら、Apacheを再起動します。
sudo service apache2 restart
プロジェクトファイルのダウンロードと構成
次に、実際のCodiadファイルを取得する必要があります。 フォルダをホームディレクトリに配置します。 プロジェクトは、GitHubページから入手できます。
まず、ホームディレクトリに切り替えてから、プロジェクトのクローンを作成します。
cd ~ git clone https://github.com/Codiad/Codiad.git
これにより、ホームディレクトリにCodiadというディレクトリが作成されます。 今すぐそのディレクトリを入力してください：
cd Codiad
ここで、設定例ファイルを本番環境にコピーします。
cp config.example.php config.php
現在、このディレクトリ内のすべてのファイルは、通常のユーザー（この例ではdemouser）によって所有されています。 グループの所有者は、ユーザーグループでもあります。 いくつかの選択した部分のグループ所有権をWebサーバーユーザーに譲渡する必要があります。
これを行うには、次のように入力します。
sudo chown :www-data config.php workspace/ plugins/ themes/ data/
これにより、ウェブサーバーがアプリの正しい機能に必要ないくつかのリソースに書き込むことができるようになります。
IDEインターフェースをパスワードで保護する
特定のフォルダとファイルへの書き込み権限を許可する必要があるため、パスワード保護を設定することでセキュリティの層を追加できます。 これを行うには、アプリディレクトリの外にパスワードファイルを作成し、これを使用してユーザーを認証します。
Apache構成ディレクトリ内にパスワードファイルを作成しましょう。 これをcodiad.passwdと呼びます。 次のように入力して、ユーザー名を追加し、このファイルを作成できます。
sudo htpasswd-c/etc/apache2/codiad.passwdユーザー名
ユーザー認証用のパスワードを選択して確認するように求められます。 次に、ユーティリティはパスワードをハッシュしてファイルに入力します。 次のように入力すると表示されます。
cat /etc/apache2/codiad.passwd
demouser:$apr1$wYcm/kRQ$6EGOoj.pYRnYxvddNbIdN0
ルートとWebサーバーのみがこのファイルにアクセスできるように、これをロックしてみましょう。
sudo chown root:www-data /etc/apache2/codiad.passwd sudo chmod 0640 /etc/apache2/codiad.passwd
それでは、承認の目的でこのファイルを参照する.htaccessファイルをアプリディレクトリ内に作成しましょう。
cd ~/Codiad nano .htaccess
このファイル内で、作成したパスワードファイルを参照してから、パスワードプロンプトのメッセージを表示する必要があります。 プロンプトの背後にあるサービスについて、あまり具体的な情報を提供しないのがおそらく最善です。
AuthUserFile /etc/apache2/codiad.passwd AuthGroupFile /dev/null AuthName "Authentication required. Please enter credentials" AuthType Basic Require valid-user
終了したら、ファイルを保存して閉じます。
安全のために、Apacheを再起動してみましょう。
sudo service apache2 restart
Codiadの使用
これで構成が完了し、IDEが使用可能になります。 新しいIDEにアクセスするには、サーバーのドメイン名またはIPアドレスにアクセスし、続いてWebブラウザで/codiadにアクセスする必要があります。
http：// your_domain.com / codiad
認証リクエストが表示されます。 これは、パスワードファイルと.htaccessファイルを使用して設定したApacheレベルの認証です。
構成した資格情報を入力します。 その後、初期設定画面が表示されます。
ここから、Codiadユーザーアカウントを設定し、プロジェクトを開始できます。 「フォルダ名または絶対パス」の場合は、プロジェクト名と一致する名前を選択するのが最適です。 終了したら、「インストール」ボタンをクリックします。
ログイン画面が表示され、作成したアカウントの詳細を入力する必要があります。
これで、基本的なIDEインターフェイスが表示されます。
インターフェイスの探索
インターフェイスについて少し理解しましょう。
左側には、プロジェクトのサイドバーがあります。 上部には、ルートプロジェクトディレクトリと、そのフォルダに作成または移動した可能性のあるファイルとフォルダが表示されます。
プロジェクトフォルダまたはこのペインの他の項目を右クリックすると、メニューにアクセスしてファイルやフォルダを作成したり、プロパティを操作したりできます。
下部には、利用可能なすべてのプロジェクトが一覧表示されたプロジェクトペインが表示されます。 「+」ボタンをクリックして新しいプロジェクトを作成したり、それぞれをダブルクリックしてプロジェクトを切り替えることができます。
新しいプロジェクトを作成する場合、実際には、公的にアクセス可能なgitリポジトリからプロジェクト全体を直接プルできます。
ウィンドウの主要部分には、エディター自体があります。 ここでコードを確認でき、フォーマットと構文の強調表示に関するいくつかのオプションがあります。 左側のサイドバーでファイルをダブルクリックして、エディターで開きます。
下部に沿って、エディター設定を選択し、ウィンドウを分割して複数のファイルを同時に表示し、構文を調整できます。
右側には、管理サイドバーに伸びるプルタブがあります。
ここで、プロジェクトとユーザーの管理、Codiadの更新、プラグインのインストール、パスワードの変更などを行うことができます。 これは、ファイルを保存するために必要なインターフェースですらあります。
このインターフェースを開いたままにしておきたい場合は、パネルの左上隅にある2つの矢印をクリックできます。 これにより、ロック記号に変更され、パネルが開いたままになり、設定に簡単にアクセスしてオプションを保存できるようになります。
結論
これで、新しいブラウザベースのIDEが起動して実行されているはずです。 Codiadには、エディターの機能を強化できるさまざまな拡張機能があります。 たとえば、ファイルを管理するための簡略化されたターミナルインターフェイスや、プロジェクトをチームの他のメンバーと共有できるようにするための共同拡張機能があります。
インターフェイスを調べて、追加された柔軟性がどこからでも作業できるかどうかを確認します。
