Host at Mag-edit ng Mga Website sa Windows nang Libre Gamit ang XAMPP

Nais mong bumuo ng isang website, ngunit hindi mo alam kung saan magsisimula?

Tila ang tipikal na lugar ng pagsasanay sa pag-unlad ng web ay din ang pinakamahal: bumili ng isang domain, host server, WordPress account, tema, atbp. Ngunit paano kung hindi ka isang maliit na may-ari ng negosyo o sumusubok na bumuo ng isang tatak? Paano kung sinusubukan mo lamang na malaman ang pagbuo ng web, sans kalat?

Magbasa pa upang malaman kung paano mag-host ng iyong sariling website, na maaari kang lumikha alinman sa simula o sa mga paunang ginawa na template, sa iyong computer, at nang libre. Oh, kasama na rito ang pagho-host ng iyong sariling WordPress account!

XAMPP: Isang Panimula

XAMPP ni Bitnami ay 'isang pamamahagi ng Apache na naglalaman ng PHP at Perl.' Para sa aming mga hangarin, kakailanganin lamang naming maunawaan na ang XAMPP ay isang libre, simpleng programa na nagpapahintulot sa mga gumagamit na mag-host ng mga website sa kanilang mga PC.

Habang ang pagse-set up ng isang lokal na server na gumagamit ng XAMPP ay medyo panteknikal, ang proseso ay medyo madali at tuwid din. Kapag na-set up na ang lahat, mahahanap mo na ang pamamahala at pag-edit ng mga website ay isang simoy.

Pagkatapos ay may usapin ng mabilis at kumpletong kontrol. Gamit ang XAMPP upang lumikha at mag-edit ng mga website, magagawa mong baguhin ang marami o kaunting isang website na nais mo. Sinabi na, na may dakilang kapangyarihan ay may malaking responsibilidad. Mas madaling kapitan sa pagkawala ng iyong mga site pati na rin lalo na kung hindi lumikha ng mga backup .

paano mo i-update ang google play store

Kung nais mo ang isang tunay na proyekto ng starter course sa web dev, gayunpaman, para sa iyo ang XAMPP. Kasama rito ang anumang mga proyekto na nauugnay sa HTML, CSS, Javascript, at higit pa!

Pag-install ng XAMPP

Tumungo sa XAMPP website at i-download ang package. Sundin ang default na proseso ng pag-set up. Kapag na-download mo ang XAMPP, dapat awtomatikong magbukas ang iyong control panel ng XAMPP. Kung hindi, maaari mong hanapin ang program na XAMPP tulad ng gagawin mo sa iba pa (sa pamamagitan ng paghahanap sa Start Menu).

Sa iyong window control panel ng XAMPP, dapat mong makita ang isang simpleng layout kung saan tumatakbo ang mga proseso ng XAMPP. Para sa aming mga layunin, magtutuon kami sa unang dalawang pagpipilian: Apache at MySQL.

Apache - Ang pangunahing kabuluhan ng XAMPP, ang pagpipilian ng Apache ay lumilikha ng isang Apache server sa iyong PC. Ito ang magpapahintulot sa iyo na magpatakbo at mag-edit ng mga website sa iyong PC sa pamamagitan ng mga web browser, tulad ng isang website. Maliban, syempre, tumatakbo ang website na ito sa iyong PC, taliwas sa isang server na konektado sa internet.

MySQL - Pinapayagan ng SQL ang komunikasyon sa pagitan ng mga database at website, na pinapayagan ang mga gumagamit na subukan at mag-imbak ng mga email, password, at anumang iba pang mga input ng data. Gagamitin namin ito para sa iyong lokal na WordPress account.

pindutin ang Magsimula pindutan sa iyong control panel ng XAMPP sa ilalim Mga kilos para sa parehong Apache at MySQL. Maghintay hanggang ang parehong Apache at MySQL ay mai-highlight na berde sa ilalim ng iyong seksyon ng module. Kapag pinagana, malaya kang gumamit ng XAMPP.

Localhost at phpMyAdmin

Upang matiyak na ang lahat ay nasa maayos na pagkilos, buksan ang isang web browser, ipasok http: // localhost / sa iyong address bar at pindutin Pasok . Dapat kang ilipat sa http: // localhost / dashboard / , na kung saan ay ang default na pahina ng XAMPP.

Susunod, mag-click sa phpMyAdmin pindutan sa tuktok na menu ng nabigasyon. Ididirekta ka sa iyong default na pahina ng phpMyAdmin.

Iwanan ang mga ito sa ngayon, ngunit kung gumagana ang pareho handa ka na upang simulang lumikha ng mga website!

Lumilikha ng Mga Website Gamit ang XAMPP

Dumarating ngayon ang kasiya-siyang bahagi. Tumungo sa folder ng XAMPP na matatagpuan sa iyong direktoryo ng root drive ( C: xampp bilang default). Pagkatapos, magtungo sa mga htdoc . Ito ang magiging pangunahing repository ng website na gagamitin mo upang matingnan ang mga website.

Bago kami lumikha at mag-edit ng isang website, kakailanganin mo ng isang text editor. Habang maaari kang gumamit ng isang default na text editor tulad ng Notepad, karaniwang pinakamahusay na mag-download ng isang third-party na editor na partikular na ginawa para sa code at markup. Sublime Text ay isa sa pinakamahusay sa paligid, kaya magtungo sa kanilang website at i-download ang software upang makapagsimula.

Ngayon ay maaari mo nang simulang mag-download at mag-install ng mga website sa XAMPP. Gagamitin ko ang Biyahe template, ngunit maaari mong gamitin ang alinmang template na gusto mo. Mag-download ng zip file ng website, at panatilihin ito sa isang lokasyon na matatandaan mo. Susunod, lumikha ng isang folder sa loob ng folder ng hAMPs XAMPP para sa iyong website. Pinangalanan ko na ang akin biyahe - subukang panatilihing simple ang iyong pangalan. Pagkatapos, i-unzip at i-extract ang mga nilalaman ng iyong zip file sa folder na htdocs na ito.

Kapag nakuha mo na ang mga file, magtungo sa iyong imbakan ng website sa loob ng htdoc upang matiyak na na-tama nang tama ang mga ito.

Panghuli, magtungo sa iyong webpage sa iyong web browser. Iyong website , kaya't magsalita, maaabot gamit ang dating nabanggit na localhost kasama ang pangalan ng folder na humahawak ng iyong mga file sa pahina. Ito ay dahil ang mga website ay mahalagang mga file na nilalaman sa mga folder, lahat sa ilalim ng isang solong domain - o root - pangalan. Natututo ka na!

Ang aming dati nang nilikha na folder ay pinangalanan na roadtrip, kaya ang buong address ng site ay http: // localhost / roadtrip .

Tapos ka na! Ngayon ay maaari mo nang simulang i-edit ang website nang lokal.

Pag-edit ng Mga Website

Buksan ang Sublime Text. Tumungo sa File at piliin Buksan ang Folder . Hanapin at piliin ang iyong web folder sa loob ng XAMPP folder. Magagawa mong i-edit ngayon ang maraming mga pahina ng parehong website sa loob ng iyong Sublime Text editor.

Nagbibigay din ang Sublime Text ng isang mahusay na interface para makita mo ang bawat file at folder ng iyong website. Upang lumikha ng mga pagbabago sa iyong website, i-edit ang code ng iyong website, i-save (gamit ang command ng keyboard Ctrl + S ), at i-refresh ang iyong website sa loob ng browser.

Ang proseso ay simple at direkta: i-edit ang webpage, pagkatapos suriin upang makita kung gumagana ang iyong code. Habang sumusulong ka sa iyong pag-unlad sa web, susubukan mong ingrain ang mas kumplikadong mga tampok sa iyong web page. Hindi mahalaga ang antas ng kasanayan, bagaman, ang pangunahing format upang mai-edit ang mga pahina ay mananatiling pareho.

Gumamit ng WordPress Sa XAMPP

Kung hindi mo nais na i-edit ang hilaw na code, o mas gugustuhin mong gumamit ng isang mas pamilyar na sistema ng pamamahala ng nilalaman (CMS), nagbibigay ang WordPress ng kamangha-manghang mapagkukunan sa disenyo ng web sa isang madaling gamitin na ZIP file din! Upang mai-install ang WordPress sa XAMPP, magtungo sa Website ng WordPress at i-download ang opisyal na aplikasyon.

Gumamit ng parehong format upang lumikha ng isang website tulad ng dati mong ginagawa, kasama ang iyong nakuha na folder ng WordPress na nasa direktoryo ng htdoc sa loob ng folder wordpress . Panatilihin ang pangalan ng folder para sa kapakanan ng kalinawan.

Paggamit ng phpMyAdmin

Dahil hinihiling ng WordPress na lumikha ka ng impormasyon sa pag-login, kakailanganin mong lumikha ng isang entry sa iyong direktoryo ng PHP para sa web page. Tumungo sa iyong pahina ng phpMyAdmin - http: // localhost / phpmyadmin / bilang default - upang makapagsimula.

Mula sa pahinang ito, mag-click sa Mga database . Sa ilalim ng Lumikha ng database parameter, ipasok wordpress at pagkatapos ay pindutin Lumikha . Dapat mong makita ang isang popup na nagsasabi sa iyo na ang database ay nilikha. Susunod, isara ang window ng browser na ito at ipasok ang iyong folder sa WordPress sa loob ng direktoryo ng XAMPP htdflix. Dapat magkaroon ng folder na ito ang mga nilalaman ng iyong hindi naka-zip na mga file ng WordPress.

Kailangan naming i-configure ang aktwal na website ng WordPress upang mag-log in at magamit ang site. Ginagawa ito sa pamamagitan ng pangunahing file ng pagsasaayos ng PHP ng WordPress. Sa loob ng iyong folder sa WordPress, hanapin ang file na may label wp-config-sample.php , i-right click ang file, piliin ang I-edit (o Buksan kasama ang para sa isang hiwalay na editor ng teksto). Ang Notepad ay dapat na gumana nang maayos.

Narito ang code na aming pagtuunan ng pansin:

// ** MySQL settings - You can get this info from your web host ** //  
/** The name of the database for WordPress */  
define('DB_NAME', '  database_name_here  ');  
/** MySQL database username */  
define('DB_USER', '  username_here  ');  
/** MySQL database password */  
define('DB_PASSWORD', '  password_here  ');

Kailangan mong gumawa ng tatlong mga pagbabago sa code sa itaas sa loob ng ang tandang panipi.

database_name_dito - Palitan ang parameter na ito sa wordpress . Gagamitin ng website ang dating nilikha na database sa phpMyAdmin na may label na tulad nito.

username_here - Baguhin ito sa ugat . Nagtataglay ang root username ng wastong mga pribilehiyo ng administrator bilang default, kaya papayagan ito sa pamamagitan ng phpMyAdmin. Ang ibang mga username ay hindi gagana kung hindi bibigyan ng naaangkop na mga pahintulot.

password_here - Palitan ito sa isang madaling makikilalang password. Kung mas gugustuhin mong hindi gumamit ng isang password, tanggalin ang parameter.

I-save ang file na ito bilang wp-config.php - taliwas sa nauna wp-config-sample.php - at exit. Pagkatapos, magtungo sa sumusunod na address ng localhost: http: // localhost / wordpress .

Magpatuloy sa pag-install, kasama ang paglikha ng iyong WordPress Username at Password . Maaari kang maglagay ng alinmang mga halagang gusto mo. Kapag natapos mo na ang pagpasok ng iyong mga halaga, mag-click sa I-install ang WordPress pindutan upang tapusin ang proseso. Kapag tapos na iyon, mag-log in sa iyong lokal na WordPress gamit ang username at password na ibinigay sa nakaraang pahina.

Tapos ka na! Ngayon, maaari mong gugulin ang pag-edit ng nilalaman ng iyong puso, pagbabago, at paglikha ng mga web page kapwa mula sa simula at sa pamamagitan ng WordPress, offline, at libre !

stop code config info masamang sistema

Nagsisimula ang Pag-unlad ng Web Sa Isang solong Pahina

Dati, nagsisimula ka lang sa iyong paglalakbay sa pag-unlad ng web. Ngayon, lumikha ka ng isang lokal na server sa iyong PC kung saan maaari kang lumikha, magbago, at umangkop sa mga web page ayon sa gusto. Pinakamaganda sa lahat, ganap kang may kontrol. Ang natitira lamang ay upang simulan ang iyong eksperimento, kaya't magpatuloy!

Nagpasya na hindi mo nais na dumaan sa lahat ng gawaing ito? Subukan ang isa sa ang pinakamahusay na libreng mga serbisyo sa pagho-host ng website sa halip

Mga Kredito sa Larawan: Dmitry Tishchenko / Shutterstock

Magbahagi Magbahagi Mag-tweet Email 6 Mga kahaliling Napapakinggan: Ang Pinakamahusay na Libre o Murang Audiobook Apps

Kung hindi mo pinangarap na magbayad para sa mga audiobook, narito ang ilang magagaling na apps na hinahayaan kang makinig sa kanila nang libre at ligal.

Basahin Susunod Mga Kaugnay na Paksa

Windows
Programming
Wordpress
Pag-unlad sa Web
Pag-host sa Web
Mga Tool sa Webmaster
Apache Server
Web Server

Tungkol sa May-akda Christian bonilla(83 Artikulo Nai-publish)

Ang Christian ay isang kamakailang karagdagan sa komunidad ng MakeUseOf at isang masugid na mambabasa ng lahat mula sa siksik na panitikan hanggang sa Calvin at Hobbes comic strips. Ang kanyang hilig sa teknolohiya ay naitugma lamang ng kanyang nais at pagpayag na tumulong; kung mayroon kang anumang mga katanungan tungkol sa (karamihan) kahit ano, huwag mag-atubiling mag-email sa malayo!

Higit pa Mula kay Christian Bonilla

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe