หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

ยินดีต้อนรับสู่ tiktokclone

พื้นที่เก็บข้อมูลหลักของซีรี่ส์ YouTube ของ Simcoder "Make An App Like Tiktok"

สร้างเว็บแอปเช่น tiktok

ฉันจะแสดงให้คุณเห็นว่าคุณสามารถทำสิ่งนี้ได้อย่างไรในวิธีที่ง่ายที่สุดและเงื่อนไขที่เป็นไปได้

ในตอนท้ายของซีรี่ส์นี้คุณจะได้เรียนรู้ว่า บริษัท ใหญ่ทำอย่างไรและจะสามารถทำเช่นเดียวกันได้คุณไม่เพียง แต่จะสามารถทำแอพนี้ได้ แต่คุณจะสามารถนำสิ่งที่คุณเรียนรู้ไปสู่โครงการของคุณเอง!

คำถามใด ๆ ถามฉันในฟอรัมทุกคำถามจะได้รับคำตอบ! http://www.simcoder.com/forum

โครงการนี้จะทำโดยใช้ React Native, Firebase Firestore, Firebase Storage, Redux, Expo พร้อมกับแพ็คเกจและเทคโนโลยีอื่น ๆ อีกมากมายซึ่งจะช่วยให้เราได้รับแอพ Tiktok Clone นี้และทำงานได้เร็วที่สุด

ดูซีรี่ส์การสอน YouTube ที่นี่


➕คุณสมบัติ

ที่นี่คุณจะพบรายการคุณสมบัติทั้งหมดที่นำมาใช้ในโครงการนี้และการสอน YouTube สำหรับคำอธิบายโดยละเอียดของแต่ละรายการ อย่างไรก็ตามคุณสามารถดูชุดเต็มวิธีการทำโครงการนี้ในเพลย์ลิสต์ YouTube ต่อไปนี้

ปัจจุบันโครงการมีคุณสมบัติดังต่อไปนี้:

  • Expo Boilerplate
  • ระบบรับรองความถูกต้อง
  • โพสต์วิดีโอ
    • ถ่ายภาพโดยตรงในแอพ
    • เลือกจากแกลเลอรี่
  • หน้าโปรไฟล์
  • ให้อาหารตามลำดับเวลา
  • ค้นหาผู้ใช้
  • ชอบวิดีโอ
  • โพสต์แสดงความคิดเห็น
  • ติดตาม/เลิกติดตามผู้ใช้
  • คุณลักษณะของระบบแชทที่จะเกิดขึ้น:
  • การออกแบบใหม่

ติดตั้ง

ก่อนอื่นคุณต้องติดตั้ง nodejs และ npm สิ่งนี้แตกต่างกันไปขึ้นอยู่กับระบบปฏิบัติการที่คุณกำลังทำงานอยู่ดังนั้นจึงง่ายต่อการตรวจสอบหน้าโหนด

ติดตั้ง Expo หากไม่ทำงานคุณอาจต้องเรียกใช้สิ่งนี้ด้วย sudo 

npm install expo-cli --global

ติดตั้งแพ็คเกจที่จำเป็นในขณะที่อยู่ในโฟลเดอร์รูทของโครงการ 

npm install

ติดตั้งเครื่องมือ Firebase 

npm install -g firebase-tools

ปรับใช้โครงการไปยัง Yout Firebase Projhect (ตรวจสอบให้แน่ใจว่าได้เปิดใช้งานการเรียกเก็บเงินสำหรับโครงการนั้น) คัดลอกแบ็กเอนด์/ฟังก์ชั่น/index.js ไปยังสถานที่อื่น 

 cd backend
firebase login
firebase init (choose functions, javascript, EsLint and install deplendencies)

คัดลอก index.js ไปยังสถานที่ของ index.js ใหม่ 

firebase deploy

คุณสามารถตรวจสอบวิดีโอแรกในซีรี่ส์นี้เพื่อเรียนรู้วิธีการทำได้อย่างง่ายดาย


การใช้งาน

ในการเริ่มงาน Expo สิ่งที่คุณต้องทำคือเรียกใช้บรรทัดนี้ 

expo start

หากคุณต้องการทำงานบน Android คุณจะต้องเปิดใช้งานตัวเลือกนักพัฒนาและการดีบัก USB บนอุปกรณ์ของคุณ


- คำถามที่พบบ่อย

หากคุณมีคำถามใด ๆ โปรดใช้ฟอรัมต่อไปนี้


- ผู้เขียน

Simcoder

  • เว็บไซต์: www.simcoder.com
  • Twitter: @simcoder_here
  • GitHub: @simcoderyoutube
  • youtube: simcoder

- แสดงการสนับสนุนของคุณ

ให้️ถ้าโครงการนี้ช่วยคุณได้!

ใบอนุญาต

ลิขสิทธิ์© 2020 Simcoder

โครงการนี้เป็นใบอนุญาต Apache 2.0 ที่ได้รับอนุญาต การพึ่งพาบางส่วนได้รับอนุญาตแตกต่างกัน

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด