ติดตั้งเวปแอปบน Nginx, Cloudflare, GitHub Page
อัปเดตล่าสุด
หน้าแรกของเวป https://svelte.dev/ เปลี่ยนไปใช้วิธีการสร้างโปรเจ็กแบบเดียวกับ SvelteKit แล้ว
npm create svelte@latest myapp
จะไม่มี App.svelte ให้ไปแก้ที่ +page.svelte แทน ส่วนวิธีการเขียนยังเหมือนเดิมครับ อาจจะข้ามไปดูตรง SvelteKit ก็ได้ครับ การ build ยืดหยุ่นมาก อาจจะต้องไปศึกษาหัวข้อ Adapter เพิ่ม เพื่อขึ้นเวปที่ต่างๆ
วิธีการติดตั้งเวปใช้งานบนอินเตอร์เน็ตกันได้ฟรีๆ หน้า HTML ธรรมดา หรือเวปแอปสร้างจาก Framework สมัยใหม่ก็ได้ (ในตัวอย่างใช้ Svelte)
- Web Server(ตัวอย่างใช้ Nginx) เป็นวิธีพื้นฐานสุดที่สุด เอาไฟล์วางแล้วใช้ได้เลย. โดยทั่วไปจะไม่ฟรี แต่ผมใช้ Raspberry PI ทำเวปเซิร์ฟเวอร์ที่บ้าน เปิดให้มันออกอินเตอร์เน็ต ด้วย Cloudflared Tunnel ใช้ฟรีเสียแค่ค่าไฟกับค่าอุปกรณ์ ถ้ามีเวลาจะทำคลิปวิธีติดตั้งอีกที
- Github Pages (ฟรี) สมัครใช้งานสร้าง repository ตามที่กำหนดเอาไฟล์ขึ้น repository ก็ใช้ได้เลย
- CloudFlare Pages(ฟรี) ดึงจากไฟลที่อยู่ใน Github มาทำเป็นเวป มีอีกวิธีที่ดีกว่าคือเอาโค้ดเก็บใน GitHub มา build บน CloudFlare ขึ้นเวปจริงทุกครั้งอัตโนมัติเมื่อโค้ดใน GitHup มีการอัปเดต ในตัวอย่างไม่ได้ใช้วิธีนั้น
[อ่านก่อน]
สำหรับ Github Page ส่วนใหญ่ที่ทำไม่สำเร็จมักจะเกิดจากสาเหตุดังนี้
- ภายใต้ repo ที่สร้างจำเป็นต้องมีไฟล์ index.html พร้อมกับไฟล์โฟลเดอร์ในโครงสร้างที่ถูกต้อง ไม่อยู่ซ้อนเข้าไปในโฟลเดอร์อีกที การขึ้นเวปเซิร์ฟเวอร์ทั่วไปก็ไม่ควรอยู่ในโฟลเดอร์ซ้อนเข้าไปเช่นกัน
- ชื่อ repository ไม่ถูกต้อง เช่นยูสเซอร์ sorawit-frappet สร้าง repo ตามนี้
https://github.com/sorawit-frappet/sorawit-frappet.github.io
จะได้ลิงค์เวปประมาณนี้
https://sorawit-frappet.github.io
*** ตัวอย่างเป็นแบบง่ายการทำ Routing ควรเป็นแบบ hash (#) จากในตัวอย่างจะใช้ Svelte ที่ build สำหรับเวปที่มีการ Route แบบใช้ History API จะต้องมีการตั้งค่าอีกแบบให้ทุก request ชี้(route)มาที่ inex.html ไฟล์เดียวคงจะได้ทำคลิปต่อๆไป
เอาขึ้น firebase ทำคล้ายๆแบบนี้ได้
https://youtu.be/tH-V9R8SM_Y
ติดตั้ง GitHub Desktop ก่อนทำตามคลิป
https://desktop.github.com/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «ติดตั้งเวปแอปบน Nginx, Cloudflare, GitHub Page», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.