Web開発用にUbuntu(または別のディストリビューション)を準備します

GNU / Linuxは使いにくいという神話、信念、意見を超えて、特に開発者にとっては優れたオペレーティングシステムだと思います。 Web開発者.

私は好む多くの人々と会話する機会がありました OS X とさえ Windows 彼らが言うように、その使いやすさとツールのために開発すること、そしてそれはそれぞれの非常に個人的な意見ですが、GNU / Linuxディストリビューションまたは少なくとも最も人気のあるディストリビューションは、インストールする必要があるすべてのものを提供し、作業。

[quote]最も人気のあるディストリビューションは、Web開発者向けにリポジトリに必要なすべてのパッケージを提供します。[/ quote]

さて、開発の問題にはジレンマがあり、次のような非常に更新されたディストリビューションです アンテゴス または安定したものと最新のものの間のバランスを維持するものとして Ubuntuの?

非常に簡単な例を挙げます Ubuntuトラスティ の最新バージョン ネットビーンズ は7.0.1で、 ArchLinux バージョン8.0.2が利用可能です。 同じことが起こります NodeJS および以下で広く使用されているその他のパッケージ フロントエンド.

とにかく、実行する作業に応じて好みの分布を選択するのは全員の決定です。 この記事では、Ubuntuのインストールから始めます。これは新規ユーザーに焦点を当てているため、プロセスを段階的に示します。

Ubuntu14.04をインストールします

最初に行うことは、公式WebサイトからUbuntuインストールイメージをダウンロードすることです。 以下のリンクから、32ビットまたは64ビットのISOをダウンロードするかどうかを選択できます。

Ubuntuをダウンロード

ダウンロードしたら、ダウンロードしたISOでDVDを「書き込む」か、フラッシュメモリを準備して起動してインストールする必要があります。 Windowsでは、次の方法でそれを行うことができます このガイド Macの場合 この他。 これが完了したら、PCを再起動し、メモリまたはDVDから開始します。

Ubuntu14.04のインストール手順

データを失うことなくUbuntuをインストールする方法がわからない場合は、VirtualBoxの仮想マシンを使用してインストールするか、可能であればすべてのデータを安全な場所で外部ディスクにバックアップできます。

まず、Ubuntuをインストールする言語を選択します。

Ubuntu開発者

後で、インストールに必要なすべての要件があるかどうかを確認します。

Ubuntu_Development2

後で、ハードドライブのパーティション分割に進みます。 これに不慣れな場合は、データをバックアップした後、すべてをデフォルトのままにしておくことをお勧めします。

Ubuntu_Development3

タイムゾーンを選択します。

Ubuntu_Development4

キーボードの言語を選択します。

Ubuntu_Development5

ユーザー名、コンピューターの名前、パスワードを定義します。

Ubuntu_Development6

そして、それが完了するのを待ちます:

Ubuntu_Development7

インストーラーが終了したら、コンピューターを再起動してセッションに入ります。 Update Managerを実行するか、ターミナルを開いて次のように入力します。

$ sudo apt update && sudo apt upgrade

そして、更新するものがない場合は、開始できます。

テスト用のワークスペースの準備

したがって、私たちは開発者であるため、私たちが知っている方法にのみ焦点を当てたいと考えています。 開発する。 Webサーバーの構成方法やデータベースの機能については知りたくありません。コードの記述を開始するには、機能し、実装が簡単なものが必要です。

HTML、CSS、JSで書くだけなら、すべてが簡単になりますが、PHP、Ruby、DJangoなどのコード用のテストサーバーが必要になることもあります。したがって、これをお勧めします。 独自のWebサーバーをセットアップする。 幸いなことに、この機能にはXNUMXつの異なる方法があります。

  1. インストーラーの使用 XAMPP 私たちに何を提供するか アパッチ.
  2. 使用して ランプビトナミ.

Bitnamiのインストール

Bitnamiを介したLAMPのインストール 私たちはすでにそれを見ました したがって、前回の記事では、この記事で対処する必要はありません。 Bitnamiがインストールされると、Webブラウザを介してテストサーバーを管理できます。

Bitnami

Bitnamiの動作に関する必要なすべてのドキュメントは、次のURLにあります。 彼のウィキ.

XAMPPのインストール

XAMPPインストーラーもBitnamiから提供されていますが、インストールプロセスが多少異なるため、段階的に説明します。 もちろん、最初に行うことは、プロセッサのアーキテクチャに従って、関心のあるファイルをダウンロードすることです。

XAMPP32ビット
XAMPP64ビット

ダウンロードしたら、ターミナルを開き、ファイルがあるフォルダーにアクセスします。このフォルダーに実行権限を付与します。 64ビットファイルの場合、次のようになります。

$ sudo chmod a+x xampp-linux-x64-5.5.19-0-installer.run

同じ端末で実行します。

$ sudo ./xampp-linux-x64-5.5.19-0-installer.run

そして、次の手順に従います。

デフォルトですべてを受け入れることをお勧めします。これには、 入力します

XAMPP

前の画像では、開発者向けにファイルをインストールするかどうかを尋ねられ、後の画像では、選択した選択に同意するかどうかを尋ねられました。

xampp1

これで、インストールするパス(デフォルトでは/ opt / lamppにあります)が尋ねられます。変更することはできますが、そのままにしておくことをお勧めします。

xampp2

インストールを開始する前にもうXNUMXつのチェック手順

xampp3

XAMPPのインストール

xampp5

インストールの完了。

xampp6

XAMPPを起動するには、次のコマンドを実行する必要があります。

$ sudo / opt / lampp / lampp start XAMPP for Linux5.5.19-0を起動しています... XAMPP:Apacheを起動しています...わかりました。 XAMPP:MySQLを起動しています...わかりました。 XAMPP:ProFTPDを起動しています...わかりました。

このようにして、Apache + MySQL + PHP + Perlサーバーがすでに実行されています。 問題がある場合は、訪問することをお勧めします FAQ.

XAMPPを使用したカスタムDNSと仮想ホスト

テストサーバーで複数のサイトがホストされていると仮定すると、ファイル内でローカルに表示されるように各サイトを設定できます。 /etc/hosts。 例を見てみましょう、私たちがサイトを持っているとしましょう dev.tests.com、ファイルを開くだけです /etc/hosts 私たちのお気に入りのテキストエディタで(そしてルートとして)そしてそれを次のように追加します:

$ sudo vim /etc/hosts

そして、次の行を追加します。

127.0.0.1   dev.prueba.com

しかしもちろん、これだけでは十分ではありません。誰かがリクエストを行ったときに、Apacheにそのことを伝えなければならないからです。 dev.test.com 127.0.0.1の場合、テストサイトに戻る必要があります。

ファイルを編集します /opt/lampp/etc/httpd.conf

$ sudo vim /opt/lampp/etc/httpd.conf

そして、次のような行のコメントを解除します(ポンド記号を削除します)。

# Include etc/extra/httpd-vhosts.conf

そして、私たちはそれをこのように残します:

Include etc/extra/httpd-vhosts.conf

次に、ファイルに移動します /opt/lampp/etc/extra/httpd-vhosts.conf これは次のようなものになるはずです:

#名前ベースの仮想ホストのみを使用するため、サーバーは#IPアドレスについて心配する必要がありません。 これは、以下のディレクティブのアスタリスクで示されています。 ##のドキュメントを参照してください# #仮想ホストをセットアップする前に、詳細を確認してください。 ##コマンドラインオプション「-S」を使用して、仮想ホストの構成を確認できます。 ## VirtualHostの例:#ほとんどすべてのApacheディレクティブがVirtualHostコンテナに入る可能性があります。 #最初のVirtualHostセクションは、どのブロックでもServerNameまたはServerAliasと一致しない#すべてのリクエストに使用されます。 # ServerAdmin webmaster@dummy-host.example.com DocumentRoot "/opt/lampp/docs/dummy-host.example.com" ServerName dumpy-host.example.com ServerAlias www.dummy-host.example.com ErrorLog "ログ/ダミー-host.example.com-error_log "CustomLog"ログ/dummy-host.example.com-access_log "common ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dumpy-host80.example.com ErrorLog "logs / dumpy-host2.example.com-error_log" CustomLog 「ログ/ダミー-host2.example.com-access_log」共通

これを変更して、次のようにします。

#名前ベースの仮想ホストのみを使用するため、サーバーは#IPアドレスについて心配する必要がありません。 これは、以下のディレクティブのアスタリスクで示されています。 ##のドキュメントを参照してください# #仮想ホストをセットアップする前に、詳細を確認してください。 ##コマンドラインオプション「-S」を使用して、仮想ホストの構成を確認できます。 ## VirtualHostの例:#ほとんどすべてのApacheディレクティブがVirtualHostコンテナに入る可能性があります。 #最初のVirtualHostセクションは、どのブロックでもServerNameまたはServerAliasと一致しない#すべてのリクエストに使用されます。 # DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev 付与されたすべてを要求する

明らかに、置き換えるときにプロジェクトフォルダへのパスを指定する必要があります 「/ホーム/パス/フォルダ/プロジェクト/」.

手動ランプインストール

さて、そうではないように思われるかもしれませんが、リポジトリから直接パッケージをインストールするよりも、以前の方法でインストールする方が面倒だと思います。 PCに同じスタックを配置するには、ターミナルを開いて次のように入力するだけです。

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

これらの3つのパッケージのみで、開発時に必要な最小限の作業を開始するために必要な依存関係がインストールされます。

LAMPを使用したカスタムDNSと仮想ホスト

DNS(ドメインネームサーバー)の側では、すべてを同じに保ちます。つまり、ファイルにテストサイトの名前を追加します。 /etc/hosts。 さて、Apacheの場合、VHost(仮想ホスト)のパスが異なります。

通常行われることは、ファイルに入れたものを配置することです /opt/lampp/etc/extra/httpd-vhosts.conf ルートで /etc/apache2/sites-available/vhostname.conf、次に、フォルダ内のそのファイルへのシンボリックリンクが作成されます / etc / apache2 / sites-enabled / しかし、私たちは複雑にするつもりはありません。 ファイルを直接入れます / etc / apache2 / sites-enabled / 次の構成で:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf DocumentRoot "/ home / path / folder / project /" ServerName my_blog.dev すべての付与が必要

手動でインストールする場合、Webサイトフォルダのデフォルトパスは次のとおりであることを明確にすることは有効だと思います / var / www / http /.

NodeJSとRubyのインストール

使うなら NodeJS o Ruby (PHPとPerlの代わりに)コンソールで実行することにより、パッケージを手動でインストールできます。

$ sudo apt install nodejs ruby

さらにパッケージが必要な場合は、パッケージマネージャーを実行するかコンソールで検索するだけです。

$ sudo apt search paquete a buscar

この部分まで、サンドボックス用のサーバー側部分の準備ができています。次に、使用できるアプリケーションのいくつかを見てみましょう。

Web開発ツール

リポジトリには、HTML、CSS、JSなどに関して快適に作業できるアプリケーションがいくつかあります。 それらの中には:

  • ブルーフィッシュ
  • Geany
  • Gedit
  • ケイト

あること ブルーフィッシュ (私の意見では)仕事に関しては最も完全です フロントエンド、ただし、はるかに多くの機能を提供するサードパーティアプリケーションをインストールすることをお勧めします。 たとえば、 括弧, 崇高なテキスト o コモド-編集。 これらのアプリケーションはすべて、Ubuntu用の独自のインストールパッケージを持っています。ただし、Komodo-Editは、解凍して.shファイルを実行するだけで済みます。

(…処理中…)


記事の内容は、次の原則に準拠しています。 編集倫理。 エラーを報告するには、 ここで.

32コメント、あなたのコメントを残してください

コメントを残す

あなたのメールアドレスが公開されることはありません。 必須フィールドには付いています *

*

*

  1. データの責任者:MiguelÁngelGatón
  2. データの目的:SPAMの制御、コメント管理。
  3. 正当化:あなたの同意
  4. データの伝達:法的義務がある場合を除き、データが第三者に伝達されることはありません。
  5. データストレージ:Occentus Networks(EU)がホストするデータベース
  6. 権利:いつでも情報を制限、回復、削除できます。

  1.   ハンター

    このバージョンのubuntuのヤギの画像にゴーストバットを見た人はいますか?

    1.    エラヴ

      ハハハそれは本当です..オレンジ色のあごひげと銃口のくぼみだけを見ています😀

    2.    イワン・バラ

      おっしゃるとおり…それは「パレイドリア」と呼ばれています。

      プログラミング時にどのディストリビューションを選択するかについては、非常に複雑です。 「以前」は、開発がはるかに遅かったため、いくつかのブラウザと出来上がりのために開発されました。 今日、WEBアプリケーションを開発するためのブラウザとプラットフォームは無限にあり、ASP.Net、PHP、JAVAなどと呼ばれています。 アプリケーションがはるかに横断的である場合、つまり、通常のデスクトップまたはラップトップコンピューターからアクセスされるだけでなく、タブレットやモバイルなどからすでに実行されています(同じ機能が必要です)。

      今日、アプリケーションの安定性とセキュリティを第一に保護し、最前線にとどまる必要があると私は信じています。その意味で私は妄想的です。たとえば、銀行取引を実行するにはまだ多くの費用がかかります。私のものではない他のデバイス私は、たとえそれが非論理的に聞こえても、そうするために私の家の安全に何度も行きたいと思っています。

      もう80つ。 正直に言うと、ほとんどのプログラマー(少なくとも私が知っているプログラマー)は、Web、JAVA、BB.DDなどであるかどうかにかかわらず、少なくともXNUMX%がUnixプラットフォームを使用してプログラミングしていることはよく知られています。 プラットフォームで提供されているすべてのツールがオープンで無料でないと、前進するときに非常に複雑になります。 また、ほぼすべてのWEBプラットフォーム、つまりBB.DDと言えます。 Unixサーバーにマウントされているので、他の部分が同じように機能するのは論理的ではないでしょうか。

      共有と挨拶をありがとう。

    3.    バットマン

      黙れ…私はバットマンです!

    4.    ニーソンフ

      私にはフクロウのように見えます笑

      1.    エラヴ

        そうです..ここでもう一度見ても同じことを考えます

  2.   ヒューゴサントス

    私は主にPHPのWeb開発者であり、Debianを作業環境として数年間使用しています。投稿で述べられているように、どちらのディストリビューションを使用するかは各人によって異なり、Linux開発領域では生活を楽にするツールがたくさんあります。

    コメントと同じように、多くの場所でXAMPP、LAMPなどをインストールする開発者がいますが、LinuxではapacheはLinuxにネイティブであるため、インストールする必要はありません。たとえば、apache2とphp5のみをインストールします。典型的なもの(aptitude install apache2 php5)と出来上がりのDebianでは、プロジェクトを/ var / wwwに入れる以外に何もする必要がなくなりました。

    1.    エラヴ

      そうです、私はそれを「簡単に」やろうとしましたが、投稿ではXNUMXつの方法について言及しています😉

    2.    Tecno-Integra Automation

      よろしく。 apache2とphp5をインストールすることは私には問題ないように思えますが、mysqlを配置する必要があるように感じます。また、phpmyadminをどのように構成しますか? ありがとうございました。

  3.   Marcos_tux

    正直に言うと、Dreamweaverがこれらすべてのプログラムを調査する努力にもかかわらず、それは残念ですが、LinuxではこのAdobeプログラムの高さには何もありません。

    1.    eliotime3000

      はい、(部分的には)ブラケットと呼ばれ、VimとEmacsも考慮されています。 :v

    2.    Dreamweaverと呼ばれるそのごみ箱

      もちろん、コードにゴミを入れると、Dreamweaverはみんなを通り過ぎます

    3.    エルナン

      Dreamweaverは、プログラマーよりもデザイナー向けです。コードを扱う人にとっては、煩雑で時間がかかりすぎます。 崇高なテキスト、角かっこ、webStorm / phpStormなどのプログラムを使用する方がはるかに快適です。 Dreamweaverを使用したとき、問題が発生しました。コードを準備した後、デザインモードに移行しました。ポイントを置いたり、何かを移動したりすると、Dreamweaverがコードを完全に逆アセンブルします。 支払いだとは言うまでもありません。 私にはデザイナーの友達がいますが、彼らはコードをXNUMX行も書かずにページを作成できるので、彼らにとっては素晴らしいことです。

      1.    教育する

        breamweaverハハハあなたがクリップすることを学ぶなら私はそれで決して学びません

    4.    KZKG ^我愛羅

      Dreamwho?…Baff、buddy、Artisteer、Dreamweaver、これらはすべて純粋なでたらめです。申し訳ありませんが、それは真実です。

      彼らはXNUMX行のジャンクコード、必要のないたくさんのタグやゴールなどを入れました。

      これらのいずれかを備えたブラケット、Sublimeは、CSSジョブを実行するのに十分すぎるほどです。

    5.    kdexneo

      Aptana Studio3はDreamweaverよりもはるかに優れています。

    6.    エラヴ

      何って言ったの? ドリームウィーバー? そして、thatooo queee essss?

    7.    シェルパ90

      うまくいけば、あなたはあなたを生成するすべてのゴミコードを見るでしょう... dreamweaverは非専門家のためのものです、期間!

  4.   ハザマ

    センセーショナルな投稿、本当に
    おめでとうございます

    1.    エラヴ

      グラシアス😉

  5.   ペテルチェコ

    あなたの情報はとても役に立ちます…ありがとう。 Ubuntu / Debianの水域に戻りますか?

    1.    KZKG ^我愛羅

      HAHA彼はいつもDebianのために彼の心の中にスペースを置いています、しかし... Ubuntu私はそうは思いませんhehehe

      1.    ペテルチェコ

        あなたは決して知りません😀😀

    2.    エラヴ

      決して言われるべきではありませんが、私は本当に長い間、Debianに戻ることはないと思います。

  6.   摂氏

    貧しいTomcatは誰もそれを望んでいません。

    1.    エラヴ

      誰がJavaを望んでいますか? 😛

  7.   ガブリエル

    テーマは(再び)混乱していると思います。デザイナーだけのあなたも、プログラマーだけのあなたもいます。両方あります。次にインストールして「すべて設定」するので、winbugを「簡単」に見ている人もいます(つまり、プロプライエタリソフトウェアやライセンスソフトウェアを使用している場合と使用していない場合があります)、もう少し高度な(そして「勇敢な」)Linuxについても知っていて、通常はその間にあるツールを使用している人もいます。長いなど、このブログで共有しているように、ディストリビューションが何であれ、gnu-línuxで開発するため、オープンソースツールが使用されるという考えです。根本的な問題(私は思う)は、それが各人に依存するということです。私たちも知らないツールですが、学びたいときは、それを与えるまでに数時間を費やす必要があります。そして、(他の人の考えに関係なく)快適に感じるなら、私たちは幸せになります!! (:

    1.    サルゲイロ

      php5.6.3のバージョンをダウンロードすることもできます
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-x64-5.6.3-0-installer.run
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-5.6.3-0-installer.run
      開発しているものや必要な互換性によって異なります。バージョン5.5を維持するには、リポジトリにあるパッケージをインストールするだけです。apache2.4、php5.5.13などもあります。phpcsなどの他のライブラリも簡単です。インストールすると、シェルが好きで、できる限りすべてをインストールして構成することを好むことは明らかです。

      1.    サルゲイロ

        このプロジェクトwpn-xm.orgを見たことがありますが、Linuxでこのようなものを実現するのは興味深いことです。これらのツールのいくつかを使用しているため、統合されていると言います。ライブラリの数が多いにもかかわらず、申し訳ありません。ホスティングはほとんどすべてApacheにマウントされています。nginx用に変更しました。 wpn-xmがLAMPとXAMPPの代替品を探しているのを見つけましたが、これは作業用マシンに適しています。間違いなく優れた代替品です。 ちなみに、W $ +クロームについての私の以前のコメントをお詫びします

  8.   ラウルカサリ

    あなたの貢献は非常に興味深いです、それを開発し続けてください、それはありがたいです

  9.   マイケル・カルドーサ

    こんにちは私はUbuntuを初めて使用します。私は常にウィンドウを使用していますが、Ubuntuを使用してLinux環境に移行したいのですが、ウィンドウのようにフォルダーを作成したり、htdocsにファイルを配置したりすると、許可されないか、いくつかのことがあります。 Windowsでできることですが、Ubuntuではブロックを大きくすることができないか、変更を加えることができません。htdocsでファイルを作成するために崇高なものを使用すると、助けてくれれば、それもできません。私、それをいただければ幸いです。

  10.   モンブラン

    誰かが私を助けることができる?
    何年も前に私は小さなウェブデザインコースを受講し、それが大好きでした。彼らは私にWindows用のプログラムを提供してくれましたが、インストールさせてくれませんでした。
    数ヶ月前、ようやくLinux Ubuntuに切り替えることができましたが、プログラムが見つかりません。
    コースでXNUMXつのプログラムを見たことを覚えています
    Dreamweaver、Flash MX、その他写真レタッチ用でしたが、名前が思い出せません。
    コースで見たものと同等のものをインストールするためのダウンロードWebサイトまたはルートを示していただけますか?
    拝啓
    ありがとう。