ปรับใช้แค่ HTML, CSS หน้าเว็บไปยัง Tomcat


89

ฉันเพียงแค่การเริ่มต้นในการพัฒนาเว็บไซต์ ทั้งหมดที่ฉันมีในขณะนี้คือหน้าแบบ HTMLได้รับการสนับสนุนโดยคู่ของstylesheets CSS

ฉันสามารถสร้างไฟล์ WAR จากหน้า HTML และ CSS ได้หรือไม่ ฉันจะปรับใช้กับเซิร์ฟเวอร์ Tomcat ได้อย่างไร

ขอบคุณ.

คำตอบ:


156

ไม่จำเป็นต้องสร้างสงครามเพื่อเรียกใช้จาก Tomcat คุณสามารถทำตามขั้นตอนเหล่านี้

  1. สร้างโฟลเดอร์ในโฟลเดอร์ webapps เช่น MyApp

  2. ใส่ html และ css ของคุณในโฟลเดอร์นั้นและตั้งชื่อไฟล์ html ซึ่งคุณต้องการให้เป็นหน้าเริ่มต้นสำหรับแอปพลิเคชันของคุณ index.html

  3. เริ่ม tomcat และชี้เบราว์เซอร์ของคุณไปที่ url "http: // localhost: 8080 / MyApp" หน้า index.html ของคุณจะปรากฏขึ้นในเบราว์เซอร์


1
ฉันสร้างโฟลเดอร์ MyApp1 ภายใต้ / usr / share / tomcat6 / webapps / และคัดลอก html ที่ฉันใช้งานกับ MyApp1 เปลี่ยนชื่อเป็น index.html localhost: 8080 / MyApp1 - ให้ข้อผิดพลาด 404
Van de Graff

2
เพิ่งดาวน์โหลด tomcat 6 ลองทำตามขั้นตอนด้านบนบน windows XP ของฉันและใช้งานได้ เนื่องจากคุณใช้งานบน linux (ฉันเดาว่ามาจาก 'usr / share') ฉันไม่สามารถสร้างสถานการณ์ของคุณใหม่ได้ทั้งหมด แต่ลองทำสิ่งต่อไปนี้ - ชี้เบราว์เซอร์ของคุณไปที่ localhost: 8080 หากคุณเห็นหน้าตัวจัดการ tomcat ที่มุมล่างซ้ายให้คลิกที่ตัวอย่าง servlet ตรวจสอบเส้นทางของหน้าผลลัพธ์ ชี้ไปที่ index.html ในพา ธ โฟลเดอร์ servlets ซึ่งกำหนดโดยเพจในเบราว์เซอร์ คุณต้องตั้งค่าแอปพลิเคชันของคุณในบรรทัดเดียวกัน
Gaurav Saxena

ฉันสามารถยืนยันได้ว่าวิธีการของ gauravs ได้ผล - ฉันก็ลองสิ่งเดียวกันด้วย
Nidhin_toms

สมบูรณ์แบบ! ขอขอบคุณ.
kholofelo Maloma

1
@VandeGraff นั่นอาจเป็นเพราะคุณไม่มีสิทธิ์ในการอ่าน โดยปกติไฟล์ที่อยู่ภายใต้ / usr / * จะมีปัญหาการอนุญาต .... ฉันใส่ของฉันไว้ที่ /home/myAccount/installations/tomcat/webapps/myApp/index.html
kholofelo Maloma

32

นี่คือการตั้งค่าของฉัน: ฉันใช้ Ubuntu 9.10

นี่คือสิ่งที่ฉันทำ

  1. สร้างโฟลเดอร์ชื่อ " tomcat6-myapp " ใน/ usr / share
  2. สร้างโฟลเดอร์ " myapp " ภายใต้/ usr / share / tomcat6-myapp
  3. คัดลอกไฟล์ HTML (ว่าผมจำเป็นต้องปรับใช้) ไป/ usr / share / tomcat6-myapp / myapp มันจะต้องมีชื่อindex.html
  4. ไปที่/ etc / tomcat6 / Catalina / localhost
  5. สร้างไฟล์ xml " myapp.xml " (ฉันเดาว่าต้องมีชื่อเดียวกับชื่อของโฟลเดอร์ในขั้นตอนที่ 2) ภายใน / etc / tomcat6 / Catalina / localhost โดยมีเนื้อหาต่อไปนี้

    < Context path="/myapp" docBase="/usr/share/tomcat6-myapp/myapp" />
    
  6. xml นี้เรียกว่า ' Deployment Descriptor ' ซึ่ง Tomcat อ่านและปรับใช้แอปของคุณที่ชื่อ " myapp " โดยอัตโนมัติ

  7. ตอนนี้ไปที่http: // localhost: 8080 / myappในเบราว์เซอร์ของคุณ - tomcat ได้รับ index.html และแสดงขึ้น

ฉันหวังว่านี่จะช่วยได้!


อย่าลืมใส่ลงใน xml<?xml version="1.0" encoding="UTF-8"?>
volperossa

3

นี่คือขั้นตอนของฉันใน Ubuntu 16.04 และ Tomcat 8

  1. คัดลอกโฟลเดอร์ / var / lib / tomcat8 / webapps / ROOT ไปยังโฟลเดอร์ของคุณ

    cp -r / var / lib / tomcat8 / webapps / ROOT / var / lib / tomcat8 / webapps / {yourfolder}

  2. เพิ่ม html, css, js ของคุณลงในโฟลเดอร์ของคุณ

  3. เปิด " http: // localhost: 8080 / {yourfolder}" ในเบราว์เซอร์

หมายเหตุ:

  1. หากคุณใช้เว็บเบราว์เซอร์ Chrome และทำโฟลเดอร์ผิดมาก่อนให้ล้างแคชของเว็บเบราว์เซอร์ (หรือเปลี่ยนชื่ออื่น) มิฉะนั้น (บางครั้ง) จะเป็น 404 เสมอ

  2. จำเป็นต้องใช้โฟลเดอร์ META-INF ที่มี context.xml


2

หากคุณต้องการสร้างไฟล์. war คุณสามารถปรับใช้กับอินสแตนซ์ Tomcat โดยใช้แอพ Manager สร้างโฟลเดอร์ใส่ไฟล์ทั้งหมดของคุณในโฟลเดอร์นั้น (รวมถึงไฟล์ index.html) ย้ายหน้าต่างเทอร์มินัลของคุณไปยังโฟลเดอร์นั้นและดำเนินการ คำสั่งต่อไปนี้:

zip -r <AppName>.war *

ฉันได้ทดสอบกับ Tomcat 8 บน Mac แล้ว แต่ควรใช้งานได้ทุกที่

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.