javascript --- 在linux上部署項目

最近對照視頻,用bootstrap + jquery 寫了一個純前端頁面.想把它放在服務器上,供遠程使用.

準備服務器和域名

我服務器和域名是在騰訊云上租的,網址: https://cloud.tencent.com/
注: 域名很便宜,挑個好的哈哈哈… 服務器(阿里云有個學生價…但是我那個學生價的賬號找不到了…).還好騰訊云免費給我用了14天…

服務器信息如下:
在這里插入圖片描述
我的公網ip是130.155.146.151 后面會用域名系統 映射到該ip (注,購買服務器后,大概10分鐘會發郵件,告訴你登錄的名稱,密碼…這個時候才能用)

將域名對應到ip:
在這里插入圖片描述
我的域名是lzhhc.cn(7塊錢一年…真心便宜)
點擊解析
在這里插入圖片描述
快速添加網站/郵箱解析 -> 網站解析 -> 輸入剛才的公網ip

在這里插入圖片描述
完成后,就可以將域名對應到 130.155.146.151 上面

準備好公用ip和方便記憶的名稱后. 下面需要將程序暴露出來(tomcat+ java).

下載好以下的兩個包
apache-tomcat-7.0.96.tar.gz
jre-7u79-linux-x64.tar.gz

使用 **FlashFXP **: 將tomcat和java傳到 遠程服務器(130.155.145.151)上
在這里插入圖片描述
在這里插入圖片描述
根據騰訊云發給你的郵件填寫.
完事后就可以傳文件了(比較慢,耐心等待)…

創建一個demo目錄 并將需要的依賴都放進去:
在這里插入圖片描述
下面分2步:
1.配置java全局環境.
2.修改tomcat里面的8080(默認)端口號為80

在這里插入圖片描述
在這里插入圖片描述
登錄后就進入了遠程服務器的linux命令行界面了。
使用命令進入配置環境變量

# 1.
vim /etc/profile# 2. G命令跳到文件尾部 小寫的 i 進行輸入# 3. 在末尾添加
JAVA_HOME=/root/demo/jdk1.8.0_181
PATH=/root/demo/jdk1.8.0_181/bin:$path
export JAVA_HOME PATH# 4. ESC 然后 :wq 保存退出

上面我們,配置好了java的環境變量(此時未生效,需要重啟終端.),接下來我們修改tomcat的配置文件.

# 1.
vi /root/demo/apache-tomcat-7.0.96/conf/server.xml# 2. 按/8080 快速檢索到 8080 將其修改為80# 3. ESC :wq  保存并退出

全部配置完畢后,將自己的項目導入/root/demo/apache-tomcat-7.0.96/webapps/

然后重啟終端!進入tomcat的bin目錄執行 sh startup.sh

cd /root/demo/apache-tomcat-7.0.96/bin/
sh startup.sh

在這里插入圖片描述
Tomcat started代表啟動成功.
可以在瀏覽器輸入 lzhhc.cn/02 訪問到了…(這個項目 我做了不到2天。。。 將就看吧).

PS:

# 查詢tomcat:
ps -ef|grep tomcat# 刪除tomcat 線程
kill -9 id

在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:
http://www.pswp.cn/news/250889.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/250889.shtml
英文地址,請注明出處:http://en.pswp.cn/news/250889.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【openssl】利用openssl完成X509證書和PFX證書之間的互轉

利用openssl完成X509證書和PFX證書之間的互轉 # OpenSSL的下載與安裝: 1、下載地址: 官方網址—— https://www.openssl.org/source/ OpenSSL for Windows —— http://gnuwin32.sourceforge.net/packages/openssl.htm 2、安裝:此處已OpenSSL…

11 父子組件數據關系與狀態提升

含義 狀態提升:兩個組件(無父子關系)共享一個數據并且同步數據變化類組件調用(實例化)的時候,組件內部的狀態是唯一且獨立的組件嵌套與調用,和是類組件(render)還是函數…

SQL SERVER 一個SQL語句的執行順序

SQL SERVER 一個SQL語句的執行順序 原文:SQL SERVER 一個SQL語句的執行順序一個SQL 語句的執行順序 1、From (告訴程序 來自哪張表 如果是表表達式 依舊是如此順序) 2、Where(條件篩選 謂詞篩選 ) 3、Group by(分組) 4、Having&…

JS-事件內置對象event

getKeyCode(event)當中的event必須全部小寫&#xff0c;是JS中時間內置對象&#xff0c;可以直接拿來用&#xff0c;event內種對象代表此刻發生的事件 1 <!doctype html>2 <html lang"en">3 <head>4 <meta charset"UTF-8">5 …

工具分享 --- 分享一個在線制作ico的網站

還不錯… 生成后一般放在imgs的下面. link:favicon tab 導入鏈接http://www.faviconico.org/

laravel遷移文件

laravel遷移文件的命令 Laravel鼓勵敏捷、迭代的開發方式&#xff0c;我們沒指望在第一次就獲得所有正確的。我們對于自己編寫代碼,可以通過遷移文件,不斷的重復去測試.對于工作&#xff0c;我們開發一個完整的項目,是需要我們每個人相互配合,就好比用svn,git版本控制工具來存儲…

12 組合與繼承、CSS Module

組合與繼承 若Container內部有內容&#xff0c;React會在props內部增加children屬性若Container內部有非元素內容&#xff0c;children&#xff1a;非元素內容若Container內部有單個元素內容&#xff0c;children&#xff1a;React元素對象若Container內部有多個元素內容&…

工具分享 --- tinyPNG,大圖片壓縮工具

今天自己的寫的項目跑在了遠程服務器上… 圖片加載的速度讓人難以接受, 于是各種百度找到了一個在線找到了個圖片壓縮的網站 TinyPNG 可以看一下壓縮的效果…真心不錯啊… 網站如下: https://tinypng.com 額…有些大于5M的需要錢,才能壓縮… 用系統畫圖工具…貌似也能壓縮… …

Mysql 忘記管理員密碼更改

對管理員設置密碼第一種方式&#xff1a;#mysqladmin -u root password new-password;#mysqladmin -u root -h localhost password new-password;mysql的選項可以不帶空格&#xff0c;有時候帶空格是錯 第二種方式&#xff1a; set password for rootlocahostPASSWORED(); 第三…

ironic如何支持部署時按需RAID?

ironic如何支持部署時按需RAID&#xff1f; 新浪大神推薦使用element proliant-tools制作deploy image。element proliant-tools會在ipa ramdisk中安裝一個rpm包hpssacli&#xff08;HP的RAID管理工具&#xff09;&#xff0c;和一個python module proliantutils&#xff08;里…

14 代碼分割之lazy:Suspense與路由懶加載

lazy內置方法 Suspense內置組件 lazy是React提供的懶&#xff08;動態&#xff09;加載組件的方法&#xff0c;React.lazy() 能減少打包體積、延遲加載首屏不需要渲染的組件 依賴內置組件Suspense&#xff1a;給lazy加上loading指示器組件的一個容器組件 Suspense目前只和la…

三年工作的總結

其實開通博客已經有四年之久了,但遺憾的是從來沒有認真寫過一篇博客,只是在平時會瀏覽一些大牛寫過的博客。 其實我覺得做技術的定期總結自己的經驗還是很重要的。 不知不覺參加工作已經三年了,三年時間真的過得很快,想當初帶著一腔熱血,一個背包走天下,來到上海,從零開始&…

css --- 兄弟選擇器

語法: /* 查找后邊的一個兄弟元素 */ 兄弟元素 兄弟元素/* 查找后邊的所有兄弟元素 */ 兄弟元素 ~ 兄弟元素<head><style>#maindiv {color: red;}#main~div {background-color: #e0e0e0;}</style> </head> <body><div id"main"&g…

面向對象特征:封裝、多態 以及 @propetry裝飾器

&#xff08;繼承補充&#xff09;組合objfun()#對象obj.attrfoo()#對象的屬性等于另一個對象什么是組合&#xff1a; A類的對象具備某一個屬性&#xff0c;該屬性的值是B類的對象基于這種方式就把A類與B類組合到一起對象既能使用A類中的數據與功能&#xff0c;也能使用B類中的…

15 錯誤邊界與使用技巧

錯誤邊界 React16增加防止某個組件的UI渲染錯誤導致整個應用崩潰子組件發生JS錯誤&#xff0c;有備用的渲染UI錯誤邊界是組件&#xff0c;只能用class組件來寫 錯誤邊界組件捕獲錯誤的時機 渲染時生命周期函數中組件樹的構造函數中 getDerivedStateFromError 生命周期函數…

深入探究Spark -- Cluster Manger部署(最常用為YARN實現Task Scheduler)

部署方式有&#xff1a;Standalone&#xff08;Spark的Deploy模塊&#xff09;、Mesos、YARN、EC2、LocalSparkContext創建時&#xff0c;通過傳入的Master URL不同&#xff0c;創建不同的SchedulerBackend和TaskScheduler&#xff0c;在spark.SparkContext#createTaskSchuster…

es6 --- Promise.all等待多個異步任務執行

項目中遇到一個問題,要用多個http請求,獲取數據,然后將獲取的數據統一處理… 第一反應想到用promise.all來做… 下面進入主體 // 首先使用promise封裝http請求. function getListByDetecttype (params) {return new Promise((resolve, reject) > {let param params ? par…

16 代碼分割之錯誤邊界與Suspense和命名導出

代碼分割之錯誤邊界與Suspense const Main React.lazy(() > import(./main)) class ErrorBoundary extends React.Component {state {hasError: false,}static getDerivedStateFromError(err) {console.log(getDerivedStateFromError err, err)return {hasError: true}}c…

Python 原生爬蟲

Python3 實現游戲主播人氣排行榜 from urllib import request import re# 爬取某個游戲主播的人氣&#xff08;每個游戲主播的觀看人數&#xff09;排行榜 爬蟲前奏&#xff1a;明確爬蟲目的找到數據對應的網頁分析網頁的結構找到數據所在的標簽位置模擬HTTP請求&#xff0c;向…

Mac 下查看網絡端口占用情況

1、Mac 下查看網絡端口占用情況 有的時候關閉了服務器&#xff0c;但是端口還是占用&#xff0c;解決的方法是 kill 掉占用該端口的進程。 # 查看 8009 端口的占用情況 $ lsof -i:8009 可以看到&#xff0c;該端口被 id 為 4215 的進程所占用&#xff0c;這個時候直接在命令…