阿里云服務器搭建web項目小結,阿里云搭建各種服務器

阿里云服務器搭建web項目小結

前言

最近恰好有時間，自己搞了個云服務器試著搭建了個網站，遇到了一些問題，通過踩坑也漲了一些經驗，遂記錄一二，與后來者分享。

正文

1、博主用的阿里云服務器，為什么用它呢一個是恰逢雙十一，有優惠；另一個原因，它畢竟是國內市場占有率最高的廠家，各種學習資料應該也是最多的。各位園友自建網站時按自身情況酌情選擇即可。

如果用阿里云服務器的話，按照官網上的教程來操作是最好的選擇，現在各類形形色色的博客里的安裝操作教程均會有不同程度的不詳盡，指不定那里就會埋坑。阿里云服務器手動搭建javaweb環境的官網教程的網址【https://help.aliyun.com/documentdetail/51376.html spm=5176.12901015.0.i12901015.af8f525cCPi8QI】，在此教程頁的左邊菜單欄，還有包括數據庫搭建、鏡像操作等各種教程，而且很詳細，直接照著做即可，快捷高效。

2、打tomcat用的war包

博主用的idea，直接打開maven的右側操作欄，找到根module，先clean再package

這時在你的項目目錄下就有最新的war包了

包名稱可以直接在所打包的項目的pom.xml中自定義，如下所示：

3、tomcat啟動報錯

org.apache.catalina.LifecycleException:Failed to start component[StandardEngine[Catalina].StandardHost[localhost].StandardContext[/points]]

錯誤信息截圖如下：

這時由于tomcat的版本與jdk版本沖突導致的，一般來說jdk1.7對應tomcat7，jdk1.8對應tomcat8，我最開始是用的jdk1.8搭配tomcat7，所以出現了上述問題。將tomcat換成8后問題解決。

4、H5入門

最近也順便研究了一下h5開發，這樣一些簡單的頁面自己就能搞定了。

首先說一下h5的開發環境搭建。我用的是Visual Studio Code（簡稱VSC）+Node.js+Vue。為方便大家對照后端技術理解H5前端用的技術，可以先這樣理解：VSC是前端常用的開發工具，類比后端用的Idea和Eclipse，它們作用是一樣的；Node.js是vue的開發環境，類比我們后端的JDK；而vue可以類比成我們的Spring框架，簡化開發，功能強大；npm是用于包管理的，類似我們的maven。這樣一類比，相信大家都有一個更直觀的感受了。下面大體說一下我的搭建過程。

1)、下載node.js https://nodejs.org/en/

具體操作參見博客【https://www.cnblogs.com/lunlunshiwo/p/7476031.html】

2)、正常的npm服務在國外，安裝較慢，此處我們使用國內的，安裝指令

npm installg cnpmregistry=http://registry.npm.taobao.org

安裝完之后用cnpmv指令查看

3)、安裝vuecli一種全局腳手架，用于搭建所需的模板框架，但注意此處直接運行上述指令可能會卡主，執行下面的就好了：

npm config set registry https://registry.npm.taobao.orgglobal

然后npm installg vue/cli

注意安裝過程要運行管理員權限的cmd指令操作頁面，如果還有報錯，用指令npm installg npm latest將版本升到最新。

4)、初始化環境

npm installg vue/cliinit

vue init webpack myproject

一頓yes往下走就行了，初始化完項目之后的目錄是這樣的

5)、集成VScode

參見博文【https://blog.csdn.net/mao834099514/article/details/79138484】

6)、增加智能提示

點擊extension按鈕，如下圖，點擊后搜索intelliSense，選擇node.js的和css，就會有智能提示了

7)、增加標簽自動補全功能

同樣在extension處安裝三個插件即可：Auto Close Tag/Auto Rename Tag/Auto Complete Tag

8)、npm run dev

去訪問項目吧

好了，這次就到這里，如果有問題或者疑問，歡迎大家留言區交流，謝謝閱讀

特別聲明：以上文章內容僅代表作者本人觀點，不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。