ยินดีต้อนรับกลับ.
เรามีแอปพลิเคชั่นขวดของเรา
ที่บันทึกข้อมูลติดต่อของผู้ใช้ลงในไฟล์ CSV
และทั้งหมดนี้ยอดเยี่ยมมาก
มันใช้งานได้ดีจริงๆ
ใช่ไหม
เรามีเว็บไซต์ที่สวยงาม
เรายังมีแบบฟอร์มการติดต่อ
แต่มีปัญหาที่นี่
คุณเห็นไหม เรากำลังเรียกใช้เบราว์เซอร์และเซิร์ฟเวอร์บนคอมพิวเตอร์เครื่องเดียวกัน
แต่นี่ไม่ใช่ชีวิตจริง เพราะถ้าฉันให้ URL นี้กับเพื่อน พวกเขาจะไม่สามารถเห็นได้เพราะสิ่งนี้
ที่อยู่ชี้ไปยังโฮสต์ท้องถิ่น
มันบอกว่าโฮสต์ท้องถิ่น
แบบนี้.
มันเป็นสิ่งเดียวกันโดยโฮสต์ในพื้นที่ก็หมายถึงคอมพิวเตอร์ของคุณ
ดังนั้นจึงไม่เหมือนใคร แต่เราสามารถเข้าถึงแอพของเราได้
มันไม่สนุกเลยเหรอ?
ตามหลักการแล้ว เราสามารถสร้างแอปนี้เพื่อส่งให้เพื่อนทุกคน สมาชิกในครอบครัวของเรา และอาจเป็นไปได้ว่านายจ้างในอนาคต
แล้วเราจะทำสิ่งนี้ได้อย่างไร?
ในวิดีโอนี้ ฉันจะแสดงให้คุณเห็นถึงวิธีที่สนุกและง่ายในการปรับใช้แอปพลิเคชันของคุณหรือเว็บไซต์ของคุณทางออนไลน์
เราจะใช้สิ่งที่เรียกว่า Python ทุกที่ และ Python ทุกที่จะช่วยให้เราสามารถโฮสต์ไฟล์ของเราได้
นั่นคือไฟล์ทั้งหมดที่เรามีที่นี่บนเซิร์ฟเวอร์ที่พวกเขาให้เราฟรี
ดังนั้นสิ่งนี้จึงฟรีอย่างสมบูรณ์
สิ่งที่คุณต้องทำคือเพียงแค่เข้าสู่ระบบ
และคุณสามารถคลิกที่สมัคร
คุณจะเห็นว่าพวกเขามีแผนราคาที่แตกต่างกัน ดังนั้นคุณจึงสามารถชำระค่าบริการได้จริง
แต่สำหรับแผนเริ่มต้นที่คุณสามารถสร้างเว็บแอปพลิเคชันเดียว เราสามารถทำได้ฟรี
มาสร้างบัญชีเริ่มต้นและสร้างชื่อผู้ใช้และรหัสผ่านของคุณกัน
ยอมรับเงื่อนไข
แน่นอนว่าฉันอ่านทุกอย่างแล้ว
โอ้.
คนอื่นเอาชื่อผู้ใช้ของฉันไป
พวกเขากล้าดียังไง?
ไปกับอังเดร
สร้างบัญชีของคุณเองอีกครั้ง
และเราไปที่นั่น
เรามีแดชบอร์ดของเรา
วิธีการทำงานของ Python ในทุกที่คือเราต้องโหลดไฟล์บนเครื่อง
เหมือนกับว่าเรามีไฟล์ของเราตรงนี้ในคอมพิวเตอร์ของเรา
เราจำเป็นต้องอัปโหลดไปยัง Python ทุกที่ในฐานะคอมพิวเตอร์
วิธีที่เราทำได้คือการใช้ GitHub
ดังนั้นฉันจะเปิดบัญชี GitHub ของฉัน
ฉันจะคลิกที่ที่เก็บใหม่
และฉันจะสร้างโครงการของฉันที่นี่
เลยเรียกมันว่า
Portfolio เพราะมันฟังดูเท่และชื่อที่ทันสมัยทั้งหมดนั้นสั้นเช่นนี้
นี่คือโครงการพอร์ตโฟลิโอของฉัน
ฉันจะทำให้มันเป็นสาธารณะแล้วเริ่มต้นด้วยฉันแล้วสร้างที่เก็บ
จากนี้ไปฉันจะโคลน
ที่เก็บข้อมูลนี้
หากคุณได้ตั้งค่า SSH คุณสามารถคัดลอก ssh ได้
มิฉะนั้นให้ใช้ https ซึ่งอาจถามรหัสผ่าน github ของคุณเมื่อคุณโคลน
ทั้งหมดที่ฉันต้องทำตอนนี้คือเปิดเทอร์มินัลใหม่
มาทำให้มันใหญ่ขึ้นอีกหน่อย
และบอกว่ารับโคลนแล้วคัดลอกและวาง URL เพื่อให้โคลนเป็นโครงการ
จากนี้ไปถ้าฉันเปิดสิ่งนี้
เรามีเว็บเซิร์ฟเวอร์และพอร์ตโฟลิโอของเรา ซึ่งก็คือบัญชี GitHub ของเรา
ดังนั้นเราจึงสามารถคัดลอกไฟล์ได้ที่นี่
ตอนนี้ที่เราต้องการจริงๆ คือ เราต้องการฐานข้อมูล CSP เพราะสิ่งเหล่านี้จะเป็นไฟล์ที่เราต้องการอัปโหลดไปยัง
Python ทุกที่
ตอนนี้ ให้เลือก CSV ไฟล์เซิร์ฟเวอร์ py โฟลเดอร์สแตติก โฟลเดอร์เทมเพลต
เพราะนั่นคือไฟล์ทั้งหมดที่ใช้แอพ Flask ของเรา
ทีนี้ ถ้าฉันคัดลอกและวางสิ่งนี้ในนี้
คุณอาจจะถามตัวเองว่า แล้วไฟล์อื่นๆ ล่ะ?
มีเคล็ดลับที่นี่เพราะไฟล์เหล่านี้ถูกสร้างขึ้นเนื่องจากสภาพแวดล้อมเสมือนของเรา
ถูกต้อง.
เรามีของเช่นขวดติดตั้งอยู่
เรามีห้องสมุดเช่น Python 3 7.
เรามีโฟลเดอร์แคชของพาย
โดยพื้นฐานแล้ว โฟลเดอร์เหล่านี้สร้างสภาพแวดล้อมเสมือนสำหรับเรา
อย่างไรก็ตาม มีเคล็ดลับที่น่าสนใจที่เราสามารถทำได้
เราสามารถเรียกใช้คำสั่งที่เรียกว่า Pip Freeze
และจำไว้ว่า คุณอาจต้องทำ PIP สามตามประเภทการติดตั้ง Python บนเครื่องของคุณ
แต่ถ้าคุณทำเช่นนั้น pip จะทำให้ลูกศรเล็ก ๆ นี้เป็นอิสระแล้วจึงต้องการข้อความดอท
สังเกตว่าเกิดอะไรขึ้นเมื่อมีการเพิ่มข้อความข้อกำหนดนั้นในโครงการของฉัน
ดูนี้.
คุณเห็นไหม
ฉันเข้าใจแล้ว
ข้อกำหนดจุดข้อความและข้อกำหนดนี้ข้อความ
หากเราคลิกเข้าไป เราจะเห็นว่าเรามีข้อกำหนดสำหรับแอปของเราในการทำงาน
และสิ่งที่ยอดเยี่ยมเกี่ยวกับสิ่งนี้คือขวดและเหงือกสำหรับเทมเพลตของเรา ซึ่งเรารวมไว้ในไลบรารีของเราที่นี่
สามารถนำมาใช้กับข้อความข้อกำหนดที่ไม่จำเป็นต้องอัปโหลดไปยัง GitHub แต่ใช้ไฟล์นี้เป็นไฟล์แทน
วิธีที่เราจะติดตั้งบนเครื่องในอนาคต การอ้างอิงใด ๆ เหล่านี้
ฉันจะแสดงให้คุณเห็นว่าฉันหมายถึงอะไร
ตัวอย่างเช่น สิ่งที่เราสามารถทำได้คืออัปโหลดไฟล์ทั้งหมดเหล่านี้ไปยัง Python ที่ใดก็ได้ใช่ไหม
แต่นั่นเป็นไฟล์จำนวนมากและงานเยอะมาก
แต่เราอัปโหลดเฉพาะไฟล์สำคัญที่เราเขียนรวมถึงข้อกำหนดดอทเท็กซ์และ Python
โดยอัตโนมัติทุกที่ที่จะสามารถติดตั้ง Flask และ Jinja และข้อกำหนดอื่น ๆ ทั้งหมดโดยดูที่ข้อความข้อกำหนด
ตอนนี้ กลับไปที่เดสก์ท็อปของเราและคัดลอกข้อความข้อกำหนดด้วย
เข้าสู่หน้าผลงานของเรา
ตอนนี้เรามีไฟล์ทั้งหมดที่เราต้องการสำหรับ GitHub
หากเราย้อนกลับไป เราสามารถเข้าไปที่โฟลเดอร์พอร์ตโฟลิโอของเราได้
จากนั้นเพียงพูดว่า เพิ่มทุกอย่าง จากนั้นให้คอมมิตและส่งข้อความถึงมัน
เว็บไซต์ผลงานของฉัน
เราจะไปที่นั่น.
และในที่สุดก็ได้รับ Push Origin Master
และเช่นเดียวกัน ถ้าฉันกลับไปที่ GitHub
และฉันรีเฟรช
ดูนั่นสิ
ฉันมีไฟล์ทั้งหมดสำหรับโครงการพอร์ตโฟลิโอของฉัน
ดังนั้นเมื่อใช้ GitHub ตอนนี้เราสามารถอัปโหลดไปยังแดชบอร์ด Python ของเราได้ทุกที่
วิธีที่เราจะทำคือตอนนี้โคลน repo นี้กับไฟล์เหล่านี้ทั้งหมด
และเราจะใช้ HTTPS
มาคัดลอกสิ่งนี้แล้วไปที่แดชบอร์ดของเรา
ในคอนโซลนี้ เราสามารถกด bash ได้ ซึ่งจะเป็นการเปิดเทอร์มินัลที่คอมพิวเตอร์ของเราซึ่งโฮสต์โดย
Python อยู่ทุกที่
มาทำให้มันใหญ่ขึ้นอีกหน่อย
และที่นี่ฉันสามารถพูดได้ว่าได้รับโคลน
และโคลน repo นี้
เราจะไปที่นั่น.
และตอนนี้ถ้าเราทำน้อยลงและจำไว้ นี่คือเครื่อง Linux
ดังนั้นคำสั่ง Linux เช่น LLS จะทำงาน
ดังนั้นเราจึงเห็นว่าเรามีข้อความและแฟ้มผลงาน
มาดูพอร์ตโฟลิโอกัน
และเราเห็นที่นี่ว่าเราได้ดูไฟล์ทั้งหมดของเราในเครื่องของเราแล้ว
สิ่งที่เจ๋งก็คือ ถ้าฉันกลับไปที่แดชบอร์ด และเข้าไปในไฟล์ของฉัน
คุณจะเห็นว่าในไดเร็กทอรี ฉันมีโปรเจ็กต์พอร์ตโฟลิโอ ซึ่งเป็นไฟล์ที่เราสร้างขึ้น
มันเจ๋งแค่ไหน?
ตอนนี้ฉันมีไฟล์ทั้งหมดที่จำเป็นสำหรับฉันในการเรียกใช้แอป
แต่เราจะรันแอพได้อย่างไร?
เรามีแท็บเว็บแอป
ดังนั้น โปรดจำไว้ว่า ด้วยระดับฟรี เราสามารถเข้าถึงเว็บแอปฟรีหนึ่งรายการ
ให้เปิดแท็บเว็บและเพิ่มเว็บแอปใหม่
น่าเสียดายที่ระดับฟรี คุณสามารถมีชื่อโดเมนที่กำหนดเองได้
นั่นคือวิธีที่คุณจะพูดว่า Andre Nagoya dot com หรือเว็บไซต์อะไรก็ได้ที่คุณต้องการ
แต่พวกเขาจะสร้างขึ้นมาให้คุณ แต่นั่นคือสิ่งที่คุณสามารถพิจารณาได้ด้วยตัวเองหากคุณต้องการจ่ายเงิน
แต่ตอนนี้ ลองใช้ Free Tier กันก่อน เพื่อเลือก Python framework ที่เราอยากใช้
และฉันกำลังจะทำการกำหนดค่าด้วยตนเอง
เราสามารถเลือก Python เวอร์ชันใดก็ได้ที่เราต้องการ
ลองทำ 3 6 สำหรับตอนนี้เพราะนั่นคือสิ่งที่เราใช้
และสุดท้ายคลิกถัดไป
เราจะไปที่นั่น.
เรามีโครงการ Python ของเราที่ที่อยู่ URL นี้
แต่ถ้าผมคลิกเข้าไป
เอาล่ะ ฉันได้รับ สวัสดีชาวโลก
มันทำงาน
แต่นี่ไม่ใช่พอร์ตโฟลิโอของเรา แล้วเราจะทำให้มันสำเร็จได้อย่างไร?
มีบางสิ่งที่เราต้องตั้งค่า
ขั้นแรก ฉันจะเชื่อมโยงคุณกับบทช่วยสอนนี้เพื่อแสดงวิธีตั้งค่าในกรณีที่คุณมีปัญหา
แต่ขอไปทีละขั้นตอน
ขั้นแรก สิ่งที่เราต้องทำคือเลื่อนลง
และป้อนรหัสที่มา
นั่นคือรหัสที่เรากำลังมองหาอยู่ที่ไหน?
ถ้าคุณจำได้.
ไปที่นี่เพื่อไฟล์.
เรามีแฟ้มผลงานของเรา
สิ่งที่เราอยากทำในเว็บคือบอกว่าเราต้องการพอร์ตโพธิ์ที่นี่
และจะสร้างลิงค์ให้เราโดยอัตโนมัติ
นั่นคือที่มาของเรา รหัสเซิร์ฟเวอร์ของเรามีอยู่
ทีนี้ ถ้าเรากลับมาที่นี่ เราได้นำโค้ดของเราไปไว้ใน Python ทุกที่ แล้วเราต้องตั้งค่าสภาพแวดล้อมเสมือนของเรา
ดังนั้นเราต้องเปิดคอนโซลของเรา
มาทำให้มันใหญ่ขึ้นอีกนิดแล้วรันคำสั่งเหล่านี้
ในกรณีของเรา เพราะเรากำลังใช้ Python 3 6 เราแค่จะคัดลอกสิ่งนี้
ไปที่ของเรา
Dashboard เข้าแบทช์อีกครั้ง
นั่นคือคอมพิวเตอร์ที่เราจะให้บริการไฟล์ของเรา
จากนั้นคัดลอกและวางเพื่อสร้างสภาพแวดล้อมเสมือนที่เรียกว่า EMF เสมือนของฉัน
และในขณะที่กำลังติดตั้ง
งานต่อไปของพวกเขาคือการติดตั้ง Flask
อีกครั้ง เราจะคัดลอกสิ่งนี้
ลองใช้ pip install flask กัน
และคุณจะสังเกตเห็นที่นี่ขณะที่กำลังติดตั้งขวด
ว่าตอนนี้เราอยู่ในสภาพแวดล้อมเสมือนจริง
ดูว่ามันบอกว่า EMF เสมือนของฉันเป็นอย่างไร ซึ่งเราบอกให้ตั้งชื่อสภาพแวดล้อมเสมือนของเราที่นี่
จากนั้นขั้นตอนต่อไปคือการรันคำสั่งนี้
อันที่จริง คำสั่งนี้ไม่ทำอะไรเลย เพราะคำสั่งนี้ที่ใช้งานได้ จะพาเราไปยังสภาพแวดล้อมเสมือนของเรา
ซึ่งเราได้สร้างไว้แล้ว
นี้สำหรับครั้งต่อไป
เมื่อใดก็ตามที่คุณ ให้ย้อนกลับไปและเปิดคอนโซลเพื่อให้แน่ใจว่าคุณทำงานในสภาพแวดล้อมเสมือนของเราอยู่เสมอ
ในนี้ถ้าฉันดูไฟล์.
ฉันมีโครงการพอร์ตโฟลิโอของฉัน
แต่ฉันยังสามารถเรียกใช้โดยใช้ข้อความข้อกำหนดที่เรามีในกรณีที่เรามีการอ้างอิงจำนวนมาก
เราสามารถเรียกใช้คำสั่งนี้ได้จริงเพื่อให้อ่านข้อกำหนดของเรา
ข้อความ.
เพื่อติดตั้งการพึ่งพาใด ๆ
โอ้.
ไม่สามารถเปิดไฟล์ได้เพราะเราต้อง seed ลงในพอร์ตโฟลิโอก่อนแล้วจึงรันคำสั่งนี้
ในกรณีของเรา เราไม่มีข้อกำหนดมากมายขนาดนั้น และทุกอย่างถูกกำหนดไว้ตั้งแต่เราติดตั้ง FLASK
แต่นี่คือวิธีที่เราใช้ข้อกำหนดในการติดตั้งข้อความเพื่อติดตั้งการพึ่งพาทั้งหมดของเรา
สุดยอด.
เมื่อกลับไปที่บทช่วยสอน เราจะเห็นว่าเราได้ตั้งค่าสภาพแวดล้อมเสมือนของเราแล้ว และเราจำเป็นต้องไปที่แท็บเว็บของเราเพื่อตั้งค่าสภาพแวดล้อมเสมือนของเรา
เพื่อให้รู้ว่าแท็บเว็บจะค้นหาสภาพแวดล้อมนี้ที่ไหน
ย้อนกลับไปตอนนี้เราสามารถไปที่เว็บของเราได้แล้ว
และฉันรู้ว่ามันทำให้สับสน
นี่คือสิ่งที่เกิดขึ้นเมื่อคุณกำหนดค่าบนเว็บไซต์
เป็นหนึ่งในสิ่งที่คุณเพียงแค่ต้องเรียนรู้หรือปฏิบัติตามเอกสาร
ที่นี่ใน EMF เสมือน
เราจะทำตามที่พวกเขาถาม
เพิ่มชื่อสภาพแวดล้อมเสมือนของเรา ซึ่งเป็นเสมือนของฉัน
ดังนั้นอีกครั้ง เราจะคัดลอกสิ่งนี้และให้ลิงก์แก่เราโดยอัตโนมัติ
สุดท้ายนี้ หากเราโหลดซ้ำ
แอปพลิเคชันของเราจะใช้เวลาไม่กี่วินาที แต่เมื่อเสร็จแล้วฉันก็คลิก
ฉันได้รับโลกสวัสดี
อืม.
บางอย่างยังไม่ถูกต้อง
เพราะเราต้องการเซิร์ฟเวอร์ของเรา
ที่จะวิ่ง
ถูกต้อง.
ดังนั้นจึงให้บริการดัชนี html แก่เรา
วิดีโอนี้เริ่มยาวแล้ว ไปพักกันก่อนแล้วเจอกันใหม่ในวิดีโอหน้า