Ing artikel iki, aku bakal nutupi hosting aplikasi Node.js ing server hosting sing dienggo bareng Namecheap nggunakake cPanel. Aku ora bakal ngrembug nyiyapake server database utawa mburi ngarep React kanggo aplikasi web sampeyan ing artikel iki. Nanging, aku pengin fokus ing tantangan sing bisa ditindakake nalika mbukak aplikasi Node ing lingkungan hosting sing dienggo bareng. == Aja tundha, tuan rumah dina iki! == Sadurunge sampeyan tekan dalan kanggo ngembangake aplikasi web, luwih becik nyelehake versi sing stabil kanthi online. Iki bisa uga ana ing lingkungan produksi sampeyan, utawa ing lingkungan pementasan sing padha karo lingkungan produksi sampeyan. Umume wong bakal ngenteni nganti app meh rampung sadurunge hosting online âÃÂàlan iki apa aku nalika ngembangaken React lan Node web app pisanan. Nanging, ing wektu iku, ana akeh tantangan kanggo njupuk server API Node lan aku uga kudu nggawe akeh owah-owahan ing aplikasi React. Mulane aku nyaranake nggawe versi online luwih awal supaya sampeyan bisa nggawe pangaturan sadurunge nulis kode sing akeh banget. == Nggunakake layanan hosting sing dienggo bareng == Server hosting bareng Namecheap nggunakake cPanel minangka antarmuka panel kontrol kanggo ngatur server Apache. Pandhuan kasebut uga kudu mbantu sapa wae sing nggunakake layanan hosting bareng karo cPanel kayata A2 Hosting lan GoDaddy. Aku uga nyiyapake server Namecheap karo sertifikat SSL lan cPanel kanthi standar pangalihan kabeh lalu lintas HTTP menyang HTTPS. Dadi kabeh lalu lintas menyang serverku aman. Sampeyan bakal nemokake akeh pandhuan sing menehi pitunjuk babagan carane dadi tuan rumah aplikasi Node ing layanan hosting VPS (Virtual Private Server) kayata DigitalOcean. Yen sampeyan miwiti saka ngeruk banjur hosting nggunakake layanan kaya sing bakal menehi kontrol liyane. Nanging biasane luwih larang tinimbang hosting sing dituduhake. Lan ing kasusku, aku wis mbayar layanan hosting bareng Namecheap. Sawetara kaluwihan nggunakake cPanel lan hosting sing dituduhake: - Ngatur nganggo konsol manajemen web sing prasaja - Gampang kanggo ngatur - Murah, utamané yen sampeyan wis hosting situs / domain - Bisa gampang nyiyapake situs web dinamis nggunakake teknologi liyane kaya PHP, etc, yen sampeyan lagi njelajah macem-macem teknologi Sawetara kekurangan: - Kurang kontrol amarga sampeyan ora duwe akses menyang sistem operasi sing ndasari - Ora scalable == Endi kabeh? == Pisanan sampeyan kudu nggawe folder kanggo kabeh file sumber kanggo aplikasi Node sampeyan. Aku nggawe folder sing diarani âÃÂÃÂnodejsâÃÂàing direktori /home/username lan ing folder iki aku banjur nggawe subfolder kanggo saben app. Saiki upload kabeh file sumber menyang subfolder iki. Priksa manawa sampeyan uga kalebu file package.json. Sampeyan ora ngunggah folder âÃÂÃÂnode_modulesâÃÂàsing bakal digawe karo manajer paket mengko. Elinga yen kita mung hosting server Node API ing conto arsitektur aplikasi web kita. Kita ora bakal dadi tuan rumah aplikasi React nggunakake Node (liyane babagan topik iki ing artikel sabanjure). httpsdavenewman.tech/wp-content/uploads/2020/06/Diagram-5_1.jpg Tata letak folder nuduhake file sumber Node ing folder /home/username/nodejs/mynodeapi lan ana file .htaccess ing folder /home/username/public_html/myapi == Masalah âÃÂàAplikasi simpul ora bisa ngakses port == Tantangan paling gedhe yaiku supaya aplikasi Node API bisa mlaku. Masalahe yaiku kode sampel sing diwenehake ing dokumentasi dhukungan Namecheap mung ora bisa digunakake! Iku nyoba nggawe httpserver kanggo ngrungokake ing port 80 lan http **s ** server ing port 443. Nanging, aku tansah entuk kesalahan EACCESS matur yen aku ora duwe ijin. nggunakake port kasebut. == Solusi âÃÂàNode ora perlu ngakses port! == Pungkasane aku nemokake solusi kasebut kanthi maca komentar dening pangguna SibProgrammer ing thread babagan Plesk, panel kontrol hosting liyane. cPanel nggunakake server aplikasi Phusion Passenger kanggo dadi tuan rumah aplikasi Node, kaya Plesk. Ing ringkesan: Nalika sampeyan ngirim panjalukan saka browser sampeyan bakal menyang server Apache, banjur menyang Phusion Passenger, banjur menyang aplikasi Node sampeyan. Aplikasi Node sampeyan ora perlu duwe port amarga ditangani luwih dhuwur ing hulu dening server aplikasi Apache lan Phusion Passenger. Iki nyederhanakake kode kanggo nggawe httpserver ing file www.js (utawa app.js): * www.js * Nguji nggawe server http kanggo Namecheap. * Dave */ const http = mbutuhake('http http.createServer(fungsi(request, response) { response.writeHead(200, {'Content-Type': 'text/html response.endh1>Hello Worldh1 listen(process.env .PORT); console.log('Aplikasi mlaku Sawetara perkara sing kudu dicathet: - Rungokake ing process.env.PORT (tinimbang nyetel 80 utawa 443 kanthi manual). Nalika testing aku weruh sing process.env.PORT punika undefined! Nanging sing menarik iku ora masalah ing kasus iki. - Gunakake server http sanajan sampeyan wis nyiyapake SSL. cPanel wis ngonfigurasi Apache kanggo ngarahake kabeh lalu lintas HTTP menyang HTTPS lan akibate kanggo nanggapi kabeh panjalukan dening HTTPS. Sampeyan ora perlu ngatur aplikasi Node kanthi manual kanggo nyiyapake server https lan maca ing sertifikat SSL sampeyan. == Langkah pungkasan kanggo server API Node == Saiki kudu dadi proses sing relatif prasaja kanggo nuruti instruksi kanggo nyiyapake aplikasi simpul sampeyan. httpsdavenewman.tech/wp-content/uploads/2020/06/Diagram-5_2.jpg Screenshot kaca konfigurasi Node.js cPanel - Pilih versi Node.js lan mode aplikasi sing cocog (Produksi dianjurake). - âÃÂÃÂApplication rootâÃÂàbakal dadi folder ngendi sampeyan ngunggah file sumber sadurungé (âÃÂànodejs/mynodeapiâÃÂàing conto ing ndhuwur). - URL aplikasi bakal dadi URL sing digunakake kanggo ngakses API sampeyan (myapi ¢ÃÂàing conto). Jeneng sing sampeyan wenehi ing kothak iki bakal digunakake kanggo nggawe subfolder ing folder /home/username/public_html. Ora kudu jeneng sing padha karo folder "Application root"(nanging asring). - âÃÂÃÂFile wiwitan aplikasiâÃÂàbakal dadi www.js utawa app.js gumantung carane sampeyan nggawe aplikasi Node. - Iku terserah sampeyan carane sampeyan pengin ngatur file log Penumpang. - Yen sampeyan wis nggawe app, sampeyan bakal weruh tombol kanggo "Run NPM Install". ¢ÃÂÃÂ. Jalanake iki lan bakal nggawe folder âÃÂÃÂnode_modulesâÃÂàkaro kabeh modul gumantung sing dibutuhake app. Sawise sampeyan nyiyapake aplikasi Node lan miwiti, bakal nggawe subfolder ing folder /home/public_html sampeyan. Sampeyan saiki kudu pindhah menyang folder kasebut lan ngowahi file .htaccess lan nambahake baris ing ngisor iki: RewriteEngine mati Iki ngalangi server Apache saka nulis ulang (utawa pangalihan) panjaluk apa wae sing kudu dituju menyang server API sampeyan kanthi utuh. Lan iku! Saiki aplikasi Node API sampeyan kudu aktif lan nanggapi telpon API sampeyan. == Dadi apa sabanjuré? == Saiki kita wis nyiyapake server API Node, kita bisa ngganti mburi ngarep React ing lingkungan pangembangan kita kanggo nuding server API iki. Utawa kita bisa nggunakake Postman kanggo nyoba telpon API kita. Ing artikel sabanjure kita bakal ndeleng hosting aplikasi React ing Namecheap lan cPanel.