準備Ubuntu(或其他發行版)進行Web開發

除了關於GNU / Linux使用起來很複雜的神話,信念或觀點以外,我認為它對於那些特別是開發人員來說,是一個很好的操作系統。 網站開發人員.

我有機會與許多喜歡的人交談 OS X 乃至 Windows 就像他們所說的那樣,開發它是因為它的易用性和工具,儘管這是每個人的非常個人的看法,但我相信任何GNU / Linux發行版或至少最受歡迎的發行版都提供了安裝和安裝所需的一切。工作。

最受歡迎的發行版在其存儲庫中為Web開發人員提供了所有必需的軟件包。

現在,在開發問題上,存在一個難題,就是更新的發行版,例如 Antergos 或保持穩定和最新的平衡 Ubuntu?

我舉了一個非常簡單的例子 Ubuntu的信任 最新版本 Netbeans的 是7.0.1,在 ArchLinux的 版本8.0.2可用。 同樣的事情發生 的NodeJS 以及我們下面將看到的其他被廣泛使用的軟件包 前端.

無論如何,每個人的決定都是根據要開發的工作來選擇自己喜歡的分佈。 對於本文,我們將從Ubuntu安裝開始,由於它是針對新用戶的,所以我們將逐步顯示該過程。

安裝Ubuntu 14.04

我們要做的第一件事是從其官方網站下載Ubuntu安裝映像。 下面的鏈接將允許您選擇下載32位還是64位iso。

下載Ubuntu

下載後,我們必須用下載的iso“刻錄” DVD或準備閃存以從中啟動和安裝。 在Windows中,我們可以按照以下步驟進行操作 本指南 在Mac上 這另一。 完成此操作後,我們將重新啟動PC並從內存或DVD開始。

Ubuntu 14.04安裝步驟

如果不確定如何安裝Ubuntu而不丟失數據,則可以使用VirtualBox中的虛擬機進行安裝,也可以將所有數據備份到安全的地方(如果可能)到外部磁盤。

第一件事是選擇我們用來安裝Ubuntu的語言:

Ubuntu開發人員

稍後,我們將了解安裝是否具有所有必要要求:

Ubuntu_Development2

稍後,我們將對硬盤進行分區。 如果您對此沒有經驗,則最好在備份數據後將所有內容保留為默認值。

Ubuntu_Development3

我們選擇時區:

Ubuntu_Development4

我們選擇鍵盤的語言:

Ubuntu_Development5

我們定義用戶名,計算機名稱和密碼:

Ubuntu_Development6

我們等待它完成:

Ubuntu_Development7

安裝程序完成後,我們將重新啟動計算機並進入會話。 我們可以運行更新管理器或打開終端並放置:

$ sudo apt update && sudo apt upgrade

如果沒有要更新的內容,我們可以開始。

準備測試工作區

因此,作為開發人員,我們只想專注於我們知道該怎麼做: 發展。 我們對了解如何配置Web服務器或數據庫的工作方式不感興趣,我們只希望有一些行之有效的方法,並且易於實現以開始編寫代碼。

如果我們只需要用HTML,CSS,JS編寫代碼,那麼一切都會更簡單,但是有時我們必須為PHP,Ruby,DJango等代碼提供測試服務器。因此,最好 設置我們自己的Web服務器。 幸運的是,我們以兩種不同的方式擁有此功能:

  1. 使用安裝程序 XAMPP 是什麼為我們 阿帕奇.
  2. 運用 LAMP 比特納米.

安裝Bitnami

通過Bitnami安裝LAMP 我們已經看到了 在上一篇文章中,因此沒有必要在本文中解決。 一旦安裝了Bitnami,我們就可以通過網絡瀏覽器管理測試服務器。

Bitnami

有關Bitnami工作原理的所有必要文檔,請訪問: 他的維基.

XAMPP安裝

XAMPP安裝程序也來自Bitnami,但是安裝過程略有不同,因此我們將逐步進行安裝。 當然,第一件事是根據處理器的體系結構下載我們感興趣的文件:

XAMPP 32位
XAMPP 64位

下載後,我們打開終端並訪問文件所在的文件夾,我們將向其授予執行權限。 對於64位文件,它將是:

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

現在在同一終端中執行它:

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

然後我們按照以下步驟操作。

建議接受默認情況下的所有內容,為此,我們只需要給 Enter

XAMPP

在上一個圖像中,它詢問我們是否要為開發人員安裝文件,在下一個圖像中,詢問我們是否同意選擇的內容。

xampp1

現在,它詢問我們要安裝的路徑(默認情況下,該路徑在/ opt / lampp中),儘管我們可以更改它,但我建議保持原樣。

xampp2

開始安裝前再檢查一個步驟

xampp3

安裝XAMPP

xampp5

安裝完成。

xampp6

現在,要啟動XAMPP,我們只需執行以下命令:

$ sudo / opt / lampp / lampp start啟動Linux的XAMPP 5.5.19-0 ... XAMPP:啟動Apache ...確定。 XAMPP:啟動MySQL ...好的。 XAMPP:啟動ProFTPD ...確定。

這樣,我們已經在運行Apache + MySQL + PHP + Perl服務器。 如果您有任何問題,建議您訪問 常見問題.

使用XAMPP的自定義DNS和虛擬主機

假設我們的測試服務器上託管了多個站點,我們可以將每個站點設置為在文件中本地查看 / etc / hosts文件。 讓我們舉個例子,假設我們有這個網站 dev.tests.com,我們要做的就是打開文件 / etc / hosts文件 使用我們最喜歡的文本編輯器(並以root身份),並通過以下方式添加它:

$ 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 dummy-host.example.com ServerAlias www.dummy-host.example.com ErrorLog“日誌/ dummy -host.example.com-error_log“ CustomLog”日誌/ dummy-host.example.com-access_log“常見ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot“ /opt/lampp/docs/dummy-host80.example.com” ServerName dummy-host80.example.com ErrorLog“ logs / dummy-host2.example.com-error_log” CustomLog常見的“日誌/ dummy-host2.example.com-access_log”

我們對其進行修改,並保留這種方式:

#僅使用基於名稱的虛擬主機,因此服務器無需擔心#IP地址。 以下指令中的星號表示。 ##請參閱以下文檔: #了解更多詳細信息,然後再嘗試設置虛擬主機。 ##您可以使用命令行選項'-S'來驗證您的虛擬主機#配置。 ##VirtualHost示例:#幾乎所有Apache指令都可以進入VirtualHost容器。 #第一個VirtualHost部分用於所有與任何塊中的ServerName或ServerAlias不匹配的請求。 # DocumentRoot“ / home /路徑/文件夾/項目/” ServerName my_blog.dev 要求所有授予

顯然,替換時必須指定項目文件夾的路徑 “ / Home /路徑/文件夾/項目/”.

手動燈泡安裝

現在,儘管看起來似乎不太像,但我認為以以前的方式進行安裝比直接從我們的存儲庫安裝軟件包更加麻煩。 要在我們的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 /啟用站點-/ 但是我們不會復雜化。 我們將直接將文件放入 在/ etc / apache2 /啟用站點-/ 具有以下配置:

$ sudo vim /etc/apache2/sites-enabled/dev.prnza.com.conf DocumentRoot“ / home /路徑/文件夾/項目/” ServerName my_blog.dev 要求所有授予

我認為有必要澄清一下,當我們手動安裝時,網站文件夾的默認路徑是 / var / www / http /.

NodeJS和Ruby安裝

如果我們使用 的NodeJS o 紅寶石 (而不是PHP和Perl),我們可以通過在控制台中運行來手動安裝軟件包:

$ sudo apt install nodejs ruby

並且,如果他們需要更多軟件包,則只需通過運行軟件包管理器或在控制台中進行搜索即可:

$ sudo apt search paquete a buscar

在此部分之前,我們已經為沙盒準備好了服務器端部分,現在讓我們看一下可以使用的一些應用程序。

Web開發工具

在存儲庫中,我們有一些應用程序使我們可以輕鬆地處理HTML,CSS,JS等。 其中有:

  • Geany
  • gedit中
  • 凱特

存在 (我認為)最全面的工作 前端,但我建議您安裝可為我們提供更多功能的第三方應用程序。 我們有例如 括號, 崇高文本 o 科莫多編輯。 除了Komodo-Edit,僅需解壓縮並運行.sh文件,所有這些應用程序都具有自己的Ubuntu安裝軟件包。

(…進行中…)


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。

  1.   獵人 他說:

    有人從這個版本的ubuntu中看到山羊圖像中的幽靈蝙蝠嗎?

    1.    拉夫 他說:

      哈哈哈,是真的..只看著橙色的鬍鬚和槍口的the

    2.    伊万·巴拉 他說:

      現在您提到它了……這就是“ Pareidolia”。

      至於在編程時選擇哪個發行版,這很複雜。 “以前”是為幾個瀏覽器和voila開發的,因為開發速度要慢得多。 如今,有無數瀏覽器和平台可用於開發WEB應用程序,稱為ASP.Net,PHP,JAVA等。 在這裡,應用程序的橫向性要強得多,我的意思是,不僅可以從典型的台式機或便攜式計算機上訪問它們,而且還可以通過平板電腦,移動設備等完成它們(並且需要相同的功能)。

      我認為,今天有必要保持領先地位,首先要維護應用程序的穩定性和安全性,從這個意義上講,我很偏執,例如,從其他非我公司的設備即使聽起來不合邏輯,我還是希望很多次能到達我家的安全。

      另一個。 說實話:眾所周知,大多數程序員(至少是我認識的程序員),無論是Web,JAVA,BB.DD等,至少有80%的人使用Unix平台進行編程。 如果人們沒有開放平台上提供的所有工具,那麼他們在前進時會非常複雜。 另外,我可以肯定地說,幾乎整個WEB平台或BB.DD。 它安裝在Unix服務器上,因此其他部分以相同方式工作是否合乎邏輯?

      感謝您的分享和問候。

    3.    蝙蝠俠系列 他說:

      閉嘴...我是蝙蝠俠!

    4.    涅森夫 他說:

      在我看來像貓頭鷹

      1.    拉夫 他說:

        是的..在這裡,我們再看一遍也是一樣

  2.   雨果·桑托斯(Hugo Santos) 他說:

    我是一個主要使用PHP的網絡開發人員,正如帖子中所述,我已經使用Debian作為我的工作環境已有好幾年了,使用哪種發行版的決定取決於每個人,並且在Linux開發領域是否提供了很大的支持。使生活更輕鬆的工具數量。

    就像評論一樣,我在很多地方看到一些開發人員在Linux上安裝XAMPP,LAMP和/或類似的東西,因為我們記得apache是​​Linux的本機,所以沒有必要這樣做,例如,我只安裝apache2和php5在典型的Debian上(aptitude install apache2 php5)和voila,除了將我的項目放在/ var / www中,我不再需要做任何其他事情

    1.    拉夫 他說:

      沒錯,雖然我在文章中提到了這兩種方法,但我嘗試“輕鬆”進行操作時會發生什麼情況?

    2.    Tecno-Integra自動化 他說:

      問候。 對我來說,安裝apache2和php5似乎很好,但是我覺得您需要放置mysql以及如何配置phpmyadmin? 謝謝。

  3.   馬科斯禮服 他說:

    坦白說,儘管Dreamweaver努力通過了所有這些程序,但這很可惜,但是在Linux中,我們沒有這個Adobe程序的功能。

    1.    埃利奧時間3000 他說:

      是的(有一部分),它被稱為括號,也考慮了Vim和Emacs。 :v

    2.    那個叫Dreamweaver的垃圾箱 他說:

      將垃圾放入代碼中當然,Dreamweaver會繞過所有人

    3.    埃爾南 他說:

      Dreamweaver對於設計師而言,比對程序員而言更重要,對於使用代碼的人而言,它過於繁瑣和緩慢。 使用諸如sublime text,方括號或webStorm / phpStorm之類的程序要舒適得多。 使用Dreamweaver的時間遇到了問題,在準備好代碼之後,我進入了設計模式,在這種情況下,如果我提出要點或提出一些建議,Dreamweaver會負責完全拆解我的代碼。 並不是說這是付款。 我有設計者朋友,對他們來說真是太棒了,因為他們無需編寫任何代碼即可創建頁面。

      1.    愛德華 他說:

        breamweaver哈哈哈,如果您學會剪輯,我將永遠不會學

    4.    KZKG ^ Gaara 他說:

      Dreamwho?…Baff,好友,Artisterer,Dreamweaver,所有這些都是純廢話,很抱歉這麼說,但這是事實。

      他們放置了XNUMX行垃圾代碼,很多不需要的標記或目標,等等,等等。

      用Sublime括起來的括號足以完成任何CSS工作。

    5.    葡聚醣 他說:

      Aptana Studio 3比Dreamweaver更好。

    6.    拉夫 他說:

      你說什麼? Dreamweaver? soooo quees essss?

    7.    夏爾巴人90 他說:

      希望您能看到生成您的所有垃圾代碼……Dreamweaver適用於非專業人士,期限!

  4.   ama間 他說:

    聳人聽聞的帖子,真的
    恭喜啦

    1.    拉夫 他說:

      格拉西亞斯😉

  5.   彼得切科 他說:

    您的信息非常有用……謝謝。 您要回到Ubuntu / Debian水域嗎?

    1.    KZKG ^ Gaara 他說:

      哈哈,他總是為Debian留心,但是... Ubuntu我不這麼認為

      1.    彼得切科 他說:

        你永遠不知道😀

    2.    拉夫 他說:

      儘管永遠不要說,但我真的不認為我會很長一段時間都回到Debian。

  6.   攝氏 他說:

    沒人想要的可憐的雄貓。

    1.    拉夫 他說:

      誰想要Java? 😛

  7.   加布里埃爾 他說:

    我認為主題再次變得混亂,有些人只是設計師,有些人只是程序員,兩者都有,有些人認為Winbug“簡單”,因為他們下一步安裝了“ all set”(這意味著(他們可能使用或不使用專有和/或許可的軟件),有些人比較高級(“勇敢”),並且對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,我只需安裝存儲庫中的軟件包即可,就是這樣,我有Apache 2.4,php5.5.13等。另外,像phpcs這樣的其他庫也很容易安裝後,很明顯,我喜歡該外殼,並且我更喜歡安裝和配置所有可能的東西。

      1.    阿爾薩羅 他說:

        您已經看過這個項目wpn-xm.org,對於linux來說,實現這樣的目標會很有趣,我說它是集成的,因為我使用了其中一些工具,很遺憾地說,儘管它有大量的庫,並且主機幾乎都安裝在Apache上,我為nginx進行了更改。 我發現wpn-xm在尋找LAMP和XAMPP的替代品,並且對工作機器毫無疑問是一個很好的替代品。 對不起,我以前對W $ + chrome的評論

  8.   勞爾·卡薩里 他說:

    您的貢獻非常有趣,請繼續發展,不勝感激

  9.   邁克爾·卡多薩 他說:

    您好,我是Ubuntu的新手,我一直使用Windows,但是我想使用Ubuntu遷移到Linux環境,但是當我想在Windows中創建文件夾或將文件放在htdocs中時,它不允許我運行,或者發生了一些事情我可以在Windows中通過自定義來做到這一點,但是在Ubuntu中我不能使它受阻很多,或者它不允許我進行修改,如果我在htdocs中使用sublime創建文件,也不允許我這樣做。可以幫助我,我將不勝感激。

  10.   安裝 他說:

    有人可以幫我嗎?
    許多年前,我參加了一門小型的Web設計課程,並且我很喜歡它,儘管他們為我提供了Windows程序,但從未讓我安裝它們。
    幾個月前,我終於能夠切換到Linux Ubuntu,但找不到任何程序
    我記得在課程中我看到了三個程序
    Dreamweaver,Flash MX和另一個用於照片修飾的工具,但我記不得了。
    您能指示下載網站或安裝與我在課程中看到的內容相同的路由嗎?
    問候
    謝謝。